@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@300;400;500;600;700&display=swap');



:root {
    --color-1: #003B87;
    --color-2: #00A0AE;
    --color-2-hover: #05808B;
    --color-3: #69717A;
    --color-4: #FAFAFC;
    --color-5: #ffffff;
    --color-gradient: linear-gradient(35.49deg, #0097D8 33.2%, #3A4C89 66.37%);
    --color-7: #078ECE;
    --color-8: #0F2650;
    --color-9: #091A39;

}



body {
    font-family: 'Noto Sans', sans-serif;
    font-size: 15px;
    color: var(--color-3);
    line-height: 25px;
}

html,
body,
.warpper,
.warpper-inner {
    height: 100%;
}

.border-radius {
    border-radius: 0 0 50px 50px;
}

img {
    max-width: 100%;
}
.h-100 {
height:auto!important;
}
/*------------------------Padding/Margin----------------------*/
.pd-tp-60 {
    padding-top: 60px;
}

.pd-tp-50 {
    padding-top: 50px;
}

.pd-bt-60 {
    padding-bottom: 60px;
}

.pd-tp-70 {
    padding-top: 70px;
}

.pd-bt-70 {
    padding-bottom: 70px;

}

.pd-tp-80 {
    padding-top: 80px;
}

.pd-tp-100 {
    padding-top: 100px;
}

.pd-tp-120 {
    padding-top: 120px;
}

.pd-bt-80 {
    padding-bottom: 80px;

}
.pd-bt-50 {
    padding-bottom: 50px;

}

.pd-tp-150 {
    padding-top: 150px;
}

.pd-bt-150 {
    padding-bottom: 150px;

}

.mr-15 {
    margin-right: 15px;
}
.mg-tp-ng-100{
margin-top:-100px;
}
.mr-0 {
    margin-right: 0;
}

.p-15 {
    padding-right: 15px;
    padding-left: 15px;
}

.padd-b1 {
    padding: 50px 60px 30px 0;
}

.padd-b2 {
    padding: 40px 0;
}

.pd-bt-100 {
    padding-bottom: 100px;
}

.mg-tp-ng-50 {
    margin-top: -50px;
}

/*-------------colors------------------*/

.bg-gray {
    background-color: var(--color-4);
}

/*--------------Buttons----------------------*/



.btn-green {
    background-color: var(--color-2);
    border-color: transparent;
    border-radius: 8px;
    color: var(--color-5);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 18px;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus {
    color: var(--color-5);
    background: var(--color-2-hover);
    box-shadow: 5px 8px 35px 0px #3F42791F;

}


.btn-white {
    background-color: var(--color-5);
    border-color: transparent;
    border-radius: 8px;
    color: var(--color-1);
    font-size: 14px;
    font-weight: 600;
    padding: 8px 18px;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    color: var(--color-5);
    background: transparent;
    border-color: var(--color-5);

}

.btn-white i:before {
    content: "\f061";
}




/*------------------------- Header-------------------*/
.navbar-header.web-header{

background-color: var(--color-5);
 
    -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    box-shadow: 0px 2px 4px -1px rgb(128 128 128 / 20%), 0px 4px 5px 0px rgb(125 125 125 / 14%), 0px 1px 10px 0px rgb(127 127 127 / 2%);

}
.mode-connected .dropdown-menu{
    min-width: 15rem;
}
.navbar-container-nav{
    width: 100%;
    display: flex;
}
header .navbar-brand img {
    width: 150px;
}

.web-header .navbar {
    padding: 0;
}

.web-header .navbar-collapse {
    padding-left: 50px;
    padding-right: 0;
}

header.web-header .navbar-collapse .nav-link {
    color: var(--color-1);
    font-weight: 600;
    font-size: 14px;
    padding: 5px 18px;
}
header.web-header .navbar-collapse .nav-link i{
    font-size: 20px;
    position: relative;
    top: 1px;
    padding: 0 5px;
    line-height: 20px;
}
header.web-header .navbar-collapse .nav-link:hover,
header.web-header .navbar-collapse .nav-link:focus {
    color: var(--color-7);
}

.dropdown-toggle::after {

    border: none;

}

header.web-header .navbar-collapse .navbar-nav li a.dropdown-toggle,
.mode-connected a.dropdown-toggle {
    position: relative;
}

header.web-header .navbar-collapse .navbar-nav li a.dropdown-toggle::after,
.mode-connected a.dropdown-toggle:after {
    font-family: 'Line Awesome Free';
    border: none !important;
    content: '\f107';
    font-size: 16px;
    position: absolute;
    left: auto;
    right: -5px;
}
.mode-connected a.dropdown-toggle:after{
    right: 0;
}
 .mode-connected .simple-dropdown .btn-green{
    font-size: 13px;
    padding: 8px 25px 8px 15px;
 }
 .simple-dropdown:hover>.dropdown-menu {
    display: block;
    top: 100%;
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none;
}

.simple-dropdown ul {
    padding-left: 15px;
    padding-right:15px;
    padding-top: 20px;
    padding-bottom: 20px;
  
}

.navbar-header .navbar-collapse .simple-dropdown ul li a {
    position: relative;
    display: block;
    text-decoration: none;
    font-weight: 500;
    padding: 5px 0;

}

.navbar-header .navbar-collapse .simple-dropdown ul li a:hover {
    color: var(--color-2);
}

header .dropdown-menu,
.mobile-menu .dropdown-menu {
    border-radius: 10px;
    padding: 18px 15px;
    border: none;
    box-shadow: 0px 10px 15px 5px #3336710D;

}

header .dropdown-menu li,
.mobile-menu .dropdown-menu li {
    margin-bottom: 5px;
    text-align: left;
}

header .dropdown-menu li a i {
    font-size: 17px;
    padding-right: 8px;
}

header .dropdown-menu li a,
.mobile-menu .dropdown-menu li a {
    font-size: 14px;
    text-decoration: none;
    color: var(--color-1);
    text-align: left;
}

header .dropdown-menu li a:hover,
header .dropdown-menu li a:focus,
header .dropdown-menu li a:active {
    background-color: transparent;
    color: var(--color-7);
}

.dropdown-toggle.selectpicker {
    padding: 0.5rem 1.5rem 0 0.6rem;
    background-color: #ffffff;
border: 1px solid var(--bs-gray-300);
    border-radius: 10px;
    margin: 0 15px;
    outline: none;
    width: auto !important;
}

.dropdown-toggle.selectpicker:hover,
.dropdown-toggle.selectpicker:focus {
    background-color: #f7f7f7;
}
.selector-language{
    position: relative;
    top: 6px;
}
.selector-language .bootstrap-select .btn:focus {
    outline: none !important;
}

.dropdown-toggle.selectpicker span {
    font-size: 13px;
    font-weight: 600;
}

.selector-language .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    position: absolute;
    right: 4px;
    font-size: 14px;
    top: 8px;
}

.dropdown-menu.inner.selectpicker li {
    text-align: left;
}

.selector-language .bootstrap-select {
    margin-bottom: 0 !important;
}

.selector-language .btn-group>.btn-group:not(:first-child)>.btn,
.selector-language .btn-group>.btn:nth-child(n+3),
.selector-language .btn-group>:not(.btn-check)+.btn {
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.selector-language .flag-icon {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    border-radius: 50%;
}

.selector-language .flag-icon,
.selector-language .flag-icon-background {
    background-position: top center;
    background-size: cover;
}

.second-part-header a img {
    padding-right: 10px;
}
header.web-header .navbar-collapse  li  .promo-link.nav-link{
color: #206ead;
    position: relative;
    box-sizing: border-box;
    background-clip: padding-box;
    /* border: solid 5px transparent; */
    border-radius: 0;
    background: #fff;
    border-radius: 4px;
}
 
header.web-header .navbar-collapse  li  .promo-link.nav-link:before {
   content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 8px;
    z-index: -1;
    margin: -4px;
    /* border-radius: inherit; */
    background: linear-gradient(to left, #1a73b3, #d53a9d);
 
}
/*------------------- hero slider-----------------------*/

.slide-content .animated {
    transition: all .5s ease;
}
.home-slider .slide-item  a {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.home-slider .slide-item {
    background-size: cover;
    background-repeat: no-repeat;
    height: 500px;
    border-radius: 0;
background-position: 100% 10%;

}

.slide-content {
    text-align: center;

}

.slide-content h1 {
    font-size: 45px;
    color: var(--color-5);
    font-weight: 700;
    margin-bottom: 25px;
}

.slide-content p {
    font-size: 16px;
    color: var(--color-5);
    margin-bottom: 30px;
}


.hero{
padding-top:70px;
}
.home-slider a{
display:block;

}
.slide-content {
    position: absolute;
    top: 40%;
    left: 50%;
    right: auto;
    transform: translate(-50%, -50%);
}


.home-slider .slick-dots {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.home-slider .slick-dots li button {
    font-size: 0;
    background: rgba(255, 255, 255, 0.24);
    border: none;
    outline: none;
    padding: 0;
    width: 12px;
    display: inline-block;
    height: 12px;
    border-radius: 50%;
}

.home-slider .slick-dots li {
    display: inline;
    margin: 0 5px;
}


.home-slider li.slick-active button {
    background: var(--color-5);
}



/*--------------------section1-------------------*/

.card-block {
    box-shadow: 0px 25px 25px 0px #06275314;
    border-radius: 25px;
    background-color: var(--color-5);
    padding: 50px;

}

.service-block {
    margin-top: 80px;
    position: relative;
}


.service-block-item {
    background-color: var(--color-4);
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 25px;

}

.service-block-item-icon {
    background-color: var(--color-5);
    padding: 5px 15px;
    border-radius: 8px;

}

.service-block-item-icon img {
    position: relative;
    top: 10px;
}

.service-block-item-info {
    padding: 0 15px;
}

.service-block-item-info h3 {
    font-size: 18px;
    color: var(--color-1);
    font-weight: 600;
}

.service-block-item-info p {
    font-size: 15px;
}

/*----------------Section 2------------------------*/


.text-heading h2 {
    color: var(--color-1);
    font-weight: 700;
    font-size: 42px;
    text-align: right;
    margin-bottom: 15px;
}

.text-heading p {
    font-size: 22px;
    text-align: right;
    line-height: 32px;
}

.text-heading.text-center h2,
.text-heading.text-center p {
    text-align: center !important;
}

/*-------------------section 2 content--------------*/

.tabs-h-page.nav-tabs {
    border-bottom: 0;
    margin-top: -80px;
}

.tabs-h-page.nav-tabs li  .nav-link {
    color: var(--color-2);
    font-size: 35px;
    line-height: 45px;
    background-color: transparent;
    border-color: transparent;
    font-weight: 700;
    padding: 15px 35px;
    opacity: 0.5;
    border-bottom: 5px solid transparent;
}

.tabs-h-page.nav-tabs li button.nav-link:hover {
    opacity: 1;
}

.tabs-h-page.nav-tabs li button.nav-link.active {
    opacity: 1;
    border-bottom: 5px solid var(--color-2) !important;
    position: relative;
}

.tabs-h-page.nav-tabs li button.nav-link.active:after {

    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -30px;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 20px solid #00a0ae;
}

.package-item {
    border-radius: 12px;
    background-color: var(--color-5);
    box-shadow: 5px 8px 35px 0px #3F42791F;
    margin-bottom: 35px;

}
.package-item-img{
position:relative;
}
.package-item .package-item-img img {
    max-width: 100%;
    border-radius: 12px 12px 0 0;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.package-item-inner {
    padding: 25px 20px;
}

.package-item-inner h4 {
    color: var(--color-1);
    font-size: 15px;
    font-weight: 600;
}

.package-item-inner p {
    font-size: 16px;
}


.package-item-inner .package-item-info-price span {
    color: var(--color-7);
    font-size: 25px;
    font-weight: 700;
}

.package-item-inner .package-item-info-price .btn-book,
.home-visit-package-box  .btn-book
 {
    background-color: var(--color-2);
    display: inline-block;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    position: relative;
    top: -15px;
}

.package-item-inner .package-item-info-price .btn-book:hover,
.home-visit-package-box  .btn-book:hover{
border:none!important;
 background-color:var(--color-2-hover);
}
.package-item-inner .package-item-info-price .btn-book img,
.home-visit-package-box  .btn-book img{
position: relative;
    top: 8px;
}
.package-item:hover {
    box-shadow: 5px 8px 35px 0px #3F427947;

}

.packages-pagination .page-link {
    padding: 6px 15px;
}

.page-item.active .page-link {
    z-index: 0;
    color: #fff;
    background: var(--color-1);
    border-color: var(--color-1);

}

.page-link {
    color: var(--color-3);
    margin: 7px;
    padding: 8px 15px;
    border-radius: 8px !important;
}


/*-------------------- CTA-------------------------*/

.cta-block {
    padding-top: 80px;
    padding-bottom: 80px;
    border-radius: 40px;
    background-image: url('../images/bg-cta.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.cta-block h2 {
    color: var(--color-5);
    font-size: 48px;
    font-weight: 600;
}

.cta {
    margin-bottom: -180px;
}

/*-------------------------Footer--------------------------*/


footer {
    background-color: var(--color-8);
}

.footer-inner {
    padding: 150px 0 30px;
}

.contact-info {
    padding: 45px 0;
    margin: 0 25px;
}

.contact-info small {
    width: 45px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    font-size: 22px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    position: relative;
    top: 0;
}

.contact-info strong {
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    display: block;
    position: relative;
    margin-bottom: 8px;
}

.contact-info span {
    color: #fff;
    position: relative;
    top: 0;
    font-size: 18px;
    display: inline-block;
}

.contact-info-text {
    position: relative;
    top: 0;
    padding-left: 10px;
}

.contact-info ul li {
    list-style: none;
    margin-right: 18px;
    display: inline-block;
    margin-bottom: 25px;
}

.contact-info ul {
    padding: 0;
    margin: 0;
}

.copyright p {
    text-align: center;
    color: #ffffff54;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.contact-info small i {
    position: relative;
    
}

.contact-info-inner {
    display: flex;
    align-items: center;
}

footer hr.hr {
    background-color: #D9D9D91A !important;
    margin-bottom: 0;
}

.social-links ul li {
    display: inline-block;
    margin-right: 10px;
}

.social-links ul li a {
    color: #fff;
    font-size: 25px;
}


.social-links ul li a:hover {
    color: #02b4e0;
}

.social-links ul li a {
    color: #fff;
    display: inline-block;
    width: 45px;
    text-align: center;
    line-height: 45px;
    height: 45px;
    border-radius: 50%;
    font-size: 25px;
}

.social-links ul li a i,
.contact-info small i {
    position: relative;
  
}

.social-links ul li a.snapchat {
    background-color: #FFFC00;
}

.social-links ul li a.instagram {
    background-color: #833AB4;
}

.social-links ul li a.twitter {
    background-color: #1DA1F2;
}


.social-links ul li a.linkedin {
    background-color: #0072b1;
}



.social-links ul li a:hover {
    opacity: 0.8;
    color: #fff !important;
}


.links-footer ul li {
    display: inline-block;
    margin: 0 10px;
}

.links-footer ul li a {
    color: var(--color-4);
}

.links-footer ul li a:hover {
    color: var(--color-5);
}

.bottom-footer {
    background-color: var(--color-9);
    color: #FFFFFF8F;

    padding: 15px 0 5px;
    font-size: 13px;
}


/*---------------title page------------------*/

.title-page {
    background-image: url('../images/bg-title.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding: 150px 0 70px;
    border-radius: 0 0 50px 50px;
}

.title-page h3 {
    color: var(--color-5);
    font-size: 35px;
    margin-bottom: 20px;
}

.title-page span {
    font-size: 24px;
    color: var(--color-5);
}

.title-page .breadcrumbs li a {
    color: var(--color-5);
    opacity: 0.6;
}

.title-page .breadcrumb-item.active {
    color: var(--color-5);
}

.title-page .breadcrumb-item+.breadcrumb-item::before {
    color: var(--color-5);
}

.title-page .breadcrumbs {
    position: relative;
    top: 15px;
}

.pd-tp-mobile{
    padding-top: 150px;
}
/*----------------------------deatail package-------------------------*/

.package-tests{
    height: 230px;
    overflow-x: hidden;
    overflow-y: auto;
}
 
.package-tests::-webkit-scrollbar-track
{
 
	border-radius: 8px;
	background-color: #f9f9f9;
}

.package-tests::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.package-tests::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: var(--color-1);
}


.package-detail {
    margin-top: -70px;
}

.package-detail-img img {
    border-radius: 12px;
    width: 100%;
}

.package-detail-info h4 {
    color: var(--color-1);
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
}

.package-detail-info span {
    color: var(--color-7);
    font-size: 20px;

}

.package-detail-info strong {
    display: block;
    font-size: 24px;
    color: var(--color-2);
    margin-bottom: 15px;
}

.package-test-item {
    margin-bottom: 15px;
align-items: center;
}

.package-test-item span {
    padding: 0 8px;
    line-height: 13px;
  font-size: 12px;
}

.calendar-date .owl-item .btn {
    padding: 0;
    top: 4px;
    position: relative;
    background-color: transparent;
    font-weight: 600;
    color: #1f3e61a6;
    border-color: transparent;
}

.calendar-date .owl-item .btn svg {
    position: relative;
    top: -2px;
    left: -5px;
}

.calendar-date .owl-item span {
    display: inline-block;
    font-size: 13px;
    color: var(--color-3);
}

.calendar-date .owl-item span i {
    font-size: 18px;
    padding: 0 3px;
    position: relative;
    top: 3px;
}

.calendar-date .owl-item span:hover {
    color: var(--color-2);
}

.clock-slider.owl-carousel {
    text-align: center !important;
}

.calendar-date.owl-carousel .owl-nav button {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    background-color: var(--color-4) !important;
    color: var(--color-1) !important;
}

.calendar-date.owl-carousel .owl-nav .owl-prev:hover,
.calendar-date.owl-carousel .owl-nav .owl-prev:focus,
.calendar-date.owl-carousel .owl-nav .owl-next:hover,
.calendar-date.owl-carousel .owl-nav .owl-next:focus,
.clock-slider .owl-nav .owl-prev:hover,
.clock-slider .owl-nav .owl-prev:focus,
.clock-slider .owl-nav .owl-next:hover,
.clock-slider .owl-nav .owl-next:focus {
    color: #1F3E61 !important;
}

.header-item {
       padding: 0 10px 0 10px;
}

.calendar-item .header-item img {
    background-color: #fff;
    margin-left: 0;
    margin-right: 0px;
}

.calendar-item {
    padding: 20px 0 0;
    margin: 0;
    border: 1px solid #edeef2;
    border-radius: 10px;
    background-color: var(--color-4);
    padding-bottom: 0;
    margin-bottom: 30px;
}

.hospital-container .header-item-info h3 a {
    position: relative;
    color: #072c77;
    font-size: 16px;
}

.calendar-item .header-item img {
    width: 65px !important;
    height: 65px !important;
    object-fit: cover;
    border: 1px solid #42aca04d;
    border-radius: 10px;

}

.calendar-date .btn-check:checked+.btn-outline-primary,
.calendar-date .btn-outline-primary:hover {
    color: #1F3E61;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.calendar-block {
    position: relative;
    border: 1px solid rgb(194 194 194 / 49%);
    border-radius: 20px;
    padding: 20px;
    background-color: var(--color-5);
    box-shadow: 5px 8px 25px 0px #0000000f;
}

.calendar-date.owl-carousel .owl-nav .owl-prev {
    left: 5px;
    top: 0;
    font-size: 16px;
    color: #C3C3C8;
    position: absolute;
}

.calendar-date.owl-carousel .owl-nav .owl-next {
    right: -5px;
    top: 0;
    position: absolute;
    font-size: 16px;
}

.hospital-container {
    margin-top: 0;

}

.header-item {
    margin-bottom: 15px;
    border-bottom: 0;
    padding-bottom: 0;
}

.header-item:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.header-item-info {
    display: flex;
}

.header-item-info h3 {
    color: var(--color-1);
    font-size: 18px;
    font-weight: 600;
    display: block;
}

.header-item-info strike {
    font-size: 18px;
    color: #FF3767;
    padding: 0 10px;
    font-weight: 600;
}

.header-item-info span {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-7);
}

.header-item-info-map span {
    color: var(--color-1);
    padding: 0 3px;
}

.header-item-info small {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: var(--color-2);
}

.header-item-info {
    text-align: left;
    color: var(--color-3);
    position: relative;
    top: 0;
}

.header-item-info-content {
    padding: 0 15px;
}

.clock-block .radio {
    display: inline-block;
}

.clock-block .btn-check:active+.btn-outline-primary,
.clock-block .btn-check:checked+.btn-outline-primary,
.clock-block .btn-outline-primary.active,
.clock-block .btn-outline-primary.dropdown-toggle.show,
.clock-block .btn-outline-primary:active {
    color: #072860;
    background-color: var(--color-2);
    border-color: var(--color-2);
    box-shadow: none;
}

.clock-block .btn-outline-primary,
.clock-slider .btn-outline-primary {
    background-color: var(--color-5);
    color: var(--color-1);
    padding: 8px 15px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    font-size: 14px;
}

.calendar-item:last-child {
    border-bottom: none;
}

.clock-block .btn-outline-primary:hover,
.clock-slider .btn-outline-primary:hover,
.clock-block .btn-outline-primary:focus,
.clock-slider .btn-outline-primary:focus {
    background-color: var(--color-2) !important;
    border-color: var(--color-2) !important;
    color: var(--color-5);
}

.calendar-date .owl-item .btn:focus,
.calendar-date .owl-item .btn:active {
    background-color: transparent !important;
    border-color: transparent !important;
}

.clock-slider {
    background-color: #F2F9FA;
    padding: 15px;
    border-top: 1px dashed #00a0ae66;
}

.clock-slider .owl-nav {
    display: block !important;
    position: absolute;
    width: 100%;
    top: 45%;
    transform: translate(0, -50%);
    left: 0;
}

.clock-slider .owl-nav .owl-prev {
    left: 10px!important;
    top: -10px;
    right: auto;
    position: absolute;
    color: var(--color-2) !important;

}

.clock-slider .owl-nav .owl-next {
    right: 10px!important;
 	top: -10px;
    left: auto;
    position: absolute;
    color: var(--color-2) !important;

}

.search-blok .btn-search {
    position: absolute;
    background-color: transparent;
    border: none;
    width: 42px;
    height: 42px;
    top: 10px;
    right: 10px;
    font-size: 28px;
    line-height: 42px;
    background: transparent;
    color: #ABD7DD;
    background: transparent;
    border-radius: 50%;

}

.search-blok .form-control {
    height: 55px;
    background-color: var(--color-4);
    border-radius: 15px;
}

.radius-block {
    position: relative;
    border-radius: 0 0 50px 50px;
    box-shadow: 0px 15px 10px rgba(63, 66, 121, 0.04);

}

.laboratory-block {
    background-color: var(--color-4);
    padding: 25px 20px;
    margin-bottom: 25px;
    border-radius: 12px;
    align-items: center;
}

.laboratory-block img {
    width: 100px;
    height: 100px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

.laboratory-block-info-meta {
    padding: 0 15px;
}

.laboratory-block-info-meta h4 {
    font-size: 19px;
    color: var(--color-1);
    font-weight: 600;
    margin-bottom: 20px;
}

.laboratory-block-info-meta span {
    color: var(--color-1);
    font-size: 15px;
}

.laboratory-block-info-meta span i {
    padding: 0 3px;
}

.package-item-info-price strike{
    color: #f43f54;
}

.package-item-inner h4{
margin-bottom:20px;
}
.package-item-inner .package-item-info-price span{
padding-right:10px;
}































































.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.bg-gray {
    background-color: #f9f9f9;
}



.bg-gradient-slide-1 {

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/bg-gradient-1.jpg');
}

.bg-slide-2 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/bg-1.png');
}

.max-width {
    max-width: 100%;
}

a:link {
    text-decoration: none;
}

.float-left {
    float: left !important;
}

.bg-gradient-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/bg-gradient.png');
}

.padd-slide {
    padding: 27px 0;
}

.warpper,
.warpper-inner {
    position: relative;
}

.bg-dark {
    background-color: #1D1D1F !important;
}

.green-bg {
     background: linear-gradient(180deg, #2f5b99 0%, #098aca 100%);

}

.blue-bg {
    background-color: #21D3F9 !important;
}

.yellow-bg {
    background-color: #F5E81C !important;
}

.purpple-bg {
    background-color: #CE98FF !important;
}

.gris-bg {
    background-color: #c9c9c9 !important;
}

.orange-bg {
    background-color: #FBC862 !important;
}

.greendark-bg {
    background-color: #A9D4A0 !important;
}

.red-bg {
    background-color: #FC918F !important;
}

.lightgris-bg {
    background-color: #ABBAC9 !important;
}

.skyblue-bg {
    background-color: #60BCC9 !important;
}

.bg-1 {
    background-color: #D7E7F4;
}


.color2-bg {
    background-color: #7fe4bc !important;
}

.color3-bg {
    background-color: #ffc780 !important
}

.color4-bg {
    background-color: #83c6f0 !important;
}

.color5-bg {
    background-color: #60bcc9 !important
}

.color6-bg {
    background-color: #f7d253 !important;
}

.color7-bg {
    background-color: #fea66c !important
}


.color8-bg {
    background-color: #a9d4a0 !important;
}

.color9-bg {
    background-color: #abbac9 !important;
}

.color10-bg {
    background-color: #d9a0fa !important;
}

.china-bg {
    background-color: #ff7b79;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.float-left {
    float: left;
}

.float-right {
    float: right !important;
}

.red-color {
    color: #FD0005;
}

hr {
    background-color: #EDECEC;
    opacity: 1;
}

.bkg-gradient {
    background: #75d2ff45;
    /* background: linear-gradient(-180deg, #75d2ffc4 0%, #0287c81c 13%, #0287c81c 23%, #75d2ffc4 38%, #0287c81c 56%, #75d2ffc4 78%, #0287c81c 100%); */
    background: linear-gradient(182deg, rgb(255 255 255) 2.88%, rgb(25 142 189 / 31%) 98.02%);
}

.done-ticket-details {
    padding: 30px 25px;
    position: relative;
    border-top: 3px dashed #8BACBF;
    border-bottom: 3px dashed #8BACBF;
    ;
    background-color: #fff;
    -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
    -webkit-box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
    box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
}

.done-ticket-img {
    float: left;
    position: relative;
    top: 10px;
    margin-right: 8px;
}

.done-ticket-info {
    overflow: hidden;
}

.done-ticket-info span {
    font-size: 13px;
    color: #706967;
    font-weight: 600;
}

.done-ticket-info p {
    margin-bottom: 0;
    color: #1F3E61;
    font-weight: 600;
}

.done-ticket-item {
    border-bottom: 1px solid #DCDDDC;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

.done-ticket-item:last-child {
    border-bottom: 0;
}



/*-------------------- section 1 ---------------------*/


.slide-home .slick-dots {
    position: absolute;
    bottom: 0;
    padding-left: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slide-home .slick-dots li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.slide-home .slick-dots li button {
    font-size: 0;
    border: none;
    outline: none;
    height: 4px;
    width: 20px;
    border-radius: 3px;
    background-color: #ffffff7d;
}

.slide-home .slick-dots .slick-active button {
    width: 35px;
    background-color: #096E9E;
}

.content-slide {
    position: absolute;
    top: 20%;
    left: 10%;
}

.content-slide h1 {
    font-size: 65px;
    color: #1260B3;
    font-weight: bold;
    line-height: 70px;

}

/*---------------------------
panel menu
--------------------*/
.panel-menu {
    background-color: #fff;
}

.panel {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    position: fixed;
    z-index: 99;
    top: 80px;
    height: 100%;
    width: 100%;
}

.panel.right {
    left: -430px !important;
}

.panel.right.active {
    left: 0 !important;
}

.panel.right.active .menu-btn {
    right: 100%;
    margin-right: -97px;
}


.panel ul {
    list-style-type: none;
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    text-align: left;
}

.mobile-menu .menu-btn {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    display: inline-block;
    cursor: pointer;
    margin-right: 0;
    z-index: 999999;
    position: relative;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: transparent;
}

.mobile-menu .menu-btn span {
    position: relative;
    display: inline-block;
    margin-top: 9.09090909px;
}

.mobile-menu .menu-btn span:before {
    top: -9.09090909px;
}

.mobile-menu .menu-btn span:after {
    top: 9.09090909px;
}

.mobile-menu .menu-btn.active span {
    background-color: transparent;
}

.mobile-menu .menu-btn.active span:before {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
}

.mobile-menu .menu-btn.active span:after {
    -webkit-transition-delay: 0.09s;
    -moz-transition-delay: 0.09s;
    -o-transition-delay: 0.09s;
    -msa-transition-delay: 0.09s;
    transition-delay: 0.09s;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    background-color: #fff;
}

.panel ul li,
.panel ul a {
    font-size: 16px;
    display: inline-block;
    width: 100%;
    line-height: 24px;
    margin-bottom: 4px;
    padding: 0;
    text-decoration: none;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #1F3E61;
    position: relative;
}

.panel ul a i {
    position: absolute;
    right: 0;
}

.panel ul a strong {
    font-weight: 600;
}

.panel ul li.menu-contact a:hover,
.panel ul li.menu-contact a:focus {
    color: #fff;
}

.mobile-menu .menu-btn span,
.mobile-menu .menu-btn span:before,
.mobile-menu .menu-btn span:after {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    width: 30px;
    height: 2px;
    background-color: #fff;
}

.mobile-menu .menu-btn span:before,
.mobile-menu .menu-btn span:after {
    content: "";
    position: absolute;
    left: 0;
}

.mobile-menu .menu-btn.active span:before,
.panel .menu-btn.active span:after {
    top: 9px;
    background-color: #fff;
}

.panel-overlay {
    position: fixed;
    top: 0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}


.mobile-menu {
    display: none;
}

.panel-menu .actions-btn {
    margin-top: 32px;
}

.panel-menu li svg {
    left: 0;
    margin-right: 8px;
}

.panel-menu .actions-btn a {
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 22px;
}

.panel-menu .actions-btn a.btn-border {
    color: #fff;
}

.panel-menu .actions-btn a.btn-border:hover,
.panel-menu .actions-btn a.btn-border:focus {
    color: #333;
}


.panel-menu .btn-primary {
    border: 1px solid #fff;
}

.mobile-menu .selector-language {
    float: right;
}

.mobile-menu .selector-language .btn-group.bootstrap-select.fit-width.show .dropdown-menu.open.show,
.mobile-menu .selector-language .btn-group.bootstrap-select.fit-width.show .dropdown-menu.open {
    min-height: 0 !important;
    background-color: #fff;
    display: block;
}

.mobile-menu .selector-language .btn-group.bootstrap-select.fit-width .dropdown-menu.open.show {
    background-color: transparent;
}

.panel-menu-inner {
    position: relative;
    text-align: center;
    align-items: center;
}

.login-block {
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%);
    padding: 25px 10px;
    position: relative;
    text-align: center;
}

.login-block a {
    position: relative;
    text-decoration: none;
    display: inline-block;
    padding: 10px 35px;
    color: #fff;
}

.login-block a:last-child:after {
    content: '';
    background-color: #fff;
    width: 1px;
    left: 0;
    position: absolute;
    top: 0;
    display: block;
    height: 100%;
}

.login-block a strong {
    font-size: 18px;
    font-weight: 600;
    display: block;
}

.login-block a span {
    font-size: 15px;
    display: block;
    border-bottom: 2px dashed;
}

.menu-block {
    padding: 25px 25px 0;
}

.menu-block h3 {
    color: #028aca;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
}

.menu-block .companies svg path {
    fill: #787887;
}

.menu-block .companies svg {
    top: 0;
}

/*-------------------- section 1 ---------------------*/

.nav-tabs-page {
   background: #f9f9f9;
    border-radius: 0 0 50px 50px;
}

.nav-tabs-page.nav-tabs .nav-link {
    padding: 20px 30px;
    border-right: 0;
    font-size: 18px;
    border-left: 0;
    font-weight: 600;
    border-top: 0;
    border-bottom: 4px solid transparent !important;
}

.nav-tabs-page.nav-tabs .nav-link {
    color: var(--color-1);
}

.nav-tabs-page.nav-tabs .nav-link:hover,
.nav-tabs-page.nav-tabs .nav-link:focus {
    color: var(--color-2);
}

.nav-tabs-page.nav-tabs .nav-item.show .nav-link,
.nav-tabs-page.nav-tabs .nav-link.active {
    color: var(--color-2);
    background-color: transparent;
    border-bottom: 4px solid var(--color-2) !important;

}

.labo-block {
    position: relative;
    border-radius: 40px;
    padding: 40px 20px;
    margin-bottom: 50px;
    overflow: hidden;

}

.labo-block.green-bg {
    -moz-box-shadow: inset 0 0 20px #006533;
    -webkit-box-shadow: inset 0 0 20px #006533;
    box-shadow: inset 0 0 20px #006533;
}

.labo-block.blue-bg {
    -moz-box-shadow: inset 0 0 20px #005974;
    -webkit-box-shadow: inset 0 0 20px #005974;
    box-shadow: inset 0 0 20px #005974;
}

.labo-block.yellow-bg {
    -moz-box-shadow: inset 0 0 20px #6D7600;
    -webkit-box-shadow: inset 0 0 20px #6D7600;
    box-shadow: inset 0 0 20px #6D7600;
}

.labo-block.orange-bg {
    -moz-box-shadow: inset 0 0 20px #926A1B;
    -webkit-box-shadow: inset 0 0 20px #926A1B;
    box-shadow: inset 0 0 20px #926A1B;
}

.labo-block.greendark-bg {
    -moz-box-shadow: inset 0 0 20px #33502D;
    -webkit-box-shadow: inset 0 0 20px #33502D;
    box-shadow: inset 0 0 20px #33502D;
}

.labo-block.gris-bg {
    -moz-box-shadow: inset 0 0 20px #5D5D5D;
    -webkit-box-shadow: inset 0 0 20px #5D5D5D;
    box-shadow: inset 0 0 20px #5D5D5D;
}

.labo-block.purpple-bg {
    -moz-box-shadow: inset 0 0 20px #4700B9;
    -webkit-box-shadow: inset 0 0 20px #4700B9;
    box-shadow: inset 0 0 20px #4700B9;
}

.labo-block.red-bg {
    -moz-box-shadow: inset 0 0 20px #B50300;
    -webkit-box-shadow: inset 0 0 20px #B50300;
    box-shadow: inset 0 0 20px #B50300;
}

.labo-block.lightgris-bg {
    -moz-box-shadow: inset 0 0 20px #51677D;
    -webkit-box-shadow: inset 0 0 20px #51677D;
    box-shadow: inset 0 0 20px #51677D;
}

.labo-block.skyblue-bg {
    -moz-box-shadow: inset 0 0 20px #134850;
    -webkit-box-shadow: inset 0 0 20px #134850;
    box-shadow: inset 0 0 20px #134850;
}

.labo-block.color1-bg {
    -moz-box-shadow: inset 0 0 20px #838383;
    -webkit-box-shadow: inset 0 0 20px #838383;
    box-shadow: inset 0 0 20px #838383;
}

.labo-block.color2-bg {
    -moz-box-shadow: inset 0 0 20px #319d73;
    -webkit-box-shadow: inset 0 0 20px #319d73;
    box-shadow: inset 0 0 20px #319d73;
}

.labo-block.color3-bg {
    -moz-box-shadow: inset 0 0 20px #b37404;
    -webkit-box-shadow: inset 0 0 20px #b37404;
    box-shadow: inset 0 0 20px #b37404;
}

.labo-block.color4-bg {
    -moz-box-shadow: inset 0 0 20px #2476a9;
    -webkit-box-shadow: inset 0 0 20px #2476a9;
    box-shadow: inset 0 0 20px #2476a9;
}

.labo-block.color5-bg {
    -moz-box-shadow: inset 0 0 20px #2b7c87;
    -webkit-box-shadow: inset 0 0 20px #2b7c87;
    box-shadow: inset 0 0 20px #2b7c87;
}

.labo-block.color6-bg {
    -moz-box-shadow: inset 0 0 20px #c29808;
    -webkit-box-shadow: inset 0 0 20px #c29808;
    box-shadow: inset 0 0 20px #c29808;
}

.labo-block.color10-bg {
    -moz-box-shadow: inset 0 0 20px #a442dd;
    -webkit-box-shadow: inset 0 0 20px #a442dd;
    box-shadow: inset 0 0 20px #a442dd;
}

.labo-block.color9-bg {
    -moz-box-shadow: inset 0 0 20px #6b7b8b;
    -webkit-box-shadow: inset 0 0 20px #6b7b8b;
    box-shadow: inset 0 0 20px #6b7b8b;
}


.labo-block.color7-bg {
    -moz-box-shadow: inset 0 0 20px #d15808;
    -webkit-box-shadow: inset 0 0 20px #d15808;
    box-shadow: inset 0 0 20px #d15808;
}

.labo-block.color8-bg {
    -moz-box-shadow: inset 0 0 20px #5c7f54;
    -webkit-box-shadow: inset 0 0 20px #5c7f54;
    box-shadow: inset 0 0 20px #5c7f54;
}

.labo-block.china-bg {
    -moz-box-shadow: inset 0 0 20px #c4302e;
    -webkit-box-shadow: inset 0 0 20px #c4302e;
    box-shadow: inset 0 0 20px #c4302e;
}

.color10-bg .badge-labo-block {
    background: #bb6fe7;
}

.color5-bg .badge-labo-block {
    background: #3f9eab;
}

.color4-bg .badge-labo-block {
    background: #4c97c5;
}

.color2-bg .badge-labo-block {
    background: #5fc59d;
}

.color3-bg .badge-labo-block {
    background: #e6850a;
}

.color1-bg .badge-labo-block {
    background: #9b9b9b;
}

.color6-bg .badge-labo-block {
    background: #cea826;
}

.color7-bg .badge-labo-block {
    background: #f6853b;
}

.color8-bg .badge-labo-block {
    background: #709967;
}

.china-bg .badge-labo-block {
    background: #d66361;
}

.color9-bg .badge-labo-block {
    background: #7b8b9b;
}

.labo-block h3 {
    font-size: 30px;
    color: #000000;
    font-weight: 600;
}

.labo-block p {
    padding-bottom: 45px;
    font-size: 22px;
    font-weight: 600;
color:#fff;
}
.labo-block span,
.labo-block sup,
.labo-block h3{
color:#fff;

}

.badge-labo-block {
    background: #E83666;
    -moz-box-shadow: inset 0 0 20px rgb(78 0 21 / 40%);
    -webkit-box-shadow: inset 0 0 20px rgb(78 0 21 / 40%);
    box-shadow: inset 0 0 20px rgb(78 0 21 / 40%);
    padding: 10px 12px;
    top: 0;
    font-size: 16px;
    border-top-left-radius: 0;
    border-top-right-radius: 33px;
    border-bottom-left-radius: 33px;
    color: #fff;
    position: absolute;
    right: 0;
}

.labo-block span sup {
    font-size: 42px;
    font-weight: 600;
}

.labo-block .footer-block .time-block img {
    width: 25px;
}

.labo-block .footer-block .time-block strong {
    color: #fff;
    font-size: 18px;
    position: relative;
    left: 10px;
    top: 2px;
}

.labo-block .footer-block .btn {
    float: right;
    position: relative;
    top: 10px;
    -moz-box-shadow: inset 0 1px 20px rgb(80 80 80 / 40%);
    -webkit-box-shadow: inset 0 1px 20px rgb(80 80 80 / 40%);
    box-shadow: inset 0 1px 20px rgb(80 80 80 / 40%);
    border: 0;
    border-radius: 25px
}

.labo-block .footer-block .time-block {
    display: inline-block;
    z-index: 1;
}

.labo-block .footer-block .time-block:before {
    background-image: url('../images/badge-web.svg');
    width: 256px;
    height: 59px;
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 0;
}

.labo-block.color2-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c2.svg);
}

.labo-block.color4-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c4.svg);
}

.labo-block.color3-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c3.svg);
}

.labo-block.color1-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c1.svg);
}

