body {

    font-family: Poppins;

}

h1, h2, h3, h4, h5, h6, p {

    font-family: Poppins;

}

a {

    font-family: 'Poppins';

}

a:focus-visible {

    outline: none;

}

.container.user-dashboard-list.nav-add-list .col-md-3 {
    width: 18% !important;
}

.container.user-dashboard-list .col-md-9 {
    width: 81% !important;
}
.user-dashboard-list .table thead th {
    border-top: 0;
    border-bottom-width: 1px;
    font-weight: 600;
    font-size: 14px;
}
.user-dashboard-list table#example td {
    font-size: 14px;
}
.container.user-dashboard-list div#form-elements a.nav-link.active {
    padding-left: 40px !important;

}

.container.user-dashboard-list .sidebar .nav.sub-menu .nav-item .nav-link {
    padding-left: 50px !important;
}
.container.user-dashboard-list {
    padding: 0px;
}
.title-block .text-center h2 {

    font-size: 42px;

    font-weight: 700;

    letter-spacing: 0em;

    line-height: 1.04;

}

.batj-part-top-navber-add {

    background-color: #006196;

    padding: 0px;

    position: fixed;

    width: 100%;

    top: 0px;

    z-index: 999;

}



.batj-part-top-navber-add ul.navbar-nav {

    text-align: right;

    width: 100%;

    display: flex;

    justify-content: right;

    gap: 10px;

}

.batj-part-top-navber-add ul.navbar-nav a {

    color: #fff;

    font-size: 16px;

        font-family: 'Poppins';

    font-weight: 500;

}



.batj-part-top-navber-add a.nav-link.active {

    color: #fff;

}

.batj-part-top-navber-add a.nav-link:hover {

    color: #8cc1f1 !important;

}

.batj-part-top-navber-add a.nav-link:hover {

    color: #8cc1f1;

}

.batj-part-top-navber-add a#navbarDropdown {

    color: #fff;

}

.batj-part-top-navber-add ul.dropdown-menu.show li a:hover {

    color: #006196;

}

.batj-part-top-navber-add ul.dropdown-menu.show li a {

    color: #000;

    font-size: 15px;

}



/*banner-section-css*/



.welcome-batj div#carouselExampleControls .carousel-inner img {

    width: 100%;

    margin-top: 104px;

    height: 700px;

    object-fit: cover;

}



.welcome-batj .carousel-caption.d-none.d-md-block {

    top: 34%;

}

.welcome-batj .carousel-caption.d-none.d-md-block h1 span {

    font-weight: 500;

}

.welcome-batj .carousel-caption h1 {

    font-size: 52px;

    font-weight: 600;

    font-family: Poppins;

}

.welcome-batj p.located-text {

    width: 56%;

    margin: auto;

    font-size: 16px;

    font-family: "Poppins";

    padding-top: 8px;

}



.welcome-batj i.bi.bi-arrow-left {

    color: #0c6daf;

    background-color: #fff;

    padding: 10px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    width: 50px;

    height: 50px;

    justify-content: center;

    font-size: 20px;

    margin-top: 25px;

}



.welcome-batj i.bi.bi-arrow-right {

    color: #0c6daf;

    background-color: #fff;

    padding: 10px;

    border-radius: 50px;

    display: flex;

    align-items: center;

    width: 50px;

    height: 50px;

    justify-content: center;

    font-size: 20px;

    margin-top: 25px;

}



.welcome-batj .carousel-control-prev-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");

    width: 0px;

}



.welcome-batj .carousel-control-next-icon {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

    width: 0px;

}



.welcome-batj a.our-products-btn {

    border-radius: 8px;

    background: #8cc1f1;

    text-decoration: none;

    padding: 13px 25px;

    display: flex;

    gap: 8px;

    justify-content: center;

    align-items: center;

    width: 20%;

    margin: auto;

    margin-top: 30px;

    color: #1a1a1a;

    font-family: "Poppins";

    font-weight: 600;

    cursor: pointer;

}



.welcome-batj a.our-products-btn:hover {

    background-color: #006196;

    color: #fff;

}



.welcome-batj i.bi.bi-arrow-up-right {

    font-size: 18px;

}



.services-we-offer {

    margin-top: 30px;

}

.services-we-offer .hero {

    background: url("./images/services-bg-img.png");

    color: white;

    text-align: center;

    height: 480px;

    background-size: cover;

    padding: 60px 20px 30px;

    background-position: right;

}