.labo-block.color5-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c5.svg);
}

.labo-block.color6-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c6.svg);
}

.labo-block.color7-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c7.svg);
}

.labo-block.color8-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c8.svg);
}

.labo-block.color10-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c10.svg);
}

.labo-block.color9-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-c9.svg);
}

.labo-block.china-bg .footer-block .time-block:before {
    background-image: url(../images/badge-hour-china.svg);
}

.labo-block .footer-block span {
    top: 37px;
    position: relative;
}




/*------------------------ title-page---------------*/
.header-page {
    padding: 120px 0 40px;
   border-radius: 0 0 50px 50px;
}

.header-page.header-style-1 {
      padding: 120px 0 50px;
    border-radius: 0 0 50px 50px;
  background:linear-gradient(180deg, #2f5b99 0%, #098aca 100%);

}

.header-page h1 {
    font-size: 35px !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.header-page p {
    color: #fff !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    margin: 0 !important;
}

.badge-corona {
    display: inline-block;
    background-color: #fff;
    color: #2b619f;
    font-weight: 600;
    padding: 8px 30px;
    border-radius: 25px;
}
.badge-corona i{
font-size:22px;
padding: 0 3px;
    position: relative;
    top: 3px;
}
.badge-corona img {
    width: 20px;
    top: -2px;
    position: relative;
    margin-left: 5px;
}

.form-block {
    box-shadow: 5px 8px 35px 0px #0000000A;

    padding: 65px 55px;
    border: 1px solid rgb(194 194 194 / 49%);
    border-radius: 20px;
}

.form-block h3 {
    color: #1F3E61;
    font-size: 20px;
    font-weight: 600;
}

body .form-block form .btn,
body .bookinng-block-inner .actions-btn .btn,
body .btn-order {
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%) !important;

}

.form-block small {
    font-size: 14px;
    color: #1F3E61;
}

.form-block a {
    text-decoration: none;
    color: #029bd6;
}

.form-block form {
    padding-top: 40px;
}

.form-block form .form-control {
    background-color: #F5F5F5;
    width: 60px;
    height:60px !important;
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
    color: #737373;
    border: 1px solid rgb(204 204 204 / 50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

::placeholder {
    color: #737373;
}

.form-block form .form-control:focus {
    border: 1px solid #02b5e7;
    box-shadow: none;
    color: #6c757d;
}

.form-block form .btn,
.bookinng-block-inner .actions-btn .btn,
.btn-order {
    width: 80%;
    font-size: 17px;
    font-weight: 600;
    padding: 8px;
    line-height: 25px;
    border-radius: 10px;
    height: 50px;
    color: #fff;
    border: none !important;
    background: rgb(2 181 231);
    background: linear-gradient(90deg, #0296d2 0%, rgb(2 191 238) 100%) !important;
    border-color: transparent;
}

.form-block form .btn:hover,
.bookinng-block-inner .actions-btn .btn:hover {
    opacity: 0.8;
}

.btn-order:hover,
.btn-order:focus {
    opacity: 0.8;
    color: #fff;
}

.form-block form .btn svg path {
    fill: #fff;
}

.form-block form .btn svg {
    float: left;
    position: relative;
    left: 15px;
    top: 10px;
}

.form-block form .btn:hover,
.form-block form .btn:focus,
.form-block form .btn:active {
    box-shadow: none;
    background-color: rgb(40 235 170 / 65%);
    border-color: rgb(40 235 170 / 65%);
}

.web-slider .slick-slide img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}

body .tel-box .iti input[type=tel] {
    border: 1px solid #d4d4d4 !important;
    border-radius: 12px;
    height: 60px;
    width: 100%;
    color: #1F3E61;
    text-align: center;
    font-size: 23px;
    outline: none;
    padding: 0 25px 0 80px !important;
}

.iti__flag.iti__sa {
    border-radius: 3px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 20px;
    margin-top: -5px;
    font-size: 18px;
    font-weight: 600;
    color: #1F3E61;
}

.tel-box .iti {
    width: 100%;
}

.tel-box .iti__flag-container {
    border: 0;
    border-radius: 0;
    z-index: 9;
    display: inline-block;
    /* width:60px; */
    height: 60px;
}

.tel-box .iti__flag-container {
    position: absolute;
}

.tel-box .iti__flag-container:after {
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #1F3E61;
    top: 20px;
    left: 120px;
    content: '';
}

.tel-box .iti__arrow {
    display: none;
}

.tel-box .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    background-color: transparent;
    padding: 0 6px 0 8px;
    align-content: flex-end;
    justify-content: space-around;
}

.tel-box .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background-color: transparent !important;
}

.tel-box .tel-input {
    display: inline-block;
    vertical-align: bottom;
    outline: none;
}

.tel-box .clearspace {
    position: absolute;
    top: 20px;
    right: 10px;
    font-size: 20px;
    width: 20px;
    display: inline-block;
    color: #A6A5A5;
}

.tel-box .clear {
    width: 20px;
    transition: max-width 0.3s;
    overflow: hidden;
    float: right;
    display: block;
    max-width: 0px;
}

.tel-box .show {
    cursor: pointer;
    width: 20px;
    max-width: 20px;
}

.header-page.header-style-1 p {
    color: #fff;
    margin-bottom: 0;
}

.mg-bt-100 {
    margin-bottom: -100px;
}

.header-page-img img {
    padding: 5px;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 12px 3px rgb(0 0 0 / 8%) !important;
    margin-right: 20px;
    width: 280px;
    height: 280px;
    object-fit: cover;
}

.header-page-text {
    text-align: left;
    padding-top: 25px;
}

.header-page-text span {
    font-size: 45px;
    display: block;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    margin: 25px 0 0;
}

.header-page.header-style-1 sup {
    font-size: 45px;
    font-weight: 600;
}


.package-description h2 {
    color: #072860;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
}


.calendar-date .btn-check:checked+.btn-outline-primary,
.calendar-date .btn-outline-primary:hover {
    color: #1F3E61;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}

.calendar-date .slick-prev.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
    position: absolute;
    left: 5px;
    top: 18px;
    z-index: 999;
}

.calendar-date .slick-next.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
    position: absolute;
    right: 5px;
    top: 18px;
}

.calendar-date .slick-next.slick-arrow:hover,
.calendar-date .slick-prev.slick-arrow:hover {
    color: #1F3E61;
}

.calendar-date .slick-next.slick-arrow:hover svg path,
.calendar-date .slick-prev.slick-arrow:hover svg path {
    fill: #1F3E61;
    stroke: #1F3E61;
}

.clock-block .slick-prev.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
}

.clock-block .slick-next.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
    position: absolute;
    right: -30px;
    top: 4px;
}

.clock-block .slick-prev.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
    position: absolute;
    left: -20px;
    top: 4px;
}

.clock-block .btn-outline-primary {
    background-color: #E3E4E6;
    color: var(--color-1);
    padding: 8px 15px;
    border: 1px solid #CCCCCC;
    border-radius: 8px;
    font-size: 14px;
}

.time-block .btn-outline-primary {
    width: 100%;
}

.packages-tab .nav-link {
    color: var(--color-1) !important;
    font-size: 25px;
    border-color: transparent !important;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 25px;
    font-weight: 600;
    opacity: 0.6;
}

.packages-tab.nav-tabs {
    border-bottom: none;
}

.packages-tab .nav-item {
    text-align: center;
    padding: 0 35px;
}

.packages-tab.nav-tabs .nav-link.active,
.packages-tab.nav-tabs .nav-link:hover {
    color: var(--color-2) !important;
    opacity: 1;
}

.packages-tab {
    padding-top: 45px;
}

.packages-tab .nav-item button img {
    display: block;
    margin-bottom: 15px;
    text-align: center;
    /* width: 100%; */
    margin: 0 auto 15px;
}


/*---------------contact page----------------*/


.contact-card-map iframe {
    height: 540px;
    width: 100%;
}

.contact-info h3 {
    font-weight: 600;
    font-size: 32px;
    color: var(--color-3);
}

.contact-icon {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 25px;

}

.contact-icon p {
    font-size: 18px;
    color: #747990;
}

.contact-icon .icon-ct {
    display: inline-block;
    margin-bottom: 15px;
    width: 70px;
    height: 70px;
    text-align: center;
    border-radius: 50%;
    background: var(--color-2);
}

.contact-icon .icon-ct svg {
    position: relative;
    top: 20px;
}

.contact-info-page {
    padding: 45px 25px;
    background: var(--color-5);
    border: 1px solid #e5e5e5;
    border-radius: 0.85rem;
    margin: 0 auto;
    transition: box-shadow .3s;
}

.contact-icon-text {
    padding: 0 15px;
}

.contact-icon-text h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--color-1);
}


.text-block .social-links ul li:before {
    display: none;
}

.contact-card {
    padding: 25px;
    background: var(--color-4);
    border: 1px solid #e5e5e5;
    border-radius: 0.85rem;
    max-width: 550px;
    margin: 0 auto;
    transition: box-shadow .3s;
}

.contact-card .form-group {
    margin-bottom: 15px;
}

.contact-card .label-control {
    display: block;
    margin-bottom: 10px;
    color: #747990;
    padding: 10px;
}

.contact-card .form-control {
    border-radius: 8px;
}

.contact-card .btn-primary {
    background: var(--color-2);
    border-color: transparent;
    border-radius: 5px;
    padding: 5px 15px;
}


/*-------------Blog---------------*/
.masonry-blog .massonry-item {
    margin-bottom: 30px;
    box-shadow: 0 0 18px rgba(48, 63, 100, 0.18);
    border-radius: 10px;
}

.masonry-blog .massonry-item .massonry-item-header img {
    border-radius: 10px 10px 0 0;
    width: 100%;
    max-width: 100%;
}

.masonry-blog .massonry-item .massonry-item-body {
    padding: 20px 15px;
}

.masonry-blog .massonry-item .massonry-item-body a {
    display: block;
    text-decoration: none;
    font-size: 17px;
    color: #34314b;
    font-weight: 600;
}

.masonry-blog .massonry-item .massonry-item-body a:hover {
    color: #0287c8;
}

.masonry-blog .massonry-item .massonry-item-body small {
    color: #b0aebe;
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
}

.masonry-blog .massonry-item .massonry-item-footer {
    padding: 15px;
    border-top: 1px solid rgba(176, 174, 190, 0.3);
    display: flex;
    justify-content: space-between;
}

.masonry-blog .massonry-item .massonry-item-footer ul li a {
    color: #858497;
    font-size: 15px;
    font-weight: 600;
}

.masonry-blog .massonry-item:hover {
    box-shadow: 0 0 22px rgba(48, 63, 100, 0.27);
}

.masonry-blog .massonry-item.overlay-item {
    position: relative;
}

.massonry-item-footer a {
    font-size: 16px;
    font-weight: 500;
}

.massonry-item-footer a i {
    margin: 0 3px;
    position: relative;
    top: 1px;

}

.massonry-item-footer a {
    color: #34314b;
}

.massonry-item-footer a:hover,
.massonry-item-footer a:focus {
    color: #0287c8;
}

.masonry-blog .massonry-item.overlay-item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 10px;
    opacity: 0.8;
    background-image: linear-gradient(90deg, #a1ecff 0%, #7dbcff 100%);
}

.masonry-blog .massonry-item.overlay-item.overlay-item-bg2:before {
    background-image: linear-gradient(90deg, #fda498 0%, #f58b9e 100%);
}

.masonry-blog .massonry-item.overlay-item.overlay-item-bg3:before {
    background-image: linear-gradient(90deg, #55edc0 0%, #4bdbdb 100%);
}

.masonry-blog .massonry-item.overlay-item .rounded-img {
    border-radius: 10px;
    width: 100%;
    max-width: 100%;
}

.masonry-blog .massonry-item.overlay-item .img-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 1.25rem;
}

.masonry-blog .massonry-item.overlay-item .img-overlay a {
    color: #ffffff;
    font-size: 18px;
    font-family: "Hind", Sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    text-decoration: none;
}

.masonry-blog .massonry-item.overlay-item .img-overlay p {
    font-size: 14px;
    color: #ffffff;
}

.content-blog p {
    font-size: 17px;
    line-height: 26px;
    text-align: justify;
}

.content-blog img {
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
}

.related-posts h2 {
    font-size: 32px;
    font-weight: 700;
}

.related-posts .blog-slider .blog-item img {
    border-radius: 8px;
    width: 40%;
    float: left;
    margin-right: 20px;
}

.related-posts .blog-slider .blog-item .info-blog-item {
    overflow: hidden;
}

.related-posts .blog-slider .blog-item .info-blog-item h3 {
    font-size: 18px;
    color: #1F3E61;
    font-weight: 700;
    margin-top: 10px;
}

.related-posts .blog-slider .blog-item .info-blog-item p {
    font-size: 16px;
    color: #212529;
}

.related-posts .blog-slider .blog-item .info-blog-item .dte-blog {
    color: #1F3E61;
    font-weight: 600;
    font-size: 14px;
}

.blog-slider .slick-arrow {
    border: none;
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%);
    color: #ffffff;
    border-radius: 50%;
    width: 45px;
    outline: none;
    height: 45px;
    box-shadow: 0px 10px 20px 0px rgb(161 236 255 / 50%);
    font-size: 24px;
    position: absolute;
}

.blog-slider .slick-arrow.slick-prev {
    left: -55px;
    top: 30%;
}

.blog-slider .slick-arrow.slick-next {
    right: -70px;
    top: 30%;
}

.slick-list {
    padding: 0 !important;
}

.massonry-item.overlay-item a {
    display: block;
    cursor: pointer;
}

.massonry-item.overlay-item {
    cursor: pointer;
}

.massonry-item.overlay-item h4 {
    color: #fff;
}

.massonry-item.overlay-item:hover {
    opacity: 0.8;
}



































.header-style-mobile-1 {
    display: none;
}

.h-auto {
    height: auto !important;
}

.general-form .form-control {
    text-align: left !important;
}

.form-block h4 {
    margin-top: 40px;
    font-size: 18px;
    color: #072860;
}

.general-form .form-group {
    margin-bottom: 20px;
}

.select-wrapper {
    position: relative;
}

.select-wrapper:after {
    background-image: url('../images/arrow.svg');
    content: "";
    position: absolute;
    top: 25px;
    width: 7px;
    height: 4px;
    right: 20px;
    color: #434B67;
    pointer-events: none;
}