.services-we-offer .hero h2 {

    font-size: 45px;

    font-family: "Poppins";

    font-weight: 500;

    padding: 10px 0;

}

.services-we-offer .hero p {

    width: 41%;

    margin: 0 auto;

    font-size: 16px;

    font-family: "Poppins";

    line-height: 1.6;

    font-weight: 600;

}

.services-we-offer .services {

    display: grid;

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));

    gap: 25px;

    padding: 40px 20px;

    width: 100%;

    margin: auto;

    margin-top: -19%;

}



.services-we-offer .service-card {

    color: white;

    border-radius: 20px;

    overflow: hidden;

    position: relative;

    cursor: pointer;

    transition: transform 0.3s ease;

}



/*.services-we-offer .service-card:hover {

    transform: scale(1.03);

}*/



.services-we-offer .service-card img {

    width: 100%;

    object-fit: cover;

}



.services-we-offer .service-card .text {

    padding: 15px;

    position: absolute;

    bottom: 0;

    -webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -khtml-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -moz-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -ms-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -o-transition: all .35s cubic-bezier(.645,.045,.355,1);

    transition: all .35s cubic-bezier(.645,.045,.355,1);

}



.services-we-offer .service-card h3 {

    margin: 0 0 10px;

    font-size: 20px;

    font-family: "Poppins";

    font-weight: 600;

    line-height: 1.3;

}

.services-we-offer .service-card p {

    font-size: 0.9rem;

    line-height: 1.4;

}



.services-we-offer .btn-container {

    text-align: center;

    margin: 8px 0 60px;

}

.services-we-offer .btn {

    background-color: #0074ff;

    color: white;

    padding: 12px 20px;

    border: none;

    border-radius: 8px;

    font-size: 1rem;

    text-decoration: none;

    transition: background-color 0.3s ease;

}



.services-we-offer .btn:hover {

    background-color: #005ecc;

}



.services-we-offer .hero h4 {

    font-weight: 600;

    font-family: "Poppins";

    font-size: 15px;

    letter-spacing: 2px;

}



.services-we-offer a.read-more-btn {

    color: #fff;

    text-decoration: none;

    font-family: "Poppins";

    font-size: 14px;

}



.services-we-offer a.view-all-service {

    border-radius: 8px;

    background: #8cc1f1;

    text-decoration: none;

    padding: 13px 25px;

    display: flex;

    gap: 8px;

    justify-content: center;

    align-items: center;

    width: 19%;

    margin: auto;

    margin-top: 0px;

    color: #1a1a1a;

    font-family: "Poppins";

    font-weight: 600;

    cursor: pointer;

}

.services-we-offer a.view-all-service:hover {

    background-color: #006196;

    color: #fff;

}



/*footer-css-start*/



/*footer-css-start*/

footer.arab-footer-section {

    background-color: #000000;

    padding: 50px 0;

    border-top: solid 5px #ea3731;

}



footer.arab-footer-section .container {

    padding: 0;

}



footer.arab-footer-section .social-media-icons.text-white a {

    display: flex;

    flex-direction: column;

    text-decoration: none;

    color: #fff;

}

footer.arab-footer-section ul.list-unstyled li {

    line-height: 2.3;

}



footer.arab-footer-section .arab-footer-three a {

    line-height: 2.2;

}



footer.arab-footer-section .arab-footer-one p {

    font-size: 16px;

    color: #000000;

    font-family: "Roboto";

    margin-bottom: 0px;

    padding-top: 25px;

    padding-right: 20px;

}

footer.arab-footer-section ul.list-unstyled li a {

    color: #fff;

    font-family: "Poppins";

    font-size: 14px;

    font-weight: 400;

}

footer.arab-footer-section i.fa.fa-angle-right {

    color: #000000;

    font-size: 14px;

    padding-right: 8px;

}

footer.arab-footer-section .arab-footer-four p {

    color: #000000;

    font-size: 14px;

    font-family: "Poppins";

}

footer.arab-footer-section .arab-footer-four input.form-control {

    font-size: 14px;

    border: solid 1px #e5e5ea;

    height: 54px;

    font-family: "Poppins";

    color: #000000;

    border-radius: 10px;

    margin-bottom: 20px;

}

footer.arab-footer-section .arab-footer-four input.form-control:focus {

    box-shadow: none;

}