.form-control.identity-input-type {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.form-control.number-input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.datepicker td,
.datepicker th {
    font-size: 12px;
    text-align: center;
}

.calendar-icon {
    position: absolute;
    right: 15px;
    top: 10px;
    z-index: 99;
}

.date .form-control {
    border-radius: 10px !important;
}

.booking-block {
    background-color: #fff;
    box-shadow: 0px 4px 15px 0px #3f42791f;
    border-radius: 15px;
    margin-bottom: 25px;
}

.booking-block p:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.booking-block h4 {

    color: #028aca;
    padding: 15px 25px 10px;
    font-size: 18px;
    border-bottom: 1px solid #E6E6E6;
    font-weight: 600;

}

.bookinng-block-inner {
    padding: 20px;
}

.bookinng-block-inner p {
    padding-bottom: 10px;
    border-bottom: 1px solid #EDECEC;
}

.bookinng-block-inner p img {
    margin-right: 10px;
}

.bookinng-block-inner p {
    font-size: 15px;
    font-weight: 600;
}

.h3 {
    font-size: 31px;
    color: #072860;
    font-weight: 600;
    margin-bottom: 30px;
}

.booking-block a {

    float: right;
    text-decoration: none;
    color: #029bd5;
    position: relative;
    text-align: right;
}

form .bookinng-block-inner .form-control {
    border: 1px solid #26E5AF;
    border-radius: 10px;
    height: 40px;
    color: #93999F;
    font-size: 13px;
}

form .bookinng-block-inner .btn-booking {
    background-color: #F4F4F4;
    border: 1px solid #26E5AF;
    border-radius: 10px;
    font-size: 10px;
    color: #93999F;
    font-weight: 600;
}

.bookinng-block-inner form strong {
    font-size: 18px;
}

.bookinng-block-inner.footer-booking-block span {
    color: #028aca;
    font-weight: 600;
    font-size: 18px;
}

.bookinng-block-inner span {
    position: relative;
}

.bookinng-block-inner [type="radio"]:checked,
.bookinng-block-inner [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;

}

.bookinng-block-inner [type="radio"]:checked+label,
.bookinng-block-inner [type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

.bookinng-block-inner [type="radio"]:checked+label:before,
.bookinng-block-inner [type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.bookinng-block-inner [type="radio"]:checked+label:before {
    border: 1px solid #028bcb;
}

.bookinng-block-inner [type="radio"]:checked+label:after,
.bookinng-block-inner [type="radio"]:not(:checked)+label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #02abe1;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 1px solid #0295d1;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.bookinng-block-inner [type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.bookinng-block-inner [type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.note-booking h5 {
    font-size: 15px;
    font-weight: 600;
    color: #072860;
}

.note-booking img {
    position: relative;
    top: -5px;
}

.note-booking p {
    font-size: 15px;
    color: #072860;
    line-height: 25px;
}

.check-block h2 {
    font-size: 30px;
    color: #fff;
    margin-top: 40px;
    font-weight: 600;
}

.custom-shape-divider-bottom-1627919000 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1627919000 svg {
    position: relative;
    display: block;
    width: calc(166% + 1.3px);
    height: 132px;
}

.custom-shape-divider-bottom-1627919000 .shape-fill {
    fill: #FFFFFF;
}

.pd-bt-150 {
    padding-bottom: 150px;
}

.check-block h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1F3E61;
}

.mobile-divder {
    visibility: hidden;
}

.custom-shape-divider-bottom-1627920582 {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1627920582 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1627920582 .shape-fill {
    fill: #FFFFFF;
}


.result-block h3 {
    color: #1F3E61;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 600;
}

.result-block span {
    display: block;
    color: #ADADAD;
}

.result-block .status-result {
    display: block;
    margin-top: 5px;
}

.positive {
    color: #16BC86 !important;
}

.positive small {
    background-color: #16BC86;
}

.negative {
    color: #DD1819 !important;
}

.negative small {
    background-color: #DD1819;
}

.analyse {
    color: #F79D3C !important;
}

.analyse small {
    background-color: #F79D3C;
}

.Confirmed {
    color: #727786 !important;
}

.Confirmed small {
    background-color: #727786;
}

.status-result small {
    width: 15px;
    margin-right: 10px;
    height: 15px;
    position: relative;
    top: 2px;
    display: inline-block;

    border-radius: 50%;
}

.badge-result-negative {
    display: block;
    margin-top: 5px;
}

.badge-result-negative small {
    width: 15px;
    margin-right: 10px;
    height: 15px;
    position: relative;
    top: 2px;
    display: inline-block;
    border-radius: 50%;
}

.result-block {
    padding: 25px 15px;
    border-radius: 20px;
    position: relative;
    background-color: #fff;
    -moz-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    -webkit-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
}

.result-block img {
    position: relative;

}

.result-block-item {
    position: relative;
}

.result-block-item a {
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 2;
}

.result-block-item .badge-result {
    display: block;
    top: 0;
    right: -50px;
    width: 100px;
    z-index: -1;
    font-size: 25px;
    border-radius: 20px;
    font-weight: 600;
    color: #072860;
    text-align: center;
    height: 100%;
    -moz-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    -webkit-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    line-height: 150px;
    background-color: #8DCEB9;
    position: absolute;

}

.result-block-item .badge-result i {
    position: relative;
    left: 20px;
}

.result-block-item {
    margin-bottom: 12px;
}

.test-result-block {
    border: 1px solid #E5EAFF;
    background-color: #F3F4F8;
    border-radius: 20px;
}

.test-result-block-inner {
    background-color: #fff;
}

.test-result-block h3 {
    padding: 0 30px 0;
    margin-top: 30px;

}

.test-result-block-inner p {
    padding: 10px 5px;
    margin: 0 15px;
    border-bottom: 1px solid #DCDDDC;
}

.test-result-block-inner p:last-child {
    border-bottom: none;
}

.test-result-block-inner p img {
    margin-right: 10px;
}

.test-result-block-inner p strong {
    color: #706967;
    font-weight: bold;
    display: inline-block;
    width: 105px;
}

.test-result-block-inner p span {
    color: #01234B;
    font-weight: bold;
}

.timeline-item:nth-child(2n+1):before {
    margin-right: -.5rem;
}

.timeline-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    background-color: #fff;
    height: 20px;
    margin-top: .425rem;
    margin-left: -.5rem;
    border: .0625rem solid #8BACBF;
    border-radius: 50%;
}

.timeline-item.active:before {
    border: 0;
    background-image: url('../images/check.svg');
}

.timeline-item:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    bottom: 0;
    width: 1px;
    margin-top: 26px;
    border: 1px dashed #8BACBF;
    margin-left: 1px;

}

.timeline-item {
    position: relative;
}

.test-result-step {
    background-color: #fff;
    margin-top: 10px;
    padding: 15px 0;
}

.result-btn {
    position: relative;
    text-align: center;
    margin-top: 0;
    border: 1px solid #E5EAFF;
    padding: 15px 0;
    border-radius: 0 0 20px 20px;
    background-color: #fff;
}


.test-result-step .timeline {
    padding: 10px 15px;
    margin: 0 15px;
}

.timeline-item p {
    padding-left: 25px;
    padding-top: 3px;
}

.test-result-step .timeline-item.inprogress:after,
.test-result-step .timeline-item.active:after {
    border: 1px dashed #1dbc86;
}

.test-result-step .timeline-item.inprogress:before {
    background-color: #1dbc86;
    border: .0625rem solid #1dbc86;
}

.timeline-item.active p {

    font-weight: 600;
}

.timeline-item:last-child:after {
    display: none;
}

.ticket-booking-item {

    background: #fff;
    display: block;
    margin: 10px;
    position: relative;
    margin-bottom: 25px;
}

.ticket-booking-item .item-right {

    margin-right: 0;
    width: 25%;
    height: 148px;
    float: left;
    position: relative;
    text-align: center;
}

.ticket-booking-item .item-right .day {
    font-size: 36px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0;
    color: #1a84b7;
}

.ticket-booking-item .item-right .month {
    color: #1F3E61;
    font-size: 16px;
    font-weight: 600;
    display: block;
}

.ticket-booking-item .item-right .time {
    font-size: 13px;
}

.ticket-booking-item .item-right {
    padding: 18px 0;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    /* height: 148px; */
    border-right: 3px dashed #1fbe8c;
    background-color: #fff;
    -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
    -webkit-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
    box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
}

.item-right .up-border,
.item-right .down-border {
    padding: 14px 15px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
}

.item-right .up-border {
    top: -8px;
    right: -16px;
}

.item-right .down-border {
    bottom: -13px;
    right: -16px;
}

.item-left {
    width: 70%;
    background-color: #17a7cb;
    float: left;
    padding: 30px 15px 15px 30px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    -moz-box-shadow: inset 5px 1px 20px rgba(0, 0, 0, .20);
    -webkit-box-shadow: inset 5px 1px 20px rgba(0, 0, 0, .20);
    box-shadow: inset 5px 1px 20px rgba(0, 0, 0, .20);
}

.item-left span {
    font-size: 13px;
    font-weight: 600;
}

.item-left p {
    color: #fff;
    margin-bottom: 0;
    font-size: 15px;
}

.item-left .ticket-details {
    display: inline-block;
}

.ticket-details span {
    display: block;
}

.ticket-details small {
    display: block;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

.badge-ticket {
    display: block;
    top: 0;
    right: -20px;
    width: 100px;
    z-index: -1;
    font-size: 25px;
    border-radius: 20px;
    font-weight: 600;
    color: #072860;
    text-align: center;
    height: 100%;
    -moz-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    -webkit-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    line-height: 150px;
    background-color: #fff;
    position: absolute;
}

.badge-ticket i {
    position: relative;
    left: 25px;
}

.ticket-booking-item a {
    display: block;
    color: #1F3E61;
    position: relative;
    z-index: 2;
}

.general-form .iti {
    width: 100%;
}

.general-form .clearspace {
    display: none;
}

.general-form .iti input[type=tel] {
    background-color: #F5F5F5;
    height: 50px;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
    color: #737373;
    border: 1px solid rgb(204 204 204 / 50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.general-form .iti__selected-flag {
    background-color: rgb(245 245 245);
    border-right: 1px solid #E5EDEF;
}

.general-form .iti__selected-dial-code {
    margin-left: 20px;
    font-size: 16px;
    padding-right: 10px;
    font-weight: 400;
    color: #A9A9A9;
}

.general-form .iti__arrow {
    margin-right: 5px;
}

.done-ticket-details .up-left-border {
    padding: 14px 15px;
    background-color: #eef7fa;
    border-radius: 50%;
    position: absolute;
    top: -19px;
    left: -11px;
}

.done-ticket-details .down-left-border {
    padding: 14px 15px;
    background: #d2e9f2;
    border-radius: 50%;
    position: absolute;
    bottom: -19px;
    left: -11px;
}

.done-ticket-details .up-right-border {
    padding: 14px 15px;
    background-color: #eef7fa;
    border-radius: 50%;
    position: absolute;
    top: -19px;
    right: -11px;
}

.done-ticket-details .down-right-border {
    padding: 14px 15px;
    background-color: #d4eaf3;
    border-radius: 50%;
    position: absolute;
    bottom: -19px;
    right: -11px;
}

.qr-code-block {
    padding: 20px;
    -moz-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    -webkit-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    background-color: #fff;
    border-radius: 0 0 20px 20px;
}

.left-qr-code-block {
    float: left;
    position: relative;
    top: 25px;
}

.right-qr-code-block {
    float: right;
}

.left-qr-code-block img {
    float: left;
    margin-right: 10px;
    top: 15px;
    position: relative;
}

.left-qr-code-block-info {
    overflow: hidden;
    display: block;
    text-align: center;
}

.left-qr-code-block-info strong {
    font-size: 15px;
    display: block;
    font-weight: 600;
    color: #706967;
}

.left-qr-code-block-info small {
    font-size: 17px;
    color: #01234B;
    font-weight: 600;
}

.done-ticket-block .btn-default {
    background-color: #D3D3D3;
    border-radius: 8px;
    color: #706967;
    font-size: 18px;
    font-weight: bold;
    padding: 15px 45px;
}

.done-ticket-block .btn-primary,
.add-patient-block .actions-btns .btn-primary {
    font-size: 18px;
    font-size: 18px;
    font-weight: 600;
    border: none;
    line-height: 30px;
    padding: 15px 25px;
    border-radius: 8px;
    color: #fff !important;
    background: rgb(38, 229, 175);
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%) !important;
    border-color: transparent;
}

.add-patient-block .actions-btns .form-group {
    margin-bottom: 0;
}

.done-ticket-block .actions-btns,
.add-patient-block .actions-btns,
.test-result-content .actions-btn {
    background-color: #fff;
    box-shadow: 1px 0 9px 0 rgb(0 0 0 / 16%);
    border-radius: 20px;
    margin-top: 30px;
    padding: 25px;
    position: relative;
    text-align: center;
}

.done-ticket-block .actions-btns .btn {
    width: 45%;
    margin-right: 15px;
    display: inline-block;
}

.done-ticket-block .actions-btns .btn:last-child {
    margin-right: 0;
}

.done-ticket-block .image-viewer {
    background-color: #F2F2F7;
    border-radius: 20px;
    padding: 50px 20px;
    position: relative;
    text-align: center;
}

.inset-nav-tabs {
    -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
    -webkit-box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
    box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
}

.laboratory-test-item .price-item {
    float: left;
    border-radius: 15px;
    padding: 15px 25px;
    margin-right: 15px;
    height: 75px;
    position: relative;
    text-align: center;
    background-color: #fff;
    -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
    -webkit-box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
    box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
}

.laboratory-test-item .price-item span {
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #23D69E;
}

.name-test {
    float: left;
    height: 75px;
    width: 77%;
    background-color: #fff;
    -moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, .20);
    -webkit-box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
    box-shadow: inset 5px 5px 20px rgb(0 0 0 / 20%);
    padding: 15px 25px;
    border-radius: 15px 0 0 15px;
}

.name-test p {
    font-weight: 600;
    font-size: 18px;
    line-height: 45px;
    color: #01234B;
    margin-bottom: 0;
}

.button-test {
    float: left;
    border-radius: 0 15px 15px 0;
    -moz-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    -webkit-box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    box-shadow: inset 0 0 20px rgb(80 80 80 / 40%);
    background-color: #8DCEB9;
    padding: 22px;
    height: 75px;
}

.laboratory-test-item {
    margin-bottom: 25px;
}

.laboratory-test-item:last-child {
    margin-bottom: 0;
}

.image-viewer img {
    max-width: 100%;
}

.navbar-mobile {
    display: none;
}

.booking-block.booking-block-mobile {
    margin-left: 15px;
    margin-right: 15px;
}

.laboratory-test-block input[type=checkbox] {
    box-sizing: border-box;
    padding: 0;
}

.checkbox {
    position: relative;
    margin-bottom: 20px;
}

.box-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.laboratory-test-item .price-item small {
    color: #212529;
}

.box-check:active+.btn-checkbox,
.box-check:checked+.btn-checkbox,
.btn-checkbox.active,
.btn-checkbox:active {
    opacity: 0.5;

}

.clock-block .slick-next.slick-arrow,
.clock-slider .slick-next.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
    position: absolute;
    right: -30px;
    top: 4px;
}

.clock-block .slick-prev.slick-arrow,
.clock-slider .slick-prev.slick-arrow {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #C3C3C8;
    position: absolute;
    left: -20px;
    top: 4px;
}

.clock-slider .slick-next.slick-arrow {
    right: -30px;
}

.clock-slider .slick-prev.slick-arrow {
    left: -30px;
}

.content-page {
    height: auto;
}



.modal-dialog .modal-title {
    font-size: 18px;
    color: #fff;
}

.modal-header {
    background: rgb(38, 229, 175);
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%) !important;
}

.modal-dialog .close {
    font-size: 25px !important;
    color: #fff;
}

.modal-dialog form .form-control {
    background-color: #F5F5F5;
    font-size: 15px;
    color: #737373;
    border: 1px solid rgb(204 204 204 / 50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border-radius: 10px;
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
    border-color: transparent;
}


.modal-footer {
    padding: 20px;
}

.modal-dialog .btn-toggle.gender {
    height: 45px;
    width: auto !important;
}

.modal-dialog .btn.gender-btn {

    padding: 0 25px !important;
}

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none !important;
}

#collection-form .row {
    margin-top: 15px !important;
}

#collection-form label {
    padding: 0 !important;
}

body.map-booked-block .map-block-booking .form-control {
    width: 100% !important;
    left: 0 !important;
    background-color: #F5F5F5;

    margin-top: 30px;
    height: 50px;
    border-radius: 10px;
    font-size: 15px;
    text-align: center;
    color: #737373;
    border: 1px solid rgb(204 204 204 / 50%);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

body.map-booked-block .bookinng-block-inner p {
    padding-bottom: 0;
    border-bottom: 0;
}

.order-block-mobile {
    margin-left: 15px;
    margin-right: 15px;
}

.map-booked-block .form-control {
    width: 100%;
    height: 50px !important;
    padding-top: 13px;
    border-radius: 10px !important;
    background-color: #f5f5f5;
    border-color: #ddd !important;
}

.map-booked-block .bookinng-block-inner p {
    border-bottom: none;
}

.map-booked-block select.form-control {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.btns-group.add-test-mouadh {
    padding-bottom: 60px;
}

.mobile-pdf {
    display: none;
}

.login-block.connected a:last-child:after {
    display: none;
}

.nav-link.logout:hover svg {
    fill: #028ccc;
}

.bookinng-block-inner p.new-person {
    color: #706967;
}

.checkout-block .bookinng-block-inner label {
    color: #706967;
    font-size: 18px;
}

.timeline-item.active:after {
    background-color: transparent;
    border: .0625rem dashed #1dbc86;
}

.timeline {
    position: relative;
    border-color: rgba(160, 175, 185, .15);
    padding: 0;
    margin: 0
}

.tl-item {
    border-radius: 3px;
    position: relative;
    display: -ms-flexbox;
    display: flex
}

.tl-item>* {
    padding: 10px
}

.tl-item:last-child .tl-dot:after {
    display: none
}

.tl-item.active .tl-dot:before {
    background-color: #1dbc86;
}

.tl-item:last-child .tl-dot:after {
    display: none;
}

.tl-item.active .tl-dot:before {
    display: none;
}

.tl-dot {
    position: relative;
    border-color: rgba(160, 175, 185, .15)
}

.tl-dot:after {
    content: '';
    position: absolute;
    border-color: #8BACBF;
    border-width: 2px;
    border-style: dashed;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    top: 15px;
    left: 50%;
    transform: translateX(-50%)
}

.tl-dot:after {
    width: 0;
    height: auto;
    top: 34px;
    bottom: -15px;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-radius: 0;
}

.tl-item.active .tl-dot:before {
    border-color: #448bff;
    box-shadow: 0 0 0 4px rgba(68, 139, 255, .2)
}

.circle-dot {
    display: inline-block;
    width: 20px;
    border: 1px solid #8BACBF;
    border-radius: 50%;
    height: 20px;
    background-color: #fff;
}

.tl-item.inprogres .circle-dot {
    background-color: #1dbc86;
    position: relative;
    border: 1px solid #1dbc86;
}

.tl-item.inprogres .circle-dot:before {
    background-color: #1dbc8638;
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    top: -6px;
    left: -6px;
    display: inline-block;
    border-radius: 50%;
    -webkit-animation: scale-up-center 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 500ms infinite both;
    animation: scale-up-center 0.8s cubic-bezier(0.550, 0.085, 0.680, 0.530) 500ms infinite both;
}

@-webkit-keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-up-center {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.tl-item.active .tl-dot:after {
    border-color: #1dbc86;
}

.tl-content p:last-child {
    margin-bottom: 0
}

.labo-block.china-bg .china-flag img {
    width: 80px;
}

.labo-block.china-bg .china-flag {
    position: absolute;
    right: 50px;
    left: auto;
    top: 80px;
}

.spinner-block {
    background-color: #17BF9A;
    box-shadow: 1px 0 9px 0 rgb(0 0 0 / 16%);
    border-radius: 20px;
    padding: 50px 35px;
}

.spinner-button {
    margin-top: 24px;
    border: 2px solid #fff;
    display: inline-block;
    padding: 5px 20px;
    height: 48px;
    font-size: 11px;
    color: #fff;
    border-radius: 10px;
    background-color: transparent
}

.spinner-button:disabled {
    color: #17BF9A;
    background-color: #fff;
    border-color: #fff;
}

.spinner-button:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #17BF9A;
}

.spinner-button i {
    color: #fff
}

.spinner-block .date .form-control {
    height: 48px;
}

.spinner-block label {
    color: #fff;
}

.text-spinner-block {
    padding: 60px 0;
}

.text-spinner-block span {
    color: #fff;
    display: block;
    margin: 15px 0 30px;
    font-size: 20px;

}

.text-spinner-block strong {
    display: inline-block;
    width: 100px;
    height: 100px;
    line-height: 100px;
    color: #17bf9a;
    font-size: 25px;
    background-color: #fff;
    border-radius: 50%;
}

.slide-home {
    height: 500px;
    overflow: hidden;
}

.title-section {
    font-size: 36px;
    text-align: center !important;
    font-weight: 600;
    margin-bottom: 50px;
}

.box-block {
    padding: 15px 15px 40px;
    border-radius: 15px;
    border: 1px solid #dbdbdb;
    /* background: linear-gradient(180deg, #02C0EE 0%, #028BCB 100%); */
    text-align: center;
    color: #FFF;
    box-shadow: 0px 4px 5px 0px #3f42790f;
    background-color: #f9f9f9;
}

.box-block .col-md-8 {
    padding-left: 15px;
    padding-right: 0;
}

.box-block h4 {
    font-size: 20px;
    font-weight: 600;
    color: #333671;
}

.box-block p {
    font-size: 14px;
    color: #333671;
    margin-bottom: 25px;
    line-height: 21px;
}

.btn-box-block {
    padding: 10px 25px;
    background: #FFD600;
    background: linear-gradient(180deg, #02C0EE 0%, #028BCB 100%);
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 500;
}

.btn-box-block:hover {
    box-shadow: 0 0 12px 3px rgb(0 0 0 / 8%) !important;
    color: #fff;
}

.box-block-img img {
    max-width: 100%;
    border-radius: 10px;
}

.box-block-img img {
    position: relative;
}

.box-block-info {
    padding-top: 15px;
}

.bg-color-section {
    background-color: #f9f9f9;
}

.background-color {
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%);

}

.cta-banner-block {
    position: relative;
}

.img-banner {
    max-width: 100%;
    position: absolute;
    right: 0;
    top: -45px;
    bottom: auto;
    right: 0;
    left: auto;

}

.banner-block-text {
    text-align: left;
    padding-top: 60px;
    padding-bottom: 50px;
}

.banner-block-text h3 {
    font-size: 45px;
    color: #ffffff;
    margin-bottom: 20px;
    font-weight: 600;
}

.banner-block-text p {
    font-size: 18px;
    margin-bottom: 5px;
    line-height: 32px;
    color: #fff;
}

.seperator {
    height: 1px;
    width: 100%;

    background-color: #eee;
}

.package-box {
    text-align: left;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-position: right;
    padding: 0;
    border-radius: 15px;
    box-shadow: 0px 4px 15px 0px #0000000F;
    position: relative;
    background-color: #fff;
}

.package-box-info {
    padding: 15px 15px 15px;
}

.package-box-img img {
    height: 100px;
}

.price-package::after {
    display: block;
    width: 20px;
    height: 0px;
    position: absolute;
    bottom: -15px;
    right: auto;
    left: -10px;
    content: "";
    border-bottom: 15px solid transparent;
    border-right: 10px solid rgb(223 58 90);
}

.price-package {
    border-radius: 0 15px 15px 0;
}

.package-box:hover {
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 5%) !important;
}

.package-box-img img {
    border-radius: 10px 10px 0 0;
    max-width: 100%;
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.load-more {
    position: relative;
    text-align: center;
    color: #1F3E61;
    font-size: 16px;
    font-weight: 600;
}

.package-box h4 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 8px;

}

.price-package span {
    color: #ffffff !important;
    font-size: 24px;
    font-weight: 700;

}

.package-box-img {
    position: relative;
    text-align: center;
}

.package-box-img span.price-package {
    width: 80px;
    position: absolute;
    top: 80px;
    right: -30px;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    display: block;
    background-color: #FCCF45;
    border-radius: 50%;
}

.package-box-info p span:first-child {
    padding: 0;
}

.package-box {
    margin-bottom: 40px;
}

.package-box p {
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 14px;
    line-height: 20px;
}

.package-box p .price-package {
    font-size: 25px;
    color: #D9635B;
    font-weight: 600;

}

.package-box strong {
    font-size: 32px;
    line-height: 30px;
    display: block;
    padding-bottom: 15px;
    color: #f4a66d;
}

/*.package-box .btn-box-block{
    background: #1997c2!important;
    color: #fff!important;
    font-size: 14px;
    padding: 8px 30px;
    display: inline-block;
    margin-bottom: 5px;
margin-top:10px;
}*/
.package-box .btn-box-block:hover,
.package-box .btn-box-block:focus {
    color: #fbc933;
    box-shadow: none !important;
}

.package-box .btn-box-block {
    background: transparent;
    color: #028BCB !important;
    font-size: 18px;
    padding: 0;
    font-weight: 600;

}

.book-link {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    color: #1997c2 !important;
}

/*.package-box .btn-box-block:hover,
.package-box .btn-box-block:focus{
    background-color: #fbc933;
    color: #fff;
}*/
.package-title-img img {
    border-radius: 50%;
    max-width: 100%;
}

.package-description h3 {
    font-size: 28px;
    font-weight: 600;
}

.package-description p {
    color: #747474;
    font-size: 16px;
    line-height: 24px;
}

.package-description ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.package-description ul li {
    position: relative;
    padding-right: 25px;
    padding: 15px 0 0 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #edeef2;
    margin-bottom: 5px;
    margin-top: 5px;
    text-align: left;
    line-height: 1;
}

.package-description .card-header {
    padding: 25px;
    background-color: #02bfee57;
    border-radius: 15px 15px 0 0;

}

.package-description .card-header h3 {
    font-size: 18px;
    text-align: left;
    font-weight: 600;
    color: #0289c9;
}

.package-description .card {
    border-radius: 15px;
    box-shadow: 0 0 12px 3px rgb(0 0 0 / 8%) !important;
}

.package-description ul li:last-child {
    border-bottom: none;
}


.package-description ul li span {
    font-size: 16px;
    display: block;
    margin-bottom: 0;
    color: #747474;
}

.package-description ul li:before {
    font-family: 'Line Awesome Free';
    position: absolute;
    content: "\f00c";
    left: 0;
    top: 10px;
    font-size: 20px;
    color: #1fa588;
}

.package-description strong {
    color: #3bc9aa;
    font-size: 30px;
    display: block;
    margin-bottom: 25px;
    margin-top: 15px;

}


.offers-block .search-blok .form-control {
    border-bottom: 2px solid #D6D8DD;
    border-right: 0;
    border-top: 0;
    width: 80%;
    margin: 0 auto;
    border-left: 0;
    border-radius: 0;
}

.search-blok {
    position: relative;
}



.list-btns a {
 padding: 8px 18px 8px;
    color: #fff;
    margin: 0 3px;
    background-color: #B8B8B8;
    border-bottom: 3px solid transparent;
border: 0;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    border-radius: 8px;
    border-color: transparent;
}

hr {
    background-color: #f7f7f7 !important;
}

.package-box-info p span {
    color: #0290ce !important;
    font-size: 24px;
    font-weight: 700;
}

.list-btns a:hover,
.list-btns a.active {
   color: #fff;
    border-color: transparent;
    background-color: #00A0AE;
    box-shadow: none !important;
}



.frame-block {
    width: 100%;
    padding: 0 60px;
}

.frame-block .sidebar-promotion-footer {
    display: none;
}

.box-block-info,
.title-section {
    text-align: center !important;
}

.pl-0 {
    padding-right: 15px !important;
    padding-left: 0 !important;
}

.pagination {
    justify-content: center;
}

#iframe {
    width: 100%;
    height: 620px;
}

.price-package {
    border-radius: 0 15px 15px 0;
    color: #fff;
    width: 60%;
    margin: 15px 0;
    position: relative;
    padding: 8px 20px;
    margin-left: -25px;
    background: #FD7791;
    font-size: 26px;
}

.packages-items .list-btns {
    text-align: center;
}

.full-container {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
}

.footer-box {
    margin-top: -75px;
    background: #2f4756;

    border-radius: 0 39px 0 0px;
}

.footer-box .footer-box-content {
    padding: 120px 40px 60px;
}

.footer-box .footer-box-content h1 {
    color: #fff;
}

.footer-box .footer-box-content h1 span {
    font-size: 50px;
    font-weight: 700;
}

.footer-box .footer-box-content,
.contact-info span {
    text-align: left;
}

.pd-bt-120 {
    padding-bottom: 120px;
}

.logos-block-footer {
    padding: 45px 0;
    margin: 0 25px;
    border-bottom: 1px solid rgb(255 255 255 / 9%);
}

.corona-logo {
    position: relative;
    top: 20px;
}
.pd-tp-80.pd-bt-80.h-100{
padding-top:150px;
}

.form-block form .btn,
.bookinng-block-inner .actions-btn .btn,
.btn-order {
    line-height: 40px !important;
    height: 60px !important;
}

.form-block .actions-btn {
    margin-top: 15px !important;
}

.simple-footer .contact-info {
    padding: 85px 0;
}

.header-item-info .price-package {
    padding: 0 8px;
}

.new-header-bg .header-corona .logo-header-corona img {
    width: 125px;
    position: relative;
    top: 30px;
    left: -2px;
}

.header-corona a {
    text-align: center;
}

.new-header-bg {
    padding: 10px 0;
}

.new-header-bg .header-corona img {
    width: 100px;
}

body .packages-items .active-category {
  background: none;
    color: #fff;
    border-color: transparent;
    background-color: #00A0AE;
    box-shadow: none !important;
}

.logos-block-footer span.float-left img {
    width: 120px;
    position: relative;
    top: 10px;
}

.contact-info img {
    width: 140px;
}



.package-description .card {
    box-shadow: none !important;
}

.header-page-text span strike {
    color: #0d648f !important;
}

.header-page .badge-corona {
    margin: 10px 0 0;
}

.price-package strike {
    color: #ffffff !important;
    padding: 0 10px;
}

.add-patient-block .form-block .actions-btns {
    background-color: transparent !important;
    margin-top: 0 !important;
    padding: 0 !important;

}

.footer-inner .row .col-md-6:nth-of-type(1) {

    padding: 0;
}

.nav-link.logout svg {
    fill: #028ccc;
}

.footer-block .logos-block-footer {
    padding: 15px 0 25px;
}

.footer-block .contact-info {
    padding: 35px 0 70px;
    position: relative;
}

.payment-block.me-auto {
    margin-left: auto !important;
    margin-right: 0 !important;
}

.payment-block {
    padding: 0 25px;
}

.contact-info {
    position: relative;
    text-align: left;
}

.cta {
    padding: 60px 0 60px;
}

.cta-block h1 {
    font-size: 45px;
    color: #ffffff;
    margin-bottom: 50px;
    font-weight: 600;
}

.cta-block a {
    display: block;
    margin-bottom: 25px;
}

.cta-block a:last-child {
    margin-bottom: 0;
}

.cta-block img {
    width: 350px;
    max-width: 100%;
}

.mobile-slider-image {
    position: absolute;
    top: -100px;
    margin: 0 auto;
    width: 222px;
}

.mobile-slider-image:after {
    content: '';
    position: absolute;
    left: -30px;
    top: -20px;
    background-image: url(../images/device.png);
    background-position: 100%, 100%;
    background-size: cover;
    width: 340px;
    height: 610px;
}

.cta-block {
    text-align: left;
}

body .iti .tel-input {
    margin-bottom: 20px !important;
}

.bg-color-section-white {
    background-color: #fff;
}

.bg-color-section-white .title-section {
    /* margin-bottom:80px; */
    padding-bottom: 80px;
}

.tab-page .nav-link {
    border: 0;
}

.tab-page.nav-tabs {
    border-bottom: none;
    /* padding: 25px 0 50px; */
    padding: 30px 0 0;
    width: 50%;
    position: relative;
    border-radius: 15px;
    margin-bottom: -25px;
    margin: 0 auto -55px;
    background: #fff;
    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);
}

.tab-page.nav-tabs img {
    width: 80px;
}

.tab-page.nav-tabs button span {
    color: #1b83b7;
    font-size: 26px;
    font-weight: 800;
    padding: 0 15px;
}

.tab-content.bg-color-section .tab-pane {
    padding-top: 0;
    margin-top: 0;

}

.filter-block {
    left: 0 !important;
    width: 98%;
    position: relative;
}


.tab-page.nav-tabs .nav-link.active {
    background-color: transparent;
    border-radius: 8px;
    border-radius: 0;
    border-color: transparent;

}

.offers-block .title-section {
    position: relative;
    top: -100px;
}

.offers-block .search-blok .form-control {
    border-bottom: 2px solid #D6D8DD;
    border-right: 0;
    border-top: 0;
    width: 80%;
    margin: 0 auto;
    border-left: 0;
    border-radius: 0;
}

.pd-tp-title {
    padding-top: 50px;

}

.tab-page.nav-tabs .nav-link:hover span {
    color: #6e6e6e;
}

.offers-block .tab-page.nav-tabs {
    width: 100%;
    margin-top: -125px;
}

.filter-block {
    background-color: #fff;
    left: 12px;
    margin-top: -50px;
    padding: 0;
    border-radius: 0 0 25px 25px;
}

.filter-block .list-btns {
    position: relative;
    text-align: center;
    padding: 35px 0 0;
}

.filter-block .list-btns a {
    padding: 8px 18px 8px;
    color: #fff;
    margin: 0 3px;
    background-color: #B8B8B8;
    border-bottom: 3px solid transparent;
}

.filter-block .list-btns a:hover,
.filter-block .list-btns a.active,
.filter-block .list-btns .active-category {
    background: none;
    color: #fff;
    border-color: transparent;
    background-color: #00A0AE;
    box-shadow: none !important;
    /* border-bottom: transparent; */
    /* border-radius: 0; */
}

.filter-block .search-blok label.icon {
    position: absolute;
    top: 15px;
    font-size: 25px;
    left: auto;
right:15px;
    color: #ABD7DD;
}

.offers-block .tab-page.nav-tabs::before {
    display: block;
    width: 20px;
    height: 0px;
    position: absolute;
    bottom: -15px;
    left: -11px;
    content: "";
    border-bottom: 15px solid transparent;
    border-right: 10px solid rgb(0, 80, 116);
}

.offers-block .tab-page.nav-tabs::after {
    display: block;
    width: 20px;
    height: 0px;
    position: absolute;
    bottom: -15px;
    right: -10px;
    content: "";
    border-bottom: 15px solid transparent;
    border-left: 10px solid rgb(0, 80, 116);
}

.box-block-img {
    margin-top: -100px;
    min-height: 230px;
}

.list_item {
    margin-bottom: 20px;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.list_item a {
    color: #ffffff;
    text-align: right;
    display: block;
    font-size: 19px;
    padding: 5px 10px;
    text-decoration: none;
}

.list_item a i {
    padding-left: 8px;
}

.b-close {
    color: #fff;
    font-size: 24px;
    position: absolute;
    left: 20px;
    top: 20px;
}

.mobile-menu.sticky {
    background-color: #fff;
    box-shadow: 0 0 18px rgb(48 63 100 / 13%);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.all-promo-block .filter-block {
    background-color: transparent;
    left: 0 !important;
    padding-top: 110px;
}

.promo-tabs-block .tab-page.nav-tabs {
    margin-top: -46px;
    position:
        relative;
    border-radius: 0 0 15px 15px;
}

.promo-tabs-block .nav-tabs .nav-link {
    opacity: 0.2;
}

.tab-page.nav-tabs {
    position: relative;
    padding: 15px 0 15px;
    border-radius: 0 0 15px 15px;
}


.bootom-footer {
    display: flex;
}

.bootom-footer ul li {
    display: inline-block;
    margin: 0 10px;
}

.bootom-footer ul li a {
    color: #ffffff54;
}

.bootom-footer ul li a:hover {
    color: #fff;
}

.tabs-packages {
    border-radius: 15px 15px 0px 0px;
    width: 50%;
    position: relative;
    margin: -80px auto -55px;
    background: #008eca;
    box-shadow: 0 5px 15px rgb(0 0 0 / 7%);
}

.tabs-packages:after {
    position: absolute;
    content: "";
    width: 0;
    left: 0;
    bottom: -21px;
    height: 0;
    border-left: 278px solid transparent;
    border-right: 278px solid transparent;
    border-top: 22px solid #008eca;
}

.tabs-packages .nav-tabs .nav-item.show .nav-link,
.tabs-packages .nav-tabs .nav-link.active {
    background-color: transparent;
    border: transparent;
}

.tabs-packages ul {
    position: relative;
}

.tabs-packages ul:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 30px;
    left: -15px;
    top: 0;
    background: #008eca;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent;
}

.tabs-packages ul:after {
    position: absolute;
    content: "";
    height: 20px;
    width: 22px;
    left: -21px;
    top: 0;
    border-radius: 15px 15px 0 0;
    background: #045273;
}

.tabs-packages li span {
    display: block;
    color: #fff;
    font-weight: 600;
    font-size: 26px;
}

.tabs-packages li button {
    padding: 1.5rem 2rem;
    border: none !important;
}

.tabs-packages li button img {
    width: 50px;
}

.tabs-packages li button {
    opacity: 0.5;
}

.tabs-packages li button:hover,
.tabs-packages li button:focus {
    opacity: 1;
}

.tabs-packages .nav-tabs .nav-item.show .nav-link,
.tabs-packages .nav-tabs .nav-link.active {
    opacity: 1;
}

.packages-tabs .tab-page.nav-tabs img {
    width: 50px;
}

.promo-tabs-block.packages-tabs .tab-page.nav-tabs {
    margin-top: -139px;

}

.promo-tabs-block .tab-page.nav-tabs:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 50px solid #dbdbdb;
    border-right: 25px solid transparent;
    right: -25px;
    top: 0;
}

.promo-tabs-block .tab-page.nav-tabs:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 50px solid #dbdbdb;
    border-left: 25px solid transparent;
    left: -25px;
    top: 0;
}

.promo-tabs-block.packages-tabs .nav-link {
    display: block;
    padding: 1.2rem 1rem;
}