footer.arab-footer-section .arab-footer-four button.btn.btn-primary.btn-sm {

    background-color: #ea3731;

    border: none;

    font-family: "Poppins";

    font-size: 15px;

    display: flex;

    justify-content: center;

    width: 100%;

    height: 54px;

    align-items: center;

    font-weight: 700;

    border-radius: 10px;

    margin-top: 13px;

}

footer.arab-footer-section .arab-footer-four label.form-check-box {

    font-size: 14px;

    font-family: "Poppins";

    display: flex;

    gap: 10px;

    margin-top: 15px;

}



footer.arab-footer-section .arab-footer-four input[type="checkbox"] {

    width: 20px;

    height: 20px;

}



footer.batj-footer-section.text-white {

    background: #000000;

}



footer.batj-footer-section .rights-reserved {

    background-color: #000000;

    color: #fff;

    text-align: center;

    width: 85%;

    margin: auto;

    margin-top: 40px;

}

footer.batj-footer-section .rights-reserved p {

    margin-bottom: 0px;

    padding: 25px 0;

    font-family: "Poppins";

    font-size: 15px;

}

footer.batj-footer-section .all-right-left {

    display: flex;

    border-top: solid 1px #3b3737;

    justify-content: space-between;

    width: 100%;

    margin: auto;

}

.rights-reserved {

    background-color: #000000;

    color: #fff;

    text-align: center;

    width: 80%;

    margin: auto;

}

.all-right-left ul {

    display: flex;

    align-items: center;

    list-style: none;

    gap: 5px;

    margin-bottom: 0px;

}



footer.batj-footer-section .batj-footer-three ul.list-unstyled i:hover {

    color: #009bfa;

}

footer.batj-footer-section i.fa.fa-angle-right:hover {

    color: #009bfa;

}

footer.batj-footer-section .coach-footer-three {

    padding-left: 30px;

}

.batj-footer-two {

    padding-right: 0px;

}

.batj-footer-three .contact-profile {

    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;

    width: 80%;

}

.batj-footer-two {

    padding-right: 64px;

}



.batj-footer-two .social-icons i {

    font-family: "FontAwesome";

    border: solid 2px #006196;

    padding: 13px;

    border-radius: 50px;

    width: 40px;

    height: 40px;

    display: flex;

    justify-content: center;

    align-items: center;

    cursor: pointer;

}

.batj-footer-two .social-icons {

    display: flex;

    align-items: center;

    gap: 10px;

}

.batj-footer-two .social-icons i:hover {

    background-color: #006196;

}

.batj-footer-three .contact-profile img {

    width: 50px;

}

footer.batj-footer-section h5 {

    padding-bottom: 25px;

    font-family: "Poppins";

    font-weight: 600;

    font-size: 18px;

}



p.address-text span {

    font-weight: 500;

    font-size: 15px;

    font-family: "Poppins";

}

.row.batj-footer-inner {

    font-family: "Poppins";

    padding-top: 60px;

    margin: auto;

    font-size: 14px;

    font-weight: 400;

}

.batj-footer-three ul.list-unstyled i {

    color: #006196;

    padding-right: 8px;

}



.batj-footer-two p {

    line-height: 1.6;

}



.batj-footer-three ul.list-unstyled li a {

    color: #fff;

    line-height: 2.5;

}



.contact-profile.one {

    border-bottom: solid 1px #262424;

    border-top: solid 1px #262424;

    padding-top: 20px;

    padding-bottom: 20px;

}



.batj-footer-two img {

    margin-bottom: 20px;

}

p.address-text {

    padding-right: 94px;

    padding-bottom: 10px;

}



.contact-profile.logo-footer img.profile-img {

    width: 60px;

}

footer.batj-footer-section.text-white .phone {

    text-decoration: underline;

    cursor: pointer;

}

.batj-footer-four input.form-control {

    height: 52px;

    color: #e5e5ea;

    border-radius: 8px;

    border: none;

}

.batj-footer-four button.btn.btn-primary.btn-sm {

    height: 52px;

    width: 100%;

    background: #006196;

    border: none;

    color: #fff;

    margin-top: 15px;

    margin-bottom: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 10px;

}



.batj-footer-four i.bi.bi-arrow-right {

    font-size: 18px;

}



.batj-footer-four label.form-check-box.text-white {

    display: flex;

    gap: 8px;

}



.batj-footer-four input[type="checkbox"] {

    width: 25px;

    height: 20px;

    cursor: pointer;

}



footer.batj-footer-section .all-right-left a {

    text-decoration: none;

    color: #fff;

}

footer.batj-footer-section .all-right-left a:hover {

    color: #006196;

}



.batj-footer-three ul.list-unstyled li a:hover {

    color: #006196;

}





/*Products Page*/



.title-block {

    margin-top: 100px;

    color: #ffffff;

    padding: 75px 0px;

    background: url(./images/services-bg-img.png);

}

.product-item img {

    transition: .5s;

}

.product-item:hover img {

    transform: scale(1.1);

}

.product-item img {

    height: 300px;

}

.product-item .border-light {

    border-color: #f5f5f5 !important;

	    padding-bottom: 2.5rem !important;

}

.product-item a.fw-medium {

    background: #006293;

    padding: 10px 20px;

    border-radius: 4px;

    color: #ffffff;

    border: 1px solid #006293;

    text-decoration: none;

}



/*Services CSS*/



.content-wrap {

    background: #fff;

    box-shadow: 0 10px 40px rgba(0, 0, 0, .11);

    border-radius: 8px;

    position: relative;

    overflow: hidden;

    padding-bottom: 60px;

    text-align: left;

    align-items: flex-start;

    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);

    transition: all .3s cubic-bezier(.645,.045,.355,1);

}

.content-wrap:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    height: 5px;

    opacity: .1;

    background-color: #0E236C;

}

.content-wrap .content {

    height: 100%;

}

.main-box-content {

    padding: 40px 30px 32px;

}

.box-header {

    margin-bottom: 15px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: left;

}

.box-header .icon {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    margin-right: 18px;

    font-size: 34px;

}

.box-header .heading {

    -webkit-box-flex: 1;

    -webkit-flex-grow: 1;

    -ms-flex-positive: 1;

    flex-grow: 1;

    margin-bottom: 0px;

    font-size: 20px;

    color: #006196;

    font-weight: 700;

    letter-spacing: 0em;

    line-height: 1.23;

}

.image img {

    width: 100%;

    height: 150px;

    object-fit: cover;

    object-position: center;

}

.serv-button {

    font-family: Poppins;

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    display: block;

    margin-top: 0;

    height: 60px;

    line-height: 60px;

    padding: 0 45px 0 30px;

    background-color: #fff;

    color: #006196;

    font-weight: 700;

    font-size: 15px;

}

.serv-button .button-text {

    position: relative;

    z-index: 1;

    padding: 0;

    display: inline-block;

}

.button-icon {

    position: absolute;

    right: 30px;

    font-size: 20px;

    color: inherit;

    z-index: 1;

}

.serv-button:after {

    content: "";

    background-color: #8cc1f1;

    width: 0;

    height: 100%;

    top: 0;

    position: absolute;

    left: auto;

    right: 0;

    -webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;

    transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;

}

.grid-item:hover .serv-button:after {

    width: 100%;

    left: 0;

    right: auto;

}

.grid-item:hover .content-wrap {

    -webkit-transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    transform: translateY(-10px);

}

.section-title {

    margin: 50px 0px;

    text-align: center;

}

.section-title h4 {

    font-weight: 600;

    font-size: 15px;

    letter-spacing: 2px;

}

.section-title h2 {

    font-size: 36px;

    font-weight: 500;

    padding: 10px 0;

}

.section-title p {

    width: 620px;

    margin: 0 auto;

    font-size: 16px;

    font-family: "Poppins";

    line-height: 1.6;

    font-weight: 500;

}

.grid-item:hover .serv-button {

    color: #ffffff;

}

.box-header .icon i {

    color: #8cc1f1;

}

.gap_adj {

    --bs-gutter-x: 30px;

    --bs-gutter-y: 30px;

}

.main-box-content .text {

    height: 90px;

}

.hgt--adj .main-box-content .text {

    height: 120px;

}

.services-grid {

    margin-bottom: 50px;

}



/*Service Details Page*/



.page-content-info {

    padding: 50px 0px;

}

.serv-entry-banner {

    background-image: url("./images/DNA Sequencing.jpg");

    background-color: #222;

    background-repeat: no-repeat;

    background-position: center center;

    background-attachment: scroll;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -ms-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    margin-top: 100px;

    padding: 191px 0 200px;

    position: relative;

}

.serv-entry-banner .overlay {

    background: rgba(0, 0, 0, .35) none repeat scroll 0 0;

    content: "";

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}

.serv-entry-banner .container {

    z-index: 99;

    position: relative;

}

.heading-title h1 {

    color: #ffffff;

    font-size: 42px;

    line-height: 1.42;

    font-weight: 600;

    letter-spacing: 0em;

}

.feat-img img {

    height: 400px;

    width: 100%;

    object-fit: cover;

    border-radius: 7px;

}

.feat-img {

    margin-bottom: 35px;

}

ul.list {

    list-style: none;

    padding: 0px;

}

ul.list li:before {

    content: '\f00c';

    font-family: "FontAwesome";

    margin-right: 10px;

}

.download-block {

    margin-top: 15px;

}

.download-block h4 {

    margin-bottom: 20px;

        color: #006293;

    font-weight: 600;

}

ul.list li {

    margin-bottom: 15px;

    line-height: 20px;

    line-height: 26px;

}

.form-block {

    margin-top: 25px;

}

.wrap-contact100 {

    background: #f4f4f4;

    border-radius: 10px;

    overflow: hidden;

    padding: 52px 45px 80px 45px;

}

.form-block h4 {

    text-align: center;

    font-size: 34px;

    font-weight: 600;

    margin-bottom: 0px;

}

ul.numlist {

    list-style-type: decimal;

    padding-left: 50px;

}

ul.numlist li::before {

    display: none;

}

.blocks-sepp {

    margin-top: 35px;

}

.blocks-sepp h6 {

    font-weight: 700;

    margin-bottom: 15px;

}

.extra_tag p {

    font-size: 12px;

}

.extra_tag p:first-child {

    margin-bottom: 0px;

}

ul.color-check li::before {

    color: #0d6efd;

}



/*Form Desing*/



.all-forms h2, .all-forms h3 {

    text-align: center;

    margin-bottom: 5px;

}

.form--table th, .form--table td {

    border: 1px solid #e7e7e7;

    text-align: center;

        padding: 10px;

}

.all-forms table {

    width: 100%;

    border-collapse: collapse;

    margin-top: 10px;

}

.all-forms td, .all-forms th {

    border: 1px solid #e7e7e7 !important;

    padding: 4px;

    text-align: center;

}

.all-forms .no-border {

    border: none;

}

.all-forms.form-section {

    display: flex;

    justify-content: space-between;

    margin-top: 20px;

}

.all-forms .form-box {

    width: 48%;

}

.all-forms label {

    display: block;

    margin-bottom: 5px;

    font-weight: 600;

}

.all-forms input[type="text"], .all-forms input[type="date"], .all-forms textarea {

    width: 100%;

    padding: 5px;

    box-sizing: border-box;

    margin-bottom: 10px;

    border: 1px solid #e7e7e7;

    border-radius: 7px;

    height: 48px;

    padding-left: 15px;

}

.all-forms textarea {

    height: 80px;

 }

.form-title-box {

    background: #006293;

    color: #ffffff;

    text-align: center;

    padding: 35px;

    margin-bottom: 20px;

    border-radius: 10px;

}

.form-title-box p {

    margin-bottom: 0px;

}

.form-title-box h6 {

    margin-top: 20px;

    font-size: 22px;

}

.title-of-form {

    margin: 35px 0px;

    margin-bottom: 50px;

}

.title-of-form h4:after {

    content: "";

    display: block;

    height: 5px;

    width: 70px;

    border-radius: 5px;

    background-color: #8cc1f1;

    margin: 0 auto;

    margin-top: 10px;

}

.all-forms input:focus-visible {

    outline: none;

}

.all-forms input:focus {

    border: 1px solid #006293;

}

table.form--table {

    margin-top: 35px;

}

table.form--table input[type="text"] {

    padding-left: 10px !important;

    padding: 5px;

    border-radius: 7px;

    border: 1px solid #e7e7e7;

    width: 100%;

}

table.form--table input:focus-visible {

    outline: none;

}

table.form--table input:focus {

    border: 1px solid #006293;

}

.sub-details {

    margin-top: 50px;

}

.sub-details h4 {

    text-align: left;

    font-size: 18px;

    margin-bottom: 15px;

}

.sub-details textarea {

    width: 100%;

    border: 1px solid #e7e7e7;

    resize: none;

    padding-left: 10px;

        border-radius: 7px;

}

.sub-details textarea:focus-visible {

    outline: none;

}

.sub-details textarea:focus {

    border: 1px solid #006293;

}

.submit-btn {

    margin-top: 20px;

}

.submit-btn input[type="submit"] {

    padding: 10px 35px;

    background: #006293;

    color: #ffffff;

    border: 1px solid #006293;

    border-radius: 7px;

    font-size: 20px;

    font-weight: 600;

}

.extra_inq {

    margin: 15px 0px;

    text-align: center;

}

.extra_inq p {

    margin-bottom: 0px;

    text-decoration: underline;

}
.title-block .text-left h1 {
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.04;
    text-transform: none;
    font-size: 38px;
    text-align: center;
}



/*Home Page Services Hover*/



.content-srv {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 14, 27, .83);

    padding: 15px;

    -webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -khtml-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -moz-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -ms-transition: all .35s cubic-bezier(.645,.045,.355,1);

    -o-transition: all .35s cubic-bezier(.645,.045,.355,1);

    transition: all .35s cubic-bezier(.645,.045,.355,1);

    -webkit-transform: translateY(100%);

    -khtml-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

}

.services-we-offer .service-card:hover .content-srv {

    -webkit-transform: translateY(0%);

    -khtml-transform: translateY(0%);

    -moz-transform: translateY(0%);

    -ms-transform: translateY(0%);

    -o-transform: translateY(0%);

    transform: translateY(0%);

    opacity: 1;

    display: flex;

    justify-content: end;

    flex-direction: column;

    border-radius: 20px;

}

.services-we-offer .service-card:hover .text {

    -webkit-transform: translateY(100%);

    -khtml-transform: translateY(100%);

    -moz-transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    transform: translateY(100%);

    opacity: 0;

}



/*Contact Us*/



.appoinment {

    background: #fff;

    background-size: cover;

	padding-bottom: 75px !important;

}

.btn-lg-square {

    width: 48px;

    height: 48px;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    font-weight: normal;

	background: #8cc1f1 !important;

}

.form--block {

    background: #006196 !important;

}

.submit--btn button.btn {

    background: #8cc1f1;

    border: 1px solid #8cc1f1;

    font-weight: 600;

    font-size: 18px;

}



/*new-css-add*/

.sidebar .nav:not(.sub-menu) > .nav-item > .nav-link[aria-expanded=true] {
    border-radius: 8px 8px 0 0;
    background: #006196;
    color: #fff;
}
.sidebar .nav.sub-menu {
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    padding: 0.25rem 0 0 3.07rem;
    background: #006196;
    padding-bottom: 12px;
}
nav#sidebar a.nav-link.collapsed:hover {
    background-color: #006196 !important;
}
.sidebar .nav .nav-item.active > .nav-link {
    background: #006196 !important;
    position: relative;
}

.sidebar a.nav-link {
    background: #006196 !important;
    color: #fff !important;
}
li.nav-item.dash-link-add.show a.nav-link {
    border-radius: 8px 8px 0px 0px !important;
}

.sidebar .nav .nav-item .nav-link i.menu-icon {
    color: #fff;
}

.sidebar .nav .nav-item .nav-link i.menu-arrow {
    color: #fff;
}

.sidebar .nav:not(.sub-menu) {
    margin-top: 1.45rem;
    margin-left: 1rem;
    margin-right: 1rem;
    width: 100%;
}

.sidebar .nav.sub-menu {
    padding-left: 50px;
}
.sidebar .nav:not(.sub-menu) > .nav-item.active {
    background: #006196 !important;
    width: 100%;
}
nav#sidebar {
    width: 90%;
}

li.nav-item.dash-link-add {
    width: 255px;
}


/*price list css*/



.banner-list-add {
    background: url("./images/banner-img-one.png");
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    margin-top: 108px;
    padding: 135px 0;
    color: #fff;
    text-align: center;
}

.banner-list-add h1.price-list-text {
    font-size: 45px;
    font-weight: 600;
    font-family: Poppins;
}

.accordion-list-show {
    padding: 60px 0;
}

.accordion-list-show p.call-for-text {
    color: rgb(184, 0, 0);
    font-weight: 400;
    font-size: 17px;
}

.accordion-list-show button.accordion-button {
    background: #006196;
    color: #fff;
    box-shadow: none;
    border-radius: 50px !important;
    margin-bottom: 15px;
    font-size: 18px;
    font-family: 'Poppins';
    padding: 11px;
    padding-left: 35px;
    padding-right: 20px;
}
.accordion-list-show .accordion-button::after {
    display: none;
}

.accordion-list-show .accordion-button .icon {
    margin-left: auto;
    transition: transform 0.3s ease;
    font-size: 1.25rem;
    font-weight: bold;
}

.accordion-list-show .accordion-button.collapsed .icon::before {
    content: "+";
}

.accordion-list-show .accordion-button:not(.collapsed) .icon::before {
    content: "−";
}

.accordion-list-show .accordion-item {
    border: none;
}
.accordion-list-show .table-container {
    margin: auto;
    background: white;
    padding: 0px;
    border-radius: 8px;
}

.accordion-list-show .price-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.accordion-list-show .price-table th,
.price-table td {
  border: 1px solid #ccc;
  padding: 10px 12px;
  text-align: center;
}
.accordion-list-show .price-table thead {
    background-color: #006196;
    color: white;
}
.accordion-list-show .price-table .highlight {
  background-color: #e6f2ff;
}
.accordion-list-show .notes p {
    font-size: 0.9em;
    margin: 6px 0;
    color: #006196;
}

.accordion-list-show tr.price-table {
    background: #d9edf7;
    color: #000;
}
.accordion-list-show tr.price-table th {
    font-weight: 700;
}
.accordion-list-show .price-table th, .price-table td {
    border: 1px solid #ccc;
    padding: 10px 12px;
    text-align: left;
}

.accordion-list-show th.service-reaction {
    font-weight: 500 !important;
}

.accordion-list-show .accordion-body {
    padding-top: 0px;
}
 
div#collapseTwo strong {
    color: #006196;
    font-weight: 500;
}







 .third-tab-list table {
      border-collapse: collapse;
      width: 100%;
      margin: 20px auto;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .third-tab-list th, td {
      padding: 12px 15px;
      text-align: left;
    }
.third-tab-list th {
    background-color: #006196;
    color: white;
}
    .third-tab-list tr:nth-child(even) {
      background-color: #e8f4fd;
    }
    .third-tab-list tr:nth-child(odd) td {
      background-color: #ffffff;
    }
    .third-tab-list td:first-child {
      text-align: left;
    }
    .third-tab-list .notes {
      max-width: 1000px;
      margin: 10px auto;
      font-size: 13px;
      color: #333;
    }
   .third-tab-list .notes p {
    margin: 4px 0;
    font-size: 14px;
}




  div#collapseFour table {
      border-collapse: collapse;
      width: 100%;
      max-width: 1100px;
      margin: 20px auto;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
 div#collapseFour th, td {
    padding: 10px 9px;
    text-align: left;
}
    div#collapseFour div#collapseFour th {
      background-color: #0b5fa4;
      color: white;
    }
    div#collapseFour tr:nth-child(even) td {
      background-color: #e8f4fd;
    }
    div#collapseFour div#collapseFour tr:nth-child(odd) td {
      background-color: #ffffff;
    }
    div#collapseFour td:first-child {
      text-align: left;
    }
div#collapseFour .note {
    max-width: 1100px;
    margin: 10px auto;
    font-size: 14px;
    color: #006196;
}

div#collapseFour tr.service-list {
    background-color: #006196;
    color: #fff;
}






div#collapseFive table {
      border-collapse: collapse;
      width: 100%;
      margin: 20px auto;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
div#collapseFive th, td {
      padding: 12px 15px;
      text-align: left;
    }

    div#collapseFive tr:nth-child(odd) td {
      background-color: #f9f9f9;
    }
    div#collapseFive tr:nth-child(even) td {
      background-color: #ffffff;
    }
   div#collapseFive td:first-child {
      text-align: left;
    }
div#collapseFive .note {
    margin: 10px auto;
    font-size: 14px;
    color: #003d73;
    line-height: 1.5;
    font-family: 'Poppins';
}




 div#collapseSix .table-container {
  margin-top: 20px;
}

div#collapseSix .service-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

div#collapseSix .service-table th,
.service-table td {
  padding: 12px;
  border: 1px solid #cfdfea;
}

div#collapseSix .service-table .header {
    background-color: #006196;
    color: #fff;
    font-weight: bold;
    text-align: left;
}

div#collapseSix .service-table td {
  background-color: #f0f8fd;
}
div#collapseFour tr.list-price {
    background: #d9edf7;
    color: #000;
}
tr.list-price {
    background: #d9edf7;
    color: #000;
}
div#collapseSix .note {
    font-size: 14px;
    color: #003d73;
    margin-top: 10px;
    font-family: 'Poppins';
    padding-top: 30px;
    padding-bottom: 30px;
}

div#collapseSix .note p {
  margin: 4px 0;
}


div#collapseSeven .table-wrapper {
  font-family: Arial, sans-serif;
  max-width: 100%;
  margin-top: 20px;
}

div#collapseSeven .sample-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

div#collapseSeven .sample-table th,
.sample-table td {
  padding: 12px;
  border: 1px solid #cfdfea;
}
div#collapseSeven .sample-table thead th {
    background-color: #006196;
    color: #fff;
    text-align: left;
}

div#collapseSeven .sample-table th[rowspan] {
  background-color: #e1f1fa;
  color: #333;
  font-weight: bold;
}


div#collapseSeven .sample-table tbody tr:nth-child(odd) td {
  background-color: #f4f7fa;
}





div#collapseEight .genome-table {
  font-family: Arial, sans-serif;
  margin: 20px;
}

div#collapseEight .genome-table table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc;
}

div#collapseEight .genome-table th {
  background-color: #16639c;
  color: white;
  padding: 10px;
  text-align: left;
  font-weight: bold;
}

div#collapseEight .genome-table thead tr:nth-child(2) th {
    background-color: #d2ebf6;
    color: #000;
}
tr.seven-tab-list th {
    background: #d9edf7 !important;
    color: #000 !important;
}

div#collapseEight .genome-table td {
  padding: 10px;
  background-color: #eaf6fd;
}

div#collapseEight .genome-table tbody tr:nth-child(odd) td {
  background-color: #ffffff;
}

div#collapseEight .genome-table .note {
  margin-top: 10px;
  font-size: 14px;
  color: #1a4d7a;
}




div#collapseNine .service-table {
  font-family: Arial, sans-serif;
  margin: 20px 0;
}

div#collapseNine .service-table table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ccc;
}

div#collapseNine .service-table th {
    background-color: #d2ebf6;
    padding: 10px;
    text-align: left;
    font-weight: bold;
    color: #000;
}

div#collapseNine .service-table td {
  padding: 10px;
  background-color: #eaf6fd;
}

div#collapseNine .service-table tbody tr:nth-child(odd) td {
  background-color: #fff;
}




.accordion-list-show tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border: 1px solid #ccc;
}

.col-md-12.sequencing-inner-tab {
    border: 1px solid #ececec;
    padding: 3%;
    margin-top: 50px;
}
.col-md-12.sequencing-inner-tab ul li {
    line-height: 2.8;
}
.sequencing-inner-tab h3 {
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
}
.sequencing-inner-tab p.icons-tab a {
    color: #000;
    text-decoration: none;
}

.sequencing-inner-tab p.icons-tab i {
    background-color: #006196;
    color: #fff;
    padding: 5px 5px;
    font-size: 12px;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 18px;
}
.sequencing-inner-tab ul {
    list-style: none;
    padding-left: 0px;
}

.sequencing-inner-tab i.bi.bi-check-circle-fill {
    color: #006196;
    margin-right: 5px;
}

.faq-right-side form.wpcf7-form {
    background-color: #1b6099;
    padding: 4% 8%;
}

.faq-right-side h3.didnt-text {
    font-weight: 400;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
}

.faq-right-side h4.ans-text {
    font-weight: 700;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
}
.faq-right-side {
    margin-top: 44px;
}

.faq-right-side ul {
    list-style: none;
    padding-left: 0px;
}
.faq-right-side input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #48c5e8;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    outline: none;
}
.faq-right-side textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required {
    resize: none;
    height: 140px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #48c5e8;
    width: 100%;
    padding: 10px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px;
    outline: none;
}
.faq-right-side input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    border-radius: 50px;
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 35px;
    margin-bottom: 13px;
}

.faq-right-side input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required::placeholder {
    color: #fff;
}
.faq-right-side textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required::placeholder {
    color: #fff;
}
 h2.asked-text-add {
    font-weight: 400;
    color: #0c6daf;
    font-size: 30px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.questions-tab-add button.accordion-button.collapsed {
    margin-bottom: 18px;
}

.questions-tab-add .accordion-body ul.faq-list {
    list-style: none;
    line-height: 2.3;
}

h2.easy-text {
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-top: 18px;
    font-weight: 600;
    font-size: 30px;
}

.questions-tab-add .notes li a {
    color: #006196;
}