.contact-info .bootom-footer {
    padding: 45px 0 25px;
}

.footer-inner.simple-footer .bootom-footer {
    position: relative;
    top: 0;
    padding: 0 25px;
}

.footer-inner.simple-footer .payment-block {
    padding: 0;
}

.footer-inner.simple-footer .payment-block img {

    width: 120px;
}

.tab-content.bg-color-section.pd-bt-120 {
    padding-top: 50px;
}

.promo-image-badge {
    width: 100%;
    height: 188px;
    position: absolute;
    top: -8px;
    right: 8px;
    overflow: hidden;
}

.box-item,
.box-section a {
    position: relative;
}

.fixed-animation-block .animated {
    transition: all .5s ease;
}

.badge-promo {
    width: 200px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 30px;
    left: -50px;
    font-weight: 600;
    z-index: 1;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border: 1px dashed #fff;
    box-shadow: 0 0 0 3px #f99e5c, 0px 21px 5px -18px rgb(0 0 0 / 70%);
    background: #F99E5C;
    text-align: center;
}

.promo-image-badge:before {
    width: 40px;
    height: 8px;
    left: 100px;
    background: #CB6216;
    border-radius: 8px 8px 0px 0px;
}

.promo-image-badge:before,
.promo-image-badge:after {
    content: "";
    position: absolute;
}

.promo-image-badge:after {
    width: 8px;
    height: 40px;
    left: 0px;
    top: 100px;
    background: #CB6216;
    border-radius: 0 8px;

}

.contact-block {
    display: flex;
}


.footer-inner.simple-footer .copyright p {
    text-align: left;
}

.footer-inner.simple-footer .social-links {
    text-align: right;
}

.footer-inner.simple-footer .copyright {
    padding: 0 45px;
}

.footer-inner.simple-footer .bootom-footer {
    justify-content: flex-end;
}

.footer-inner.simple-footer .bootom-footer .links-footer ul {
    padding: 0 45px;
}

.footer-inner.simple-footer .social-links ul {
    padding: 0;
}



.lab-block .hospital-container {
    border: 0;
    background-color: transparent;

}

.lab-block .header-item {
    border: 1px solid #ced4da8a;
    border-bottom: 0;
    background-color: #fff;
    padding: 25px;
    border-radius: 15px;
    border-left: 5px solid #0291cf;
    box-shadow: 0 3px 10px rgb(0 0 0 / 3%);
    margin-bottom: 25px;
}

.lab-block .btn-box-block {
    position: relative;
    top: 15px;
}

.lab-block .calendar-item .header-item img {
    box-shadow: 0 3px 10px rgb(0 0 0 / 3%);
}

.lab-block .header-item:hover {
    box-shadow: 0 10px 15px rgb(0 0 0 / 7%);
}



.box-item {
    height: 100%;
}

.box-section a {
    position: relative;
    transition: all .5s ease;
}

.box-item-info {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 9;
    width: 60%;
    text-align: center;
    transform: translate(-50%, -50%);
    top: auto;
}

.box-item-img img {
    max-width: 100%;
    width: 100%;
}

.box-section .col-md-3 {
    padding: 0;
}

.box-section {
    position: relative;
    top: -50px;
    z-index: 99;
}

.box-item:after {
    content: '';
    position: absolute;
    height: 50%;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.box-section a:hover .box-item:after {
    height: 100%;
}

.box-item h3 {
    color: #fff;
    font-weight: 600;
}

.box-item p {
    color: #fff;
}

.box-item.box-bg-color-1 .box-item-img img {
    border-radius: 25px 0 0 0;
    border-radius: 25px 0 0 25px;
}

.box-item.box-bg-color-4 .box-item-img img {
    border-radius: 0 25px 25px 0;
}

.box-item.box-bg-color-1:after {
    /* border-radius: 0 0 25px 0; */
    border-radius: 25px 0 0 25px;
    background: linear-gradient(180deg, rgba(23, 167, 203, 0) 0%, rgba(23, 167, 203, 0.78) 49.48%, #17A7CB 100%);
}

.box-item.box-bg-color-2:after {
    background: linear-gradient(180deg, rgba(244, 81, 112, 0) 0%, rgba(255, 128, 152, 0.75) 49.48%, #FF6784 100%);

}

.box-item.box-bg-color-3:after {
    background: linear-gradient(180deg, rgba(249, 158, 92, 0) 0%, #F99E5C 49.48%, #F99E5C 100%);
}

.box-item.box-bg-color-4:after {
    border-radius: 25px 0 25px 0;
    background: linear-gradient(180deg, rgba(37, 187, 159, 0) 0%, #25BB9F 49.48%, #25BB9F 95.83%);
}

.web-slider .slider-home {
    /* height: 485px;*/
    position: relative;
}

.box-item.box-bg-color-1 .btn-white {
    color: #17A7CB !important;
}

.box-item.box-bg-color-2 .btn-white {
    color: #FE6B87 !important;
}

.box-item.box-bg-color-3 .btn-white {
    color: #F99E5C !important;
}

.box-item.box-bg-color-4 .btn-white {
    color: #21BC9F !important;
}

.slider-home .slick-arrow {
    position: absolute;
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    color: #fff;
    bottom: 10px;
    top: auto;
    z-index: 9;
}

.slider-home .slick-arrow.slick-prev {
    left: 50px;
}

.slider-home .slick-arrow.slick-next {
    left: 15px;
}

.offers-block .tab-page.nav-tabs {
    background: linear-gradient(180deg, #1A82B6 0%, #17A7CB 86.49%);
    border-radius: 25px 25px 0 0;
}

.offers-block .tab-page .nav-link span {
    color: #fff;
}

.offers-block .tab-page .nav-link svg path {
    fill: #fff;
}

.cta-1 {
    position: relative;
}

.cta-1 .img-report {
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
    left: 50%;
    bottom: 0;
}

.cta-2 {
    padding-top: 300px;
}

.cta-2 h3 {
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: 600;
}

.cta-2 img {
    width: 150px;
    margin-bottom: 35px;
}

.cta-2 .btn-primary {
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%);
    box-shadow: 0px 4px 25px 0px #C5C5C5;
    border: none;
    border-radius: 8px;
    border-color: transparent;
    padding: 12px 30px;
    font-size: 18px;
    font-weight: 600;
}

.filter-block-promo {
    background-color: transparent;
}

.content-test-block .filter-block-promo .la-search:before {
    content: "\f002" !important;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent !important;
}

.content-test-block .filter-block-promo {
    padding-top: 50px;
    left: 0;
}

.content-test-block .price-package span {
    color: #ffffff !important;
    font-size: 20px !important;
}

.content-test-block .package-box p {
    line-height: 30px;
}

.cta-2 .btn-primary:hover,
.cta-2 .btn-primary:focus {
    box-shadow: 0px 2px 15lpx 0px #c5c5c561;
}

.packages-items {
    padding-top: 30px;
}



.tab-page.nav-tabs .nav-link.active {
    opacity: 1;
}

.text-end {
    text-align: left !important;
}

.offers-block .search-blok .form-control {
    width: 100%;
    padding: 15px 25px;
    outline: none;
    box-shadow: none;
}

.offers-block .search-blok .form-control:focus {
    border-bottom: 2px solid #189cc5;
}

.packages-items .list-btns {
    margin-bottom: 45px !important;
}

.all-promo-block .package-box p {
    line-height: 30px;
}

.all-promo-block .price-package span {
    color: #ffffff !important;
    font-size: 20px;
}

.all-promo-block .search-blok .btn-search i:before {
    content: "\f002" !important;
}

.modal.centered.show .aligner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.centered .modal-dialog {
    align-self: center;
}

.centered .modal-dialog .modal-body {
    padding: 0;
}

.modal.centered.show .close {
    right: -40px;
    position: absolute;
    background-color: transparent;
    border: none;
    background-color: #15816d;
    width: 35px;
    line-height: 30px;
    height: 35px;
    border-radius: 50%;
}

.modal.centered.show .close:hover,
.modal.centered.show .close:focus {
    opacity: 0.8;
}

.modal.centered.show .modal-content {
    border: none !important;
    background-color: transparent;
}


.side-video {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 99;
    width: 30%;
    padding: 25px;
    border-radius: 25px 0 0 0;
    box-shadow: 0px 4px 15px 0px #0000000f;
    background-color: #fff;

}

.flag {
    position: relative;
    width: 225px;
    height: 125px;
    margin: 5em auto;
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

.flag.on::after {
    content: '';
    background-image: url('../images/texte.png');
    position: absolute;
    left: 55px;
    top: 25px;
    width: 100px;
    height: 67px;
}

.flag.on::before {
    content: "";
    position: absolute;
    left: -2%;
    width: 4px;
    height: 200%;
    background: #dcdcdc;
    border: 0.5px solid #006C35;
    z-index: 2;
    border-radius: 4px;
    -webkit-animation: anim 1s ease-in-out infinite alternate;
    animation: anim 1s ease-in-out infinite alternate;
    background-position: 0px 0px;
    -webkit-animation-delay: 0ms;
    animation-delay: 0ms;
}

.flag span {
    -webkit-animation: anim 1s ease-in-out infinite alternate;
    animation: anim 1s ease-in-out infinite alternate;
    position: relative;
    height: 100%;
    width: 1px;
    display: inline-block;
    zoom: 1;
}

.flag span::before,
.flag span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    background: #006C35;
    border-left: 1px solid transparent;
}

.flag span::after {
    top: 50%;
    background: #006c35;
    border-left: 1px solid transparent;
}

.animate-block-elements {
    position: fixed;
    left: 30%;
    bottom: 0;
    z-index: 99;
}

.animate-block-elements .animate-block-element-1,
.animate-block-elements .animate-block-element-2,
.animate-block-elements .animate-block-element-3 {
    bottom: 0;
    position: fixed;
}

.animate-block-elements .animate-block-element-1 {
    right: 0;
    width: 550px;
}

.animate-block-elements .animate-block-element-2 {
    right: 25%;
    width: 300px;
    z-index: -1;
}

.animate-block-elements .animate-block-element-3 {
    right: 10%;
    width: 320px;
    z-index: -1;
}

.animate-blok {
    position: fixed;
    left: 30px;
    bottom: 35px;
    z-index: 99;
}

@-webkit-keyframes anim {
    0% {
        top: 5%;
    }

    100% {
        top: -5%;
    }
}


@keyframes anim {
    0% {
        top: 5%;
    }

    100% {
        top: -5%;
    }
}

.animate-block {
    position: fixed;
    left: 18px;
    bottom: 24%;
    z-index: 99;
}

.wrapper-animate-block {
    position: relative;
    width: 360px;
    height: 180px;
    transform: rotateY(20deg) skew(5deg);
    transform-style: preserve-3d;
    background-image: url("https://flags.fmcdn.net/data/flags/w580/sa.png");
    background-size: 0;
    background-position: -200% -200%;
}

.wrapper-animate-block::before {
    content: "";
    display: block;
    position: absolute;
    width: 7.5px;
    height: 360px;
    background: #00826f;
    left: 7px;
}

.s {
    position: absolute;
    transform-style: preserve-3d;
    left: 14px;
    width: 15px;
    height: 100%;
    transform-origin: 0 0;
    background-repeat: no-repeat;
    background-size: 360px 100%;
    transform: translateZ(0.0001px) rotateY(14.1176470588deg);
    background-image: inherit;
}

.s1 {
    background-position-x: -15px;
    -webkit-animation: w 1s 0.08s ease-in-out infinite alternate;
    animation: w 1s 0.08s ease-in-out infinite alternate;
}

.s2 {
    background-position-x: -30px;
    -webkit-animation: w 1s 0.16s ease-in-out infinite alternate;
    animation: w 1s 0.16s ease-in-out infinite alternate;
}

.s3 {
    background-position-x: -45px;
    -webkit-animation: w 1s 0.24s ease-in-out infinite alternate;
    animation: w 1s 0.24s ease-in-out infinite alternate;
}

.s4 {
    background-position-x: -60px;
    -webkit-animation: w 1s 0.32s ease-in-out infinite alternate;
    animation: w 1s 0.32s ease-in-out infinite alternate;
}

.s5 {
    background-position-x: -75px;
    -webkit-animation: w 1s 0.4s ease-in-out infinite alternate;
    animation: w 1s 0.4s ease-in-out infinite alternate;
}

.s6 {
    background-position-x: -90px;
    -webkit-animation: w 1s 0.48s ease-in-out infinite alternate;
    animation: w 1s 0.48s ease-in-out infinite alternate;
}

.s7 {
    background-position-x: -105px;
    -webkit-animation: w 1s 0.56s ease-in-out infinite alternate;
    animation: w 1s 0.56s ease-in-out infinite alternate;
}

.s8 {
    background-position-x: -120px;
    -webkit-animation: w 1s 0.64s ease-in-out infinite alternate;
    animation: w 1s 0.64s ease-in-out infinite alternate;
}

.s9 {
    background-position-x: -135px;
    -webkit-animation: w 1s 0.72s ease-in-out infinite alternate;
    animation: w 1s 0.72s ease-in-out infinite alternate;
}

.s10 {
    background-position-x: -150px;
    -webkit-animation: w 1s 0.8s ease-in-out infinite alternate;
    animation: w 1s 0.8s ease-in-out infinite alternate;
}

.s11 {
    background-position-x: -165px;
    -webkit-animation: w 1s 0.88s ease-in-out infinite alternate;
    animation: w 1s 0.88s ease-in-out infinite alternate;
}

.s12 {
    background-position-x: -180px;
    -webkit-animation: w 1s 0.96s ease-in-out infinite alternate;
    animation: w 1s 0.96s ease-in-out infinite alternate;
}

.s13 {
    background-position-x: -195px;
    -webkit-animation: w 1s 1.04s ease-in-out infinite alternate;
    animation: w 1s 1.04s ease-in-out infinite alternate;
}

.s14 {
    background-position-x: -210px;
    -webkit-animation: w 1s 1.12s ease-in-out infinite alternate;
    animation: w 1s 1.12s ease-in-out infinite alternate;
}

.s15 {
    background-position-x: -225px;
    -webkit-animation: w 1s 1.2s ease-in-out infinite alternate;
    animation: w 1s 1.2s ease-in-out infinite alternate;
}

.s16 {
    background-position-x: -240px;
    -webkit-animation: w 1s 1.28s ease-in-out infinite alternate;
    animation: w 1s 1.28s ease-in-out infinite alternate;
}

.s17 {
    background-position-x: -255px;
    -webkit-animation: w 1s 1.36s ease-in-out infinite alternate;
    animation: w 1s 1.36s ease-in-out infinite alternate;
}

.s18 {
    background-position-x: -270px;
    -webkit-animation: w 1s 1.44s ease-in-out infinite alternate;
    animation: w 1s 1.44s ease-in-out infinite alternate;
}

.s19 {
    background-position-x: -285px;
    -webkit-animation: w 1s 1.52s ease-in-out infinite alternate;
    animation: w 1s 1.52s ease-in-out infinite alternate;
}

.s20 {
    background-position-x: -300px;
    -webkit-animation: w 1s 1.6s ease-in-out infinite alternate;
    animation: w 1s 1.6s ease-in-out infinite alternate;
}

.s21 {
    background-position-x: -315px;
    -webkit-animation: w 1s 1.68s ease-in-out infinite alternate;
    animation: w 1s 1.68s ease-in-out infinite alternate;
}

.s22 {
    background-position-x: -330px;
    -webkit-animation: w 1s 1.76s ease-in-out infinite alternate;
    animation: w 1s 1.76s ease-in-out infinite alternate;
}

.s23 {
    background-position-x: -345px;
    -webkit-animation: w 1s 1.84s ease-in-out infinite alternate;
    animation: w 1s 1.84s ease-in-out infinite alternate;
}

.s24 {
    background-position-x: -360px;
    -webkit-animation: w 1s 1.92s ease-in-out infinite alternate;
    animation: w 1s 1.92s ease-in-out infinite alternate;
}

@-webkit-keyframes w {
    to {
        transform: translateZ(0.0001px) rotateY(-14.1176470588deg);
    }
}

@keyframes w {
    to {
        transform: translateZ(0.0001px) rotateY(-14.1176470588deg);
    }
}









.tite-page-header h2 {
    color: #fff;
    font-size: 50px;
    text-align: center;
}


.faild-block img {
    width: 50%;
}

.faild-block h2 {
    margin-top: 25px;
    font-size: 50px;
}

.text-block h3,
.text-block-right h3 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 35px;
    color: var(--color-1);

}

.text-block p,
.text-block-right p {
    font-size: 20px;
    color: #747474;
    line-height: 32px;
}

.img-width {
    max-width: 100%;
}

.text-block-right {
    padding: 100px 80px;
}

.bg-grdaient-blue {
    background: linear-gradient(180deg, #0287C8 0%, #02C2F0 100%);
}

.text-block ul li {
    font-size: 20px;
    color: #747474;
    padding-left: 15px;
    position: relative;
    margin-bottom: 15px;
    list-style: none;
}

.text-block ul li:before {

    content: '';
    background-size: cover;
    background-image: url('../images/check.svg');
    top: 0px;
    width: 25px;
    height: 25px;
    position: absolute;
    left: -30px;
}

.block-right-white h3,
.block-right-white p {
    color: #fff;
}

.tabs-table-block .nav-tabs .nav-link {
    opacity: 1;
}

.tabs-table-block nav {
    background: #F9F9F9;
    border-radius: 15px 15px 0 0;

}

.tabs-table-block .nav-tabs .nav-item.show .nav-link,
.tabs-table-block .nav-tabs .nav-link.active {
    color: #1A84B8;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 4px solid #1A84B8 !important;
}

.tabs-table-block .nav-tabs .nav-link {
    padding: 15px 35px;
    font-size: 20px;
    color: #1D2943;
    border-bottom: 4px solid transparent;
}

.tabs-table-block {
    margin-top: 25px;
    border: 1px solid #dee2e6;
    border-radius: 15px;
}

.tabs-table-block .table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #F3F8FB;
}

.tabs-table-block .table>:not(caption)>*>* {
    padding: 15px;
}

.tabs-table-block .table>:not(:last-child)>:last-child>* {
    border-bottom-color: #dedede;
}

.tabs-table-block table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1)>* {
    box-shadow: inset 0 0 0 9999px #F3F8FB;
}

.related-block {
    margin-top: 35px;
    border: 1px solid #0000001A;
    box-shadow: 0px 8px 25px 0px #C4C4C426;
    background-color: #fff;
    border-radius: 15px;

}

.related-block table.dataTable {
    margin-top: 0px !important;
}

.related-block table.dataTable thead th {
    background-color: #32B0D0;
    color: #fff;
    padding: 15px;

}

.related-block table.dataTable thead th,
.related-block table.dataTable thead td,
.related-block table.dataTable tfoot th,
.related-block table.dataTable tfoot td {
    text-align: center;
}

.related-block a:hover {
    opacity: 0.7;
}

.informations-block-item {
    margin-bottom: 10px;
}

.informations-block-item span {
    font-weight: 600;
    color: #1b3341;
    font-size: 16px;
    padding: 0 15px;
}

.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate {
    padding: 20px;
}

.dataTables_wrapper .dataTables_filter input {
    margin: 0 10px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.dataTables_wrapper .dataTables_length select {
    border-radius: 8px;
    border: 1px solid #ddd;
    margin: 0 10px;
}

table.dataTable thead tr th {
    border-top: 1px solid #ddd !important;
    font-size: 12px;
    padding: 5px 10px;
}

.tabs-table-block .nav-tabs .nav-link.active {
    font-weight: 600;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: linear-gradient(180deg, #1A82B6 0%, #17A7CB 86.49%);
    color: #fff !important;
    border-radius: 8px;
    border: none;
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: rgb(185 185 185 / 5%);
}

.related-block-title {
    position: relative;
}

.related-block-title:before {
    position: absolute;
    height: 4px;
    width: 120px;
    bottom: 5px;
    right: 0;
    background-color: #0371ad;
}

.content-test-block {
    padding-top: 100px !important;
}

.filter-block {
    background-color: transparent;
}

.content-test-block .filter-block-promo {
    padding-top: 0 !important;
}

.cart-block {
    text-align: right;

}

.cart-block .icon-cart svg {
    width: 20px;
}

.cart-block .btn-box-block {
    height: 40px;
    line-height: 35px;
}

.cart-block .btn-box-block span,
.cart-block .btn-box-block small {
    position: relative;
    top: -17px;
    color: #fff;
}

.cart-block .btn-box-block:hover,
.cart-block .btn-box-block:focus,
.cart-block .btn-box-block:active {
    opacity: .7;
}

.cart-block .btn-box-block:hover small {
    color: #fff;
}

.test-lab-block-item {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 15px 5px #3336710D;
}

.test-lab-block-item-top {
    display: flex;
    justify-content: space-between;
}
.test-lab-block-item-top-icon{
display: flex;
flex: 0 0 auto;
    width: 80%;
}
.test-lab-block-item-top img {
    width: 50px;
}

.test-lab-block-item-info {
    padding: 0 15px;
    position: relative;
    top: 9px;
}

.test-lab-block h3 {
    font-weight: 700;
    font-size: 30px;
}

.test-lab-block-item-info h4 {
    font-size: 16px;
    position: relative;
    font-weight: 600;
    top: 5px;
}

.test-lab-block-item-info p span img {
    margin-right: 5px;
}

.test-lab-block-item-bottom {
    display: flex;
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ced4da8a;
    justify-content: space-between;
}

.test-lab-block-item-bottom .btn {
    font-size: 12px;
    padding: 4px 10px;
    line-height: 22px;
}

.test-lab-block-item-bottom span {
    font-weight: 600;
    font-size: 20px;
}

.test-lab-block-item-promo {
    display: flex;
    flex-direction: row-reverse;
    background-color: #f43f54;
    color: #fff;
    border-radius: 8px;
    position: relative;
    top: 9px;
    height: 33px;
    padding: 2px 5px 5px 5px;

}

.test-lab-block-item-promo span {
      font-size: 12px;
    position: relative;
    top: 1px;
    font-weight: 600;
    padding: 0 5px;
   
}

.test-lab-block-item-promo small img {
    width: auto;
   
}

.test-lab-block-item-bottom span.old-price {
    font-size: 18px;
    text-decoration: line-through;
    color: #f43f54;
    position: relative;

}
#nb_cart {
background: #f43f54!important;
    line-height: 25px;
}
.header-item-info span.hospital-name
{
font-size:14px;

}
.header-item-info  small{
font-size:14px;
}
.home-visit-package-box .package-box  .package-box-info h4{
    color: var(--color-1);
    font-size: 15px!important;
    font-weight: 600!important;
    margin-bottom: 20px;
}
.home-visit-package-box strike {
    color: #f43f54;
}
.home-visit-package-box .package-box  span {
    padding-right: 10px;
}
.toastify{
border-radius:8px!important;
background:none!important;
background-color:#3DCAB1!important;

padding:15px 25px!important;

}

.toastify .toast-close{
opacity:0.7!important;
right:10px;
}

.login-box.form-group input{
   border: 1px solid #ced4da;
    padding: 5px;
    border-radius: 6px;
    width: 100%;
    padding: 14px 15px;
    margin-bottom: 25px;
    
}
.login-box.form-group input:focus{
box-shadow:none;
}
 .country-code{
    position: absolute;
    left: 12px;
    height: 55px;
    line-height: 55px;
    top: 0;
    font-size: 17px;
}
/*------------------responsive --------------------*/

@media only screen and (max-width: 500px) {
    .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
    }
}

@media (min-width: 1600px) {

    .web-slider .slider-home {

        height: auto;
    }

    .promo-tabs-block.packages-tabs .tab-page.nav-tabs {
        margin-top: -109px;
    }

    .animate-block {
        bottom: 20%;
    }
}

@media (max-width: 767px) {

.home-slider .slide-item{
    height: 310px;
    background-position: center;
    background-size: contain;
}
.calendar-item .header-item img{
margin-right:5px;
}
.home-slider .slide-item,
.nav-tabs-page{
border-radius:0!important;
}
header .navbar-brand img {
    width: 110px;
}
.navbar-container-brand{
border-bottom:
}
.tabs-h-page.nav-tabs li .nav-link{
    padding: 15px 18px;
font-size:16px;
}
.navbar-container-brand{
display: flex;
    width: 100%;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.navbar-header .container{
padding:0;
}
.navbar-container-nav{
    width: 100%;
     padding: 50px 0 0;
    position: relative;
}
.navbar-container-nav .navbar-toggler {
position: absolute;
    top: 0;
}
.second-part-header{
    position: absolute;
    top: 5px;
  right: 15px;
}
.navbar-header {
padding-bottom: 10px;
}
    .content-blog img{
        margin-bottom: 20px;
    }
    .blog-slider .slick-arrow.slick-next {
        right: 30%;
        top: auto;
        bottom: 0;
    }

    .blog-slider .slick-arrow.slick-prev {
        left: 30%;
        top: auto;
        bottom: 0;
    }

    .text-block-right {
        padding: 50px;
    }

    .package-detail .card-block .col-md-4.p-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .package-detail-img {
        margin-bottom: 25px;
    }

    .header-item {
        padding: 0;
    }

    .header-item-info span {
        font-size: 13px;
    }
.header-item-info-map span{
   font-size: 11px;
}
    .header-item-info strike {
        font-size: 13px;
    padding: 0 4px;
    }

    .calendar-date.owl-carousel .owl-nav .owl-prev {
        left: -10px;
    }
.text-heading.pd-tp-120{
padding-top: 0;
}
    .contact-info ul li {
        display: block;
    }

    .simple-dropdown ul {
        box-shadow: none !important;
    }

    .navbar-toggler {
        outline: none;
        box-shadow: none !important;
        border: 0;
    }

    .web-header.navbar-header .navbar-collapse {
        padding-left: 0;
        padding-right: 15px;
        padding-top: 40px;
        padding-bottom: 25px;
    }

    .navbar-toggler-icon {
        color: var(--color-1);
        font-size: 25px;
    }

    .navbar-header .btn-green {
        font-size: 0;
        padding: 4px 8px;
        margin: 0 10px;
    }

    .navbar-header .btn-green img {
        padding-left: 0;
padding-right: 0;
    }

  

    .slide-content {
        width: 100%;
    }

    .slide-content h1 {
        font-size: 22px;
    }

    .slide-content p {
        font-size: 13px;
    }

    .card-block {
        padding: 10px;
    }

    .laboratory-block img {
        width: 60px;
        height: 60px
    }

    .service-block-item-icon img {
        top: 30px;
    }

    .laboratory-block-info-meta h4 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .laboratory-block-booking .btn-green {
        font-size: 11px;
        padding: 5px;
    }

    .text-heading h2 {
        font-size: 32px;
    }

    .text-heading p {
        font-size: 16px;
        line-height: 26px;
    }

    .tabs-h-page.nav-tabs li button.nav-link {
        font-size: 16px;
        padding: 15px 18px;
    }

    .cta-block h2 {
        font-size: 25px;
    }

    .test-lab-block h3 {
        font-size: 16px;
        position: relative;
        top: 10px;
    }

    .cta {
        margin-bottom: 0;
    }

    .links-footer ul li {
        margin: 0 5px;
    }

    .links-footer ul li a {
        font-size: 11px;
    }

    .dropdown-toggle.selectpicker {
        margin: 0;
    }

    .test-lab-block-item {
        padding: 12px;
    }

    .test-lab-block-item-info h4 {
        font-size: 16px;

    }

    .test-lab-block-item-info {
        padding: 0 8px;
    }

    .test-lab-block-item-bottom span {
        font-size: 20px;
    }

    .box-item.box-bg-color-4 .box-item-img img,
    .box-item.box-bg-color-4:after {
        border-radius: 0 !important;
    }

    .box-item-info {
        width: 100%;

        transform: translate(-50%, -20%);
    }

    .box-item.box-bg-color-2 img {
        border-radius: 25px 0 0 0 !important;
    }

    .slider-home .slick-arrow {
        bottom: 15px;
    }

    .price-package {
        width: 70%;
    }

    .cta-1 .img-report {
        top: 80%;
    }

    .cta-2 h3 {
        margin-bottom: 20px;
        font-size: 25px;
    }

    .cta-1 .img-report img {
        width: 100%;
        max-width: 100%;
    }

    .filter-block {
        margin-top: 0;
    }

    .fixed-animation-block {
        display: none;
    }

    .filter-block .list-btns a {
        padding: 8px 5px 8px;

    }

    .tab-page.nav-tabs button span {
        font-size: 16px !important;
    }

    .tab-page.nav-tabs button span {
        padding: 0 5px;
    }

    .box-item img,
    .box-item.box-bg-color-1:after {
        border-radius: 0;
    }

    .footer-box {
        border-radius: 40px;
    }

    .footer-box .footer-box-content {
        padding: 60px 40px 30px;
    }

    .footer-box .footer-box-content h1 {
        font-size: 30px;
        line-height: 45px;
    }

    .logos-block-footer,
    .contact-info {
        padding: 25px 0;
        margin: 0 12px;
    }

    .package-box-img {
        top: 0;
    }

    .header-page p {
        margin: 10px 0 !important;
    }

    .social-links,
    .footer-inner.simple-footer .social-links ul,
    .footer-inner.simple-footer .copyright,
    .footer-inner.simple-footer .bootom-footer .links-footer ul,
    * .social-links ul {

        padding: 0 !important;
    }

    .footer-inner.simple-footer .bootom-footer {
        justify-content: flex-start;
        padding: 0;
    }

    .social-links {

        text-align: left;
    }

    .bootom-footer ul li a {
        font-size: 12px;
    }

    .payment-block {
        padding: 0;
        position: relative;
        top: 8px;
    }

    .contact-block {
        display: block;
    }

    .package-description {
        padding: 50px 0;
    }

    .hospital-container {
        padding: 20px 0;
        margin: 0;
        border-radius: 0;
    }

    .calendar-item {
        margin: 0;
    }

    .header-page h1 {
        font-size: 20px !important;
    }

    .header-page p {
        font-size: 13px !important;
        line-height: 18px;
    }

    .header-page.header-style-1 {
        display: block !important;
        padding: 180px 0 40px!important;
    }

    .header-style-mobile-1 {
        display: none !important;
    }

    table {
        width: 100% !important;
    }

    .header-page.header-style-1 .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .header-page-img img {
        width: 100px;
        height: 100px;
    }

    .header-page-text {
        padding-top: 0;
    }

    .package-box h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .package-box p {
        font-size: 13px;
        margin-bottom: 10px;
    }

    .package-box p .price-package {
        font-size: 20px;
    }

    .slide-home {
        height: auto;
        overflow: hidden;
    }

    .selector-language .dropdown-toggle.selectpicker {
        padding: 5px 15px 0 5px;
    }

    .selector-language .bootstrap-select.btn-group .dropdown-menu.inner li {
        line-height: 15px;
    }

    .selector-language .bootstrap-select.btn-group .dropdown-menu.inner li a {
        font-size: 11px;
    }

    .selector-language .flag-icon {
        width: 15px;
        height: 15px;
        line-height: 15px;
    }

    .selector-language .bootstrap-select.btn-group .dropdown-menu.open {
        padding: 8px;
    }

    .labo-block.china-bg .china-flag img {
        width: 40px;
        margin-top: -10px;
    }

    .labo-block.china-bg .china-flag {
        top: 50px;
    }

    .custom-shape-divider-bottom-1627920582 svg {
        width: calc(199% + 1.3px);
        height: 35px;
    }

    .clock-slider .slick-arrow {
        display: none !important;
    }

    .labo-block .footer-block .time-block:before {
        border-bottom-left-radius: 33px;
        left: -21px;
        right: auto;
        width: 167px;
        background-size: contain;
    }

    .box-block {
        margin-bottom: 25px;
    }

    .box-block .col-md-8,
    .package-box .col-md-7 {
        -ms-flex: 0 0 65%;
        flex: 0 0 65%;
        max-width: 65%;
    }

    .box-block .col-md-4,
    .package-box .col-md-5 {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        max-width: 30%;
    }

    .cta-banner-block .img-banner {
        top: 00 !important;
        right: 00 !important;
        left: auto;
        position: relative;
        max-width: 100%;
    }

}

@media (max-width: 350px) {
    .checkout-block form {
        height: 550px;
    }

    .clock-block .btn-outline-primary {
        font-size: 11px !important;
    }

    body .laboratory-test-item .name-test p {
        font-size: 13px;
    }

    body .laboratory-test-item .button-test {
        padding: 12px;
    }

    body .laboratory-test-item .price-item {
        padding: 15px;
        margin-right: 10px;
    }

    .nav-tabs-page.nav-tabs .nav-link {
        padding: 20px 18px !important;
    }

    .menu-block {
        padding: 35px 15px 0;
    }

    .panel ul li,
    .panel ul a {
        font-size: 14px;

    }

    .login-block a {
        padding: 10px 15px;
    }

    .panel.right.active {
        overflow-y: scroll;
    }



    .mobile-menu a.logo img {
        width: 120px;
    }

    .right-qr-code-block img {
        width: 80px;
    }

    .booked-order-block,
    .p-mobile {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}

@media (max-width: 600px) {

    .clock-slider .btn-outline-primary {
        padding: 8px 9px;
        font-size: 11px;
    }

    .clock-slider .slick-prev.slick-arrow {
        left: -25px;
    }

    .clock-slider .btn-outline-primary span {
        font-size: 11px;
    }

    .mobile-pdf {
        display: block;
    }

    .add-patient-block .actions-btns.booking-block-mobile {
        position: fixed;
    }

    .booking-block.booking-block-mobile {
        margin-left: 0;
    }

    .booking-block.booking-block-mobile form {
        height: auto;
    }

    .booking-block-mobile {
        border-radius: 20px 20px 0 0;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 9;
        margin-bottom: 0;
    }

    .done-ticket-block .image-viewer {
        height: 100% !important;
    }

    .done-ticket-block.ticket-block-bg {
        height: auto;
    }

    .clock-block .slick-next.slick-arrow {
        right: -25px;
    }

    .order-block-mobile {
        padding-left: 15px;
        padding-right: 15px;
    }

    .checkout-block .booking-block-mobile form {
        height: auto;
    }


    .booking-block.booking-block-mobile {
        margin-left: 0;
        margin-right: 0;
    }

    .checkout-block form {
        height: auto;
    }

    .booked-order-block,
    .p-mobile {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
    }

    .done-ticket-block {
        height: 100%;
        padding-top: 0;
        background-color: #f2f2f7;
    }

    .done-ticket-block .actions-btns,
    .test-result-content .actions-btn {
        position: fixed;
        width: 100%;
        z-index: 9;
        bottom: 0;
        border-radius: 20px 20px 0 0;
    }

    .hidden-menu {
        display: none;
    }

    .pd-tp-mobile-0 {
        padding-top: 0;
    }

    .pd-tp-bottom-0,
    .checkout-block {
        padding-bottom: 0;
    }

    .pd-tp-bottom-0 {
        padding-top: 40px;
    }

    .hidden-footer {
        display: none;
    }

    .done-ticket-block .actions-btns {
        border-radius: 20px 20px 0 0;
        margin-top: 0;
    }

    .done-ticket-block .image-viewer {
        border-radius: 0;
    }

    .ticket-block-bg {
        background-color: transparent;
    }

    .done-ticket-block {
        position: relative;
    }

    .done-ticket-block-inner {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 100px;
    }

    .hidden-menu {
        display: none !important;
    }

    .navbar-mobile {
        display: block;
        padding: 15px 0;
        position: relative;
        text-align: center;
        background-color: #1D1D1D;
    }

    .navbar-mobile .left-button {
        font-size: 24px;
        position: absolute;
        left: 15px;
        top: 20px;
        color: #fff;
    }

    .add-patient-block {
        padding-top: 0 !important;
        padding-bottom: 0;
    }

    .add-patient-block .form-block {
        padding-right: 15px;
        padding-left: 15px;
    }

    .add-patient-block .actions-btns {
        border-radius: 20px 20px 0 0;
    }

    .test-result-block {
        border-radius: 0;
    }

    .test-result-block h3 {
        padding: 0 30px 0;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .test-result-block-inner p span {
        font-size: 13px;
    }

    .booked-order-block .h3 {
        margin-top: 0;
    }

    .pd-tp-mobile {
        padding-top: 0 !important;
    }

    /*
.header-style-mobile-1 {
    padding: 0!important;
 }*/

}

@media only screen and (min-width: 1010px) {
    .direction-ltr {
        direction: ltr !important;
    }
}

@media only screen and (max-width: 600px) {


    .web-pdf {
        display: none;
    }

    .mobile-menu {
        position: inherit !important;
    }

    .lab-block .hospital-container .calendar-item .float-right {
        float: none !important;
    }

    .lab-block .btn-box-block {
        top: 0;
    }

}

@media only screen and (max-width: 1023px) {

.selector-language{
top:0;
}
#verification-inputs .verification-inputs{
    width: 25%;
}

#verification-inputs .verification-inputs .form-control{
     width: 60px;
margin:0;
    height: 60px !important;
}
#next-verification{
width:100%;
margin-top:20px;
}
.hero{
padding-top: 80px;
}
    .promo-tabs-block.packages-tabs .tab-page.nav-tabs {
        margin-top: -60px;
    }

    .lab-block .hospital-container,
    .lab-block .calendar-item {
        padding: 0;
    }

    .icon-map {
        padding-bottom: 15px;
    }

    .lab-block .btn-box-block {
        font-size: 11px;
        padding: 8px 15px;

    }

    .tab-content.bg-color-section .tab-pane {
        margin-top: 20px;
    }

    .simple-footer .contact-info {
        padding: 25px 0 10px;
        margin: 0;
    }


    .footer-inner.simple-footer .bootom-footer {
        padding: 0;
    }

    .tabs-packages:after {
        display: none;
    }

    .tabs-packages {
        width: 100%;
    }

    .header-page-text {
        padding-top: 0;
    }

    .header-page-img img {
        padding: 2px;
        width: 80px;
        height: 80px;
    }

    .header-page h1 {
        font-size: 20px !important;
    }

    .header-page p {
        font-size: 16px !important;
    }

    .contact-info {
        text-align: left;
    }

    .cta-block h1 {
        font-size: 35px;

    }

    .calendar-inner iframe {
        padding-top: 80px;
    }

    .header-page.header-style-1.no-header-mobile {
        display: none !important;
    }

    .footer-block .contact-info {
        text-align: left;
    }

    .logos-block-footer,
    .contact-info {

        margin: 0 !important;
    }

    .contact-info ul li {
        margin-bottom: 25px;
    }

    .list-btns a {
        padding: 5px;
        font-size: 9px;
    }

    .header-page-text span {
        font-size: 22px;
        margin: 0 !important;
    }

    .hospital-container .header-item-info h3 a {
        font-size: 13px;
    }

    .selector-language .dropdown-toggle::after {
        font-size: 10px;
        top: 6px;
    }

    .dropdown-toggle.selectpicker span {
        font-size: 11px;
    }



    .mobile-menu a.logo img {
        width: 100px;
    }

    .labo-block .footer-block .time-block:before {
        border-bottom-left-radius: 40px;
        left: 0;
        right: auto;
        width: 170px;
        background-size: contain;
    }

    .modal-dialog .form-block {
        padding: 15px;
    }

    .calendar-inner {
        padding-top: 60px !important;
    }
.slide-content{
top:50%;
}
.title-page{
border-radius: 0;
}
.title-page h3 {
font-size: 22px;
}
.package-detail {
    margin-top: -20px;
}
.title-page .breadcrumbs li a,
.breadcrumb-item+.breadcrumb-item{
font-size: 11px;
}
.title-page .breadcrumbs {
    top: 0;
}
.package-tests {
        height: 180px;

}
    body .pd-bt-80 {
        padding-bottom: 60px;

    }

    .pd-bt-40 {
        padding-bottom: 40px;
    }

    /*body .pd-tp-80 {
    padding-top: 50px !important;
}*/

    .info-footer li {
        display: block;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .footer-copyright p {
        font-size: 13px;
    }

    .button-test img {
        position: relative;
        top: 8px;
    }

    .form-block p {
        font-size: 16px;
    }

    .header-page {
        display: none;
    }

    .form-block {
        padding: 10px;
        border: 0;
        font-size: 20px;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .form-block h3 {
        font-size: 23px;
    }

    .mobile-menu {
        position: fixed !important;
        z-index: 999;

        background-color: #1C3240;
        padding: 5px 10px 5px;
        width: 100%;
        box-shadow: 0 0 25px 0 rgb(0 0 0 / 17%);
    }



    .mobile-menu,
    .mobile-slider {
        display: block;
    }

    .web-divder {
        visibility: hidden;
    }

    .mobile-divder {
        visibility: visible;
    }

    .mobile-slider {
        height: 300px;
        background-color: #1C3240;
        padding-top: 80px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 50px;
    }

    .mobile-slider .slick-slide img {
        margin: 0 auto;
        max-width: 100%;
        border-radius: 25px;
    }

    .mobile-slider .slide-home .slick-dots {
        position: absolute;
        bottom: -35%;
        padding-left: 0;
        margin-bottom: 0;
        top: auto;
        padding-right: 0;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .nav-tabs-page.nav-tabs .nav-link {
        font-size: 15px;
        padding: 10px 11px;
        font-weight: 700;
    }

    .login-block a {
        padding: 10px 25px;
    }

    .labo-block h3 {
        font-size: 22px;
        margin-bottom: 0;
    }

    .labo-block p {
        font-size: 15px;
        padding-bottom: 20px;
    }

    .labo-block span sup {
        font-size: 30px;
    }

    .labo-block .footer-block .btn {
        top: 0;
        padding: 8px 25px;
    }

    .labo-block .footer-block span {
        top: 20px;
    }

    .labo-block {
        padding: 25px 20px;
        margin-bottom: 20px;
    }

    .labo-block .footer-block .time-block:before {
        background-image: url(../images/badge-mobile.svg);
        width: 170px;
        bottom: -2px;
        height: 39px;
    }

    .labo-block .footer-block .time-block strong {
        top: 10px;
        font-size: 16px;
    }

    .labo-block .footer-block .time-block img {
        width: 20px;
        position: relative;
        top: 7px;
    }

    .footer-inner .info-footer {
        padding-left: 0;
        padding-top: 15px;
        text-align: left;
        margin-bottom: 5px;
    }

    .footer-inner {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .copyright-text {
        text-align: left;
    }

    .nav-tabs-page.sticky {
        position: fixed !important;
        top: 144px;
        width: 100%;
        z-index: 9;
        border-radius: 0;
        -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, .30);
        -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, .30);
        box-shadow: inset 0 0 20px rgba(0, 0, 0, .30);
    }

    .mb-mobile {
        margin-bottom: 20px !important;
    }

    .nav-tabs-page {
        border-radius: 20px 20px 0 0;
        border-bottom: 0;
    }

    .bg-black-mobile {
        background-color: #1D1D1F;
    }

    .slide-home .slick-dots .slick-active button {
        width: 35px;
        background-color: #fff;
    }

    .slide-home .slick-dots li button {
        background-color: rgb(255 255 255 / 46%);
    }

    .iti__flag {
        background-image: url(../images/flags.png);

    }

    .footer-mobile {
        position: absolute;
        bottom: 0;
    }

    .calendar-item {
        padding: 30px 5px 0;
        margin-bottom: 25px;
    }
.header-item-info-content {
    padding: 0 5px;
}
    .header-item-info h3 {
        font-size: 13px;
    }

    .clock-block .btn-outline-primary {
        font-size: 12px;
        padding: 8px 10px;
    }

    .calendar-block {
        border: 0;
    }

    .header-style-1 {
        display: block;
    }

    .calendar-inner {
        padding-top: 0;
    }

    .header-style-mobile-1 .labo-block {
        border-radius: 0;
        box-shadow: none;
        margin-bottom: 0;
    }

    .header-style-mobile-1 .badge-labo-block {
        border-top-right-radius: 0;
        padding: 8px 12px;
    }

    .header-style-mobile-1 .labo-block .footer-block .time-block:before {
        left: -22px;
    }

    .header-style-mobile-1 .labo-block .footer-block .time-block strong {
        font-size: 15px;
    }

    .header-style-mobile-1 .labo-block .footer-block .time-block img {
        width: 16px;

    }

    .header-style-mobile-1 .labo-block .footer-block span {
        top: 10px;
    }

    .header-style-mobile-1 .labo-block .footer-block span.price {
        font-size: 16px;
        position: absolute;
        font-weight: 600;
        right: 10px;
        bottom: 10px;
        top: auto;

    }

    .labo-block .footer-block .time-block {
        top: 10px;
    }

    .tel-box .iti__flag-container:after {
        left: 110px;
    }

    .p-mobile {
        padding-top: 150px;
        padding-bottom: 150px;
    }

    .result-block-item .badge-result {
        right: -33px;
        width: 80px;
    }

    .result-block-item .badge-result i {
        left: 20px;
    }

    .align-mobile-left {
        align-items: start !important;
    }

    .justify-content-mobile-left {
        justify-content: left !important;
    }

    .h3 {
        margin-top: 40px;
    }

    .result-block h3 {
        margin-bottom: 0;
    }

    .result-block .status-result {
        margin-top: 0;
    }

    .item-left .ticket-details {
        display: block;
        width: 100% !important;
    }

    .item-left {
        padding: 12px 15px 15px 15px;
    }

    .ticket-booking-item {
        padding: 0;
    }

    .ticket-booking-item .item-right {
        height: auto;
    }

    .ticket-booking-item {
        margin: 0;
        margin-bottom: 15px !important;
    }

    .item-left {
        width: 65%;
    }

    .badge-ticket {
        right: 0;
    }

    .item-right .up-border {
        right: -15px;
    }

    .laboratory-test-item .name-test {
        padding: 15px;
        width: 53%;
    }

    .laboratory-test-item .name-test p {
        font-size: 13px;
        line-height: 18px;
    }

    .laboratory-test-item {
        padding: 7px !important;
    }

    .laboratory-test-item .button-test {
        padding: 15px;
    }

    .inset-nav-tabs.nav-tabs-page {
        border-radius: 0;
        position: relative;
        top: 0 !important;
    }

    body .pd-tp-mobile {
        padding-top: 220px!important;
    }

    .pd-bt-mobile-0 {
        padding-bottom: 0 !important;
    }

    .laboratory-test-block {
        padding: 50px 10px 0;

    }

    .header-style-mobile-1 .labo-block p {
        padding-bottom: 0;
        margin-bottom: 0;
    }



    .bookinng-block-inner p strong {
        font-size: 12px;
    }

    .footer-box .footer-box-content {
        padding: 60px 20px;
    }

    .footer-box .footer-box-content h1 span {
        font-size: 30px;
    }

    .package-box-img {
        top: 0 !important;
    }

    .links-footer ul {
        padding: 0;
    }

    .bootom-footer ul li {
        margin: 0 5px;
    }
.pd-tp-80.pd-bt-80.h-100 {
    padding-top: 200px;
}
 
.content-page.h-auto{
    padding-top: 150px;
}
    body .pd-bt-80 {
        padding-bottom: 60px;
        padding-top: 200px;
    }
.form-block form .btn{
    font-size: 14px!important;
}
.title-page{
padding: 200px 0 20px;
}
    .payment-block img {
        width: 100px;
    }

    .slide-home {
        height: auto;
    }

    .bg-color-section-white .title-section {
        padding-bottom: 0;
    }

    .box-block-img img,
    .box-block-img {
        margin-top: 0 !important;
    }

    .promo-tabs-block .tab-page.nav-tabs {
        margin-top: 0;
        position: relative;
        width: 100%;
        border-radius: 0;
    }

    .promo-tabs-block .tab-page.nav-tabs:before,
    .tab-page.nav-tabs:before,
    .promo-tabs-block .tab-page.nav-tabs:after,
    .tab-page.nav-tabs:after {
        display: none;
    }

    .tab-page.nav-tabs {
        padding: 20px;
    }

    .tab-page.nav-tabs button span {
        font-size: 20px;
    }

    .tab-page.nav-tabs {
        width: 90%;
    }

    .mobile-slider-image {
        top: 80px;
        position: relative;
    }

    .contact-info ul li {
        margin-bottom: 15px;
    }
.top-footer.footer-inner .justify-content-end{
    justify-content: space-between!important;
}
}

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

    .laboratory-block-info-meta h4 {
        font-size: 14px;
    }

    .laboratory-block-info-meta {
        padding: 0 5px;
    }

    .simple-dropdown ul {
        box-shadow: none !important;
    }

    .navbar-toggler {
        outline: none;
        box-shadow: none !important;
        border: 0;
    }

    .service-block-item-info p {
        font-size: 11px;
        line-height: 16px;
    }

    .service-block-item-icon img {
        top: 30px;
    }

    .package-item-inner {
        padding: 25px 15px;
    }

    .package-item-inner p {
        font-size: 14px;
    }

    .package-item-inner .package-item-info-price .btn-book {
        top: -10px;
    }
.package-item-info{
padding-bottom:15px;
}
.package-item-info-price strike{
color: #f43f54;
}
    .cta-block h2 {
        font-size: 38px;
    }

    .cta {
        margin-bottom: 0;
    }

    .web-header.navbar-header .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
        padding-top: 40px;
        padding-bottom: 25px;
    }

    .navbar-toggler-icon {
        color: var(--color-1);
        font-size: 25px;
    }

    .navbar-header .btn-green {
        font-size: 0;
        padding: 4px 8px;
        margin: 0 10px;
    }

    .navbar-header .btn-green img {
        padding-left: 0;
padding-right: 0;
    }

    .second-part-header {
        position: absolute;
        right: auto;
        left: 100px;
        top: 20px;
    }

    .slide-content {
        width: 100%;
    }

    .slide-content h1 {
        font-size: 22px;
    }

    .slide-content p {
        font-size: 13px;
    }

    .card-block {
        padding: 10px;
    }

    .animate-block {
        bottom: 10%;
    }

    .price-package {
        width: 100%;
    }

    .price-package span {
        font-size: 14px;
    }



    .filter-block .search-blok label.icon {
        left: 0;
    }

    .search-blok .btn-search {
        right: 0;
    }

    .package-box-img {
        top: 0;
    }

    .cta-2 h3 {
        font-size: 30px;
    }

    .cta-1 .img-report {
        top: 70%;
    }

    .cta-1 .img-report img {
        width: 100%;
        max-width: 100%;
    }

    .footer-inner.simple-footer .copyright {
        padding: 0;
    }

    .footer-inner.simple-footer .bootom-footer .links-footer ul {
        padding: 0;
    }

    .cta-2 h3 {
        font-size: 30px;
    }

    .box-section {
        top: -20px;
    }

    .mobile-slider {
        height: 400px;
    }

    .slider-home .slick-arrow {
        bottom: -15px;
    }

    .tab-page.nav-tabs button span {
        font-size: 18px;
    }

    .box-item-info {
        bottom: -50px;
        width: 90%;
    }

    .box-item h3 {
        font-size: 18px;
    }

    .box-item p {
        color: #fff;
        font-size: 13px;
    }

    .box-item .btn-white {
        font-size: 12px;
        padding: 10px 20px;
    }

    .filter-block .list-btns a {
        padding: 8px 10px 8px;
    }

    .packages-items .package-box .price-package strike {
        font-size: 16px;
    }

    .header-page p {
        margin: 10px 0 !important;
    }

    .package-description {
        padding: 50px 0;
    }

    .hospital-container {
        padding: 20px 0;
        margin: 0 15px;
    }

    .calendar-item {
        margin: 0;
    }

    .header-page h1 {
        font-size: 20px !important;
    }

    .header-page p {
        font-size: 13px !important;
        line-height: 18px;
    }

    .header-page.header-style-1 {
        display: block !important;
        padding: 120px 0 !important;
    }

    .header-style-1 {
        display: block !important;
    }

    .header-style-mobile-1 {
        display: none !important;
    }

    .hospital-container {
        padding: 0;
    }

    .calendar-item {
        margin: 0 !important;
    }

    .package-box-img img {
        height: 100px;
    }

    .hospital-container {
        padding: 0;
    }

    .package-box-img {
        top: 15px;
    }

    .header-page.header-style-1 .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .package-description .card-header h3 {
        font-size: 14px;
    }

    .hospital-container {
        margin-top: 50px;
    }

    .header-page.header-style-1 {
        padding: 120px 0 !important;
    }

    .package-description {
        padding-top: 50px;
    }

    .package-description h2 {
        font-size: 18px;
    }

    .content-page .header-page-img img {
        width: 200px;
        height: 200px;
    }

    .header-page p {
        margin: 10px 0 !important;
    }

    .header-page h1 {
        font-size: 28px !important;
    }

    .packages-items .package-box .price-package strike {
        color: #D9635B;
        font-size: 21px;


    }

    .slide-home {
        height: auto !important;
    }

    .box-block h4 {
        font-size: 13px;
    }

    .box-block p {
        font-size: 11px;
    }

    .package-box h4 {
        font-size: 13px;
    }

    .packages-items .package-box .price-package strike {
        font-size: 12px;
    }

    .package-box p .price-package {
        font-size: 20px;
        display: block;
    }

    .package-box p {
        margin-bottom: 7px;
        font-size: 11px;
        line-height: 16px;
    }

    .packages-items .package-box .price-package strike {
        font-size: 12px !important;
    }

    .price-package {
        float: none !important;
    }

    .banner-block-text h3 {
        font-size: 25px;
    }

    .banner-block-text p {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 26px;
    }

    .img-banner {
        top: 0 !important;
    }

    .packages-slider .slick-prev.slick-arrow {
        left: 0px;
    }

    .packages-slider .slick-next.slick-arrow {
        right: -20px;
    }

    .panel.right {
        left: -1000px !important;
    }

    .package-slide-item-info h5 {
        font-size: 18px;
    }

    .nav-tabs-page.nav-tabs li:first-child .nav-link {
        padding-left: 0;
    }

    .nav-tabs-page.nav-tabs li:last-child .nav-link {
        padding-right: 0;
    }

    .booked-order-block.h-100,
    .booked-order-block .h-100 {

        height: 100% !important;
    }

    .pd-tp-80 {
        padding-top: 40px;
    }



    .custom-shape-divider-bottom-1627920582 svg {
        width: calc(200% + 1.3px);
        height: 115px;
    }

    .footer-inner .info-footer {
        padding-left: 0;
        padding-top: 0;
        text-align: right;
    }

    .labo-block .footer-block .btn {
        padding: 10px 35px;

    }

    .labo-block h3 {
        font-size: 23px;
    }

    .align-mobile-left {
        align-items: center !important;
    }

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

    .h-100 {
        height: 100vh !important;
    }

    .add-patient-block {
        padding-top: 0 !important;

    }

    .pd-tp-ipad {
        padding-top: 50px;
    }
}


@media only screen and (min-width: 1024px) and (max-width: 1200px) {

    .tabs-packages:after {
        display: none;
    }

    header .nav-link {
        font-size: 11px;
        padding: 5px 10px;
    }

    .header-page-text {
        padding-top: 0;
    }

    .calendar-date .owl-item span {
        font-size: 11px;
    }

    .package-slide-item-info h5 {
        font-size: 18px;
    }

    .service-home-block h3 {
        font-size: 20px;
    }

    .packages-slider .slick-prev.slick-arrow {
        left: -10px;
    }

    .packages-slider .slick-next.slick-arrow {
        right: -31px;
    }

    .name-test {
        width: 60%;
    }

    .pd-tp-80 {
        padding-top: 40px;
    }

    .h-100 {
        height: 100vh !important;
    }

    .add-patient-block {
        padding-top: 0 !important;

    }

    .p-mobile {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .clock-block .btn-outline-primary {
        padding: 8px 12px;
    }
}