/*
Theme Name:     Empowering Biotechnology
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.2
Requires PHP:   7.0
Requires at least: 5.5
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        3.8.16
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:           neve-pro-addon
AMP:                        true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/

/*
# Custom Css
# Common Css
# Header Css
# Footer Css
# Home Page Css
# Thank you page
# Responsive Css
*/


/*--------------------------- Custom Css ---------------------------*/
#content.neve-main > .container-fluid > .row > .col {
    padding: 0 0;
}
.footer-bottom-inner .row .hfg-slot.left {
    display: none;
}
.footer-bottom-inner .row .widget.widget_block {
    text-align: center;
}
.footer--row-inner.footer-bottom-inner.footer-content-wrap {
    padding: 1rem 0;
    background-color: #0a1182;
}
.footer-bottom-inner .row {
    display: flex !important;
}
/*--------------------------- # Custom Css ---------------------------*/

/*--------------------------- Common Css ---------------------------*/
.title {
    font-size: 40px;
    margin: 0 0 0.5rem;
}
.section-title {
    font-size: 35px;
    margin: 0 0 0.7rem;
    font-weight: 700;
}
.title span, .section-title span {
    color: #0a1182;
}
.section-description {
    font-size: 18px;
    margin: 0 0 1.5rem;
    font-weight: 500;
}
p:empty {
    display: none;
}
.banner-section p:empty {
    display: none;
}
a, button, input {
    transition: all ease 0.3s;
}
a {
    text-decoration: none !important;
}
.m-0 {
    margin: 0 0;
}
.link {
    font-size: 20px;
    display: inline-block;
    text-transform: inherit;
    background-color: #0a1182;
    color: #ffffff;
    padding: 7px 35px;
    border-radius: 10px;
    font-weight: 500;
    line-height: 1.5;
}
.link:hover {
    background-color: #ffffff;
    color: #0a1182;
}
.get-started-section .wpcf7 form .wpcf7-response-output {
    color: #ffffff;
    width: auto;
}
.wpcf7 form .wpcf7-response-output {
    width: auto;
}
.wpcf7-not-valid-tip {
    display: inline-block;
}
.consultation-section .wpcf7 form .wpcf7-response-output {
    width: auto;
    margin: 0 0 1rem;
    color: inherit;
}
.wpcf7-spinner {
    display: block;
    margin: 1rem auto;
}
/*--------------------------- # Common Css ---------------------------*/

/*--------------------------- Header Css ---------------------------*/
.header-contact {
    display: flex;
    align-items: center;
}
.header-contact li {
    margin-right: 1rem;
}
/*--------------------------- # Header Css ---------------------------*/

/*--------------------------- Footer Css ---------------------------*/
/*--------------------------- # Footer Css ---------------------------*/

/*--------------------------- Home Page Css ---------------------------*/
/*-------------- Baner Section --------------*/
.banner-section {
    min-height: 600px;
    max-height: 600px;
    color: #ffffff;
    position: relative;
}
.banner-section::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgb(10 17 130 / 30%);
    top: 0;
}
.banner-section .container {
    position: relative;
    z-index: 1;
}
.banner-section h1.wp-block-heading {
    font-size: 55px;
    line-height: 70px;
    text-transform: capitalize;
    font-weight: 700;
}
.banner-section h2.wp-block-heading {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 0.5rem;
}
.banner-section p {
    font-size: 22px;
/*    margin: 0 0 3rem;*/
}
.banner-section a.wp-block-button__link {
    background-color: #ffffff;
    color: #0a1182;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: capitalize;
    padding: 15px 30px;
    transition: all ease 0.3s;
    border-radius: 3px;
}
.banner-section a.wp-block-button__link:hover {
    background-color: #1972f4;
}
/*-------------- # Baner Section --------------*/
/*-------------- Book Now Section --------------*/
.get-started-section {
    background-color: #073590;
    padding: 1.875rem 0 1.125rem;
}
.get-started-section p {
    margin: 1rem 0 0;
}
.get-started-section .col-md-4 {
    padding: 0 0;
}
.get-started-section  .wpcf7-not-valid-tip {
    color: #ffffff;
    text-align: left;
    font-size: 15px;
}
.get-started-section input.wpcf7-form-control {
    background-color: #ffff;
    color: #0a1182;
    padding: 12px 2rem;
    width: 100%;
    border: none;
    border-radius: 0;
    border-right: 1px solid;
}
.get-started-section input[type="submit"].wpcf7-form-control {
    color: #0a1182;
    padding: 12px 2rem;
    width: auto;
    border: 1px solid #e5e9ed;
    border-radius: 3px;
    font-size: 18px;
    margin: 1rem 0 0;
    font-weight: 600;
    letter-spacing: 0.3px;
}
.get-started-section input[type="submit"].wpcf7-form-control:hover {
    color: #ffffff;
    border: 1px solid #1972f4;
    background-color: #1972f4;
}
.get-started-section .wpcf7-response-output {
    margin: 0 0 3.125rem !important;
}
.get-started-section .wpcf7-spinner {
    display: block;
    margin: 0.3rem auto 0;
}
.get-started-section .wpcf7-response-output {
    margin: 0 0 0!important;
}
/*--------------#  Book Now Section --------------*/
/*-------------- Why Choose Section --------------*/
.why-choose {
    background: linear-gradient(180deg, rgba(238, 248, 255, 1) 0%, rgba(247, 251, 255, 1) 100%);
    padding: 3.875rem 0;
}
.why-choose .title {
    line-height: 1.35em;
    font-size: 40px;
}
.why-choose table {
    width: 100%;
    border-radius: 3px;
    background-color: #ffffff;
    overflow: hidden;
    margin: 0 0 0;
}
.why-choose thead {
    background-color: #F5F5F5;
}
.why-choose table tr:nth-child(even) {
    background-color: #F5F5F5;
}
.why-choose th {
    padding-bottom: 20px;
    color: #272626;
/*    border: 1px solid #1972f4;*/
}
.why-choose td {
    font-size: .9em;
    border: none;
}
/*.why-choose tr:last-child th, .why-choose tr:last-child td {
    border-bottom: none;
}*/
.why-choose ul {
    padding: 0 0;
    margin: 0 0 !important;
    list-style-type: none;
}
.why-choose ul li i {
    color: #198754;
    margin-right: 0.3rem;
    font-size: 1.2rem;
}
.why-choose td strong {
    font-weight: 600;
}
.why-choose th i {
    color: #dc3545;
    margin-right: 0.3rem;
}

/*-------------- # Why Choose Section --------------*/
/*-------------- Platforms Section --------------*/
.platforms-section .card {
    background-color: #ffffff;
    border-radius: 50px 8px;
    border: 1px solid #e5e9ed;
    padding: 50px 24px 55px;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
    background-image: url('https://html.fleexstudio.com/seomax/assets/img/bg/service1-box-bg1.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.platforms-section .card:hover {
    border: 1px solid #0047ff;
    border-radius: 8px 50px !important;
    background-image: url('https://html.fleexstudio.com/seomax/assets/img/bg/service1-box-bg2.png');
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.4s;
    transform: scale(1);
    opacity: 1;
}
.platforms-section {
    padding: 3.125rem 0 3.875rem;
    background-image: url('https://innoppl.com/bio-tech/wp-content/uploads/2025/01/service1-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.platforms-section .card .card-img {
    border-radius: 1rem;
    overflow: hidden;
    text-align: center;
    margin: 0 0 1rem;
}
.platforms-section .card .card-img img {
    max-width: 80px;
    background-color: #edf7ff;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    height: 80px;
}
.platforms-section .card-content {
    padding: 2rem 0 0;
    text-align: center;
}
.platforms-section .card-content h3 {
    font-size: 20px;
    margin: 0 0;
    height: 3rem;
    min-height: 3.5rem;
    max-height: 3rem;
    font-weight: 600;
}
.platforms-section .card-content h3 a {
    color: #0a1182;
}
.platforms-section .card:hover .card-content h3 a {
    color: #ffffff;
}
/*-------------- # Platforms Section --------------*/
/*-------------- Services Section --------------*/
.services-section {
    background: linear-gradient(180deg, rgba(238, 248, 255, 1) 0%, rgba(247, 251, 255, 1) 100%);
    padding: 3.875rem 0;
}
.services-section .row {
    justify-content: center;
}
.services-section .card {
    padding: 25px 25px;
    background-color: #ffffff;
    border: none;
    border-style: solid;
    border-width: 0 0 2px;
    border-color: rgba(165, 165, 165, 0);
    box-shadow: 19.799px 19.799px 40px 0 rgba(0, 0, 0, .03);
    margin: 2rem 0 0;
    border-radius: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
/*    min-height: 720px;*/
/*    max-height: 720px;*/
}
.services-section .card.sevan, .services-section .card.eight {
/*    min-height: 320px;*/
/*    max-height: 320px;*/
}
.services-section .card:hover {
    border-bottom: 1px solid #0a1182;
}
.services-section .card h3 {
    font-size: 20px;
    margin: 0 0 0.5rem;
    font-weight: 700;
    line-height: 1.5;
}
.services-section .card .card-img {
    margin: 0 0 2rem;
}
.services-section .card .card-img img {
    max-width: 60px;
    height: 60px;
}
.services-section .card .card-content {
    font-size: 14px;
}
.services-section .card h3 a {
    text-decoration: none;
    color: #001f4f;
}
.services-section .card ul li i {
    color: #0a1182;
    margin-right: 0.3rem;
}
.services-section .card ul {
    padding: 0 0;
    list-style-type: none;
    margin: 0 0 0;
}
.services-section .card:hover .services-section .card h3 a {
    color: #0a1182;
}
.services-section .card .card-content p {
    margin: 0 0 0.5rem;
}
.services-section .moretext, .moretextone, .moretexttwo, .moretextthree, .moretextfour, .moretextfive {
  display: none;
}
.moreless-button, .moreless-buttonone, .moreless-buttontwo, .moreless-buttonthree, .moreless-buttonfour, .moreless-buttonfive {
    color: #001f4f;
    font-weight: 600;
    position: relative;
}
.moreless-button:after, .moreless-buttonone:after, .moreless-buttontwo:after, .moreless-buttonthree:after, .moreless-buttonfour:after, .moreless-buttonfive:after {
    content: "\f078";
    font-family: "Font Awesome 6 Free";
    margin-left: 0.5rem;
}
.services-section [style="display: block;"] ~ p [class|=moreless]:after {
    content: "\f106";
}

/*-------------- # Services Section --------------*/
/*--------------------------- # Home Page Css ---------------------------*/


/*--------------------------- Idea Section Css ---------------------------*/
.idea-section {
    padding: 3.875rem 0;
}
.idea-section ul {
    list-style-type: none;
    padding: 0 0;
}
.idea-section ul li {
    padding: 0 0 0.5rem;
}
.idea-section ul li i {
    color: #1972f4;
}
.idea-section .image-section {
    border-radius: 50px 8px;
    overflow: hidden;
    transition: all 0.4s;
}
.idea-section .image-section img {
    width: 100%;
}
.idea-section .link:hover {
    background-color: #1972f4;
    color: #ffffff;
}
/*--------------------------- Idea Section Css ---------------------------*/
/*--------------------------- CTA Section Css ---------------------------*/
.cta-section {
    background-color: #0a1182;
    padding: 1.875rem;
    color: #ffffff;
}
.cta-section h2 {
    margin: 0 0;
    font-weight: 600;
    font-size: 26px;
    line-height: initial;
}
.cta-section a {
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    text-transform: inherit;
    background-color: #ffffff;
    color: #0a1182;
    padding: 10px 35px;
    border-radius: 10px;
    font-weight: 500;
    line-height: 1.5;
}
.cta-section a:hover {
    background-color: #1972f4;
    color: #ffffff;
}
.cta-section h2 a {
    background-color: transparent;
    color: #ffffff;
    text-decoration: underline !important;
    font-size: inherit;
}
.cta-section.three h2 a {
    font-size: inherit;
    padding: 0 0;
    font-weight: inherit;
    background-color: transparent;
}
.cta-section.three h2 {
    font-size: 20px;
    margin: 0 0 0.7rem;
}
.cta-section.three h5 {
    margin: 0 0 0.7rem;
    font-weight: 500;
    font-size: 15px;
}
.cta-section.three p {
    margin: 0 0 0;
}
/*--------------------------- # CTA Section Css ---------------------------*/
/*--------------------------- Progress Section Css ---------------------------*/
.progress-section {
    padding: 3.875rem 0;
}
.progress-section .list {
    margin: 0 0 1.875rem;
    border-radius: 50px 8px;
    background: #f6f7ff;
    padding: 32px;
    position: relative;
    transition: all .4s;
}
.progress-section .row {
    align-items: center;
}
.progress-section .list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.progress-section .list ul li {
    display: flex;
    align-items: flex-start;
}
.progress-section .list ul li img {
    margin-right: 0.5rem;
    max-width: 30px;
    width: 30px;
}
.progress-section .list ul li h3 {
    font-size: 18px;
    font-weight: 700;
    color: #0a1182;
    margin: 0 0 0.5rem;
}
.progress-section .list ul li p {
    font-size: 14px;
    margin: 0 0;
}
.progress-section .section-title {
    margin: 0 0 0.875rem;
}
.circle {
    border: 2px dashed #0a1182;
    border-radius: 50%;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 500px;
    width: 500px;
    height: 500px;
    position: relative;
    margin: 0 auto;
}
.circle .center {
    max-width: max-content;
    margin: 0 auto;
    height: auto;
    display: block;
    background-color: transparent;
    padding: 0 0;
}
.circle .one {
    position: absolute;
    top: -1.5rem;
}
.circle .two {
    position: absolute;
    top: 8rem;
    right: -0.5rem;
}
.circle .three {
    position: absolute;
    top: 20rem;
    right: 0rem;
}
.circle .four {
    position: absolute;
    top: 30rem;
    left: 13.5rem;
}
.circle .five {
    position: absolute;
    top: 20rem;
    left: -0.5rem;
}
.circle .six {
    position: absolute;
    top: 5rem;
    left: 1rem;
}
.progress-section .list.highlight {
    background: linear-gradient(90deg, #3b32f6 0, #49a6ff 100%);
    transform: scale(1);
    opacity: 1;
    transition: all .4s;
    border-radius: 8px 50px;
    z-index: 1;
    transition: all .4s;
}
.progress-section .list.highlight ul li h3, .progress-section .list.highlight ul li p {
    color: #ffffff;
}
.progress-section .list.highlight ul li img {
    background-color: #ffffff;
    border-radius: 5px;
    padding: 3px;
}
.circle img {
    max-width: 50px;
    height: 50px;
    border-radius: 5px;
    padding: 5px 5px;
    background-color: #edf7ff;
    -webkit-transition: 0.7s ease-out;
    -moz-transition:  0.7s ease-out;
    transition:  0.7s ease-out;
}
.circle img:hover {
    -webkit-transform: rotateZ(720deg);
      -moz-transform: rotateZ(720deg);
      transform: rotateZ(720deg);
      -webkit-transition: 0.7s ease-out;
    -moz-transition:  0.7s ease-out;
    transition:  0.7s ease-out;
}
.progress-section .list.four, .progress-section .list.five {
    margin: 0 0 0;
}

/*--------------------------- # Progress Section Css ---------------------------*/
/*--------------------------- Solution Section Css ---------------------------*/
.solution-section {
    background-color: #fbfbfb;
    padding: 3.875rem 0;
}
.solution-section .work-box {
    margin-top: 30px;
    padding: 25px;
    position: relative;
    z-index: 4;
    display: flex;
    align-items: start;
    transition: all .4s;
}
.solution-section .work-box:after, .solution-section .work-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all .4s;
}
.solution-section .work-box:before {
    border-radius: 50px 8px;
    background: #f6f7ff;
}
.solution-section .work-box:after {
    border-radius: 100px;
    background: linear-gradient(90deg, #3b32f6 0%, #49a6ff 100%);
    transform: scale(.4);
    opacity: 0;
}
.solution-section .work-box .icon-area {
    position: relative;
    z-index: 2;
    width: 70px;
}
.solution-section .work-box .icon-area .icon {
    position: relative;
    height: 70px;
    width: 70px;
    border-radius: 50%;
    line-height: 70px;
    text-align: center;
}
.solution-section .work-box .icon-area .icon:before {
    background: linear-gradient(90deg ,#3b32f6 0, #49a6ff 100%);
}
.solution-section .work-box .icon-area .icon:after, .solution-section .work-box .icon-area .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 50%;
}
.work-box .icon-area .icon:after {
    background: #646bf9;
    transition: all .4s;
    opacity: 0;
    transform: scale(.4);
}
.solution-section .work-box .icon-area .icon:after, .work-box .icon-area .icon:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 50%;
}
.solution-section .work-box .icon-area .icon img {
    position: relative;
    z-index: 3;
}
.solution-section .work-box .icon-area .icon-span {
    text-align: center;
}
.solution-section .work-box .icon-area .icon-span:before {
    background: linear-gradient(90deg, #3b32f6 0, #49a6ff 100%);
}
.solution-section .work-box .icon-area .icon-span:after, .solution-section .work-box .icon-area .icon-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 50%;
    transition: all .4s;
}
.solution-section .work-box .icon-area .icon-span:after, .solution-section .work-box .icon-area .icon-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 50%;
    transition: all .4s;
}
.solution-section .work-box .icon-area .icon-span:after, .solution-section .work-box .icon-area .icon-span:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 50%;
    transition: all .4s;
}
.solution-section .work-box .icon-area .icon-span p {
    position: relative;
    z-index: 4;
    color: #fff;
    font-size: 25px;
    font-style: normal;
    font-weight: 600;
    transition: all .4s;
}
.solution-section .work-box .heading1 {
    position: relative;
    z-index: 3;
    padding-left: 30px;
}
.solution-section .work-box .heading1 h4 {
    margin: 0 0 0;
}
.solution-section .heading1 h4 a {
    color: #0b0314;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    display: inline-block;
}
.solution-section .heading1 h4 a, .solution-section .heading1 p {
    font-style: normal;
    transition: all .4s;
    margin: 0 0 0;
}
.solution-section .heading1 p {
    font-size: 14px;
}
.solution-section .space16 {
    height: 10px;
}
.solution-section .work-box:hover {
    transition: all .4s;
    transform: translateY(-10px);
}
.solution-section .work-box:hover:before {
    background: #f6f7ff;
}
.solution-section .work-box:hover:after, .solution-section .work-box:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px 50px;
    z-index: 1;
    transition: all .4s;
}
.solution-section .work-box:hover p {
    color: #ffffff;
    transition: all .4s;
}
.solution-section .work-box:hover .heading1 h4 a {
    transition: all .4s;
    color: #fff;
}
.work-box:hover:after {
    background: linear-gradient(90deg, #3b32f6 0, #49a6ff 100%);
    transform: scale(1);
    opacity: 1;
}
/*--------------------------- # Solution Section Css ---------------------------*/
/*--------------------------- Brand Logo Section Css ---------------------------*/
.brand-logo {
    background-color: #f6f7ff;
    padding: 3.125rem 0 1.125rem;
}
.brand-logo  .section-title {
    font-size: 35px;
    margin: 0 0 1.5rem;
    font-weight: 600;
}
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7))}
}
.brand-logo .slider {
    height: 100px;
    margin: auto;
    overflow:hidden;
    position: relative;
    width: auto;
}
.brand-logo .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
}
.brand-logo .slide {
    width: 250px;
    text-align: center;
    margin: 0 1rem;
}
.brand-logo .slide img {
    transition: transform 0.5s ease-in;
}
.brand-logo .slide img:hover {
  transform: scale(1.2);
}
/*--------------------------- # Brand Logo Section Css ---------------------------*/
/*--------------------------- Testimonail Section Css ---------------------------*/
.testimonial-section {
    padding: 3.875rem 0;
}
.testimonial {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.testimonial-slide {
  padding: 20px;
}
.testimonial_box-top {
    background-color: #f6f7ff;
    padding: 30px;
    border-radius: 50px 0 55px;
    display: flex;
    position: relative;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    text-align: center;
    height: 400px;
    min-height: 400px;
    max-height: 400px;
    align-items: center;
    justify-content: center;
}
.testimonial_box-top:hover {
    border-radius: 8px 50px;
}
.testimonial_box-icon {
  margin-top: -12px;
  padding-right: 20px;
}
.testimonial_box-icon i {
  font-size: 25px;
  color: #14213d;
}
.testimonial_box-text p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0.5rem;
}
.testimonial_box-text h4 {
    font-size: 15px;
    color: #0a1182;
}
.testimonial_box-shape {
  position: absolute;
  bottom: -10px;
  left: 50px;
  width: 20px;
  height: 20px;
  background-color: #e5e5e5;
  -webkit-transform: rotateZ(50deg);
  transform: rotateZ(45deg);
}
.testimonial_box-bottom {
  padding-top: 35px;
  padding-left: 25px;
}
.testimonial_box-profile {
  display: flex;
}
.testimonial_box-img {
    display: flex;
    justify-content: center;
    margin: 0 0 1rem;
}
.testimonial_box-img img {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  border: 2px solid #e5e5e5;
}
.testimonial_box-info {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 20px;
}
.testimonial_box-name h4 {
  font-size: 20px;
  line-height: 25px;
  color: #e5e5e5;
  margin-bottom: 0;
}
.testimonial_box-job p {
  color: #e5e5e5;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 3px;
  line-height: 20px;
  font-weight: 300;
  margin-bottom: 0;
}
.slick-dots li button:before {
  font-size: 15px;
  color: #696969;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #0a1182;
}
.testimonial ul.slick-dots {
    margin: 3.875rem 0 0;
}
.testimonial-section .star {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffc107;
}
/*--------------------------- # Testimonail Section Css ---------------------------*/
/*--------------------------- FAQ Section Css ---------------------------*/
.faq-section {
    text-align: center;
    background-color: #f6f7ff;
    padding: 3.875rem 0;
}
.accordion {
    margin: 1rem 0 0;
}
.at-tab {
    display: none;
    padding: 15px 20px;
    border-top: none;
    background-color: #fff;
}
.at-title {
    cursor: pointer;
    background-color: #c8e4ff;
    position: relative;
    transition: background-color 0.3s ease;
}
.at-title:hover {
    background-color: #ffffff;
}
.at-title:after {
  content: "+";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  transition: all 0.3s ease;
  font-size: 24px;
}
.at-title.active:after {
  content: "-";
}
.at-item {
  border-radius: 5px;
  margin-bottom: 15px;
}
.at-title h2 {
    font-size: 18px;
    font-weight: 600;
    padding: 15px 20px;
    margin: 0;
    color: #272626;
    text-align: left;
}
.at-tab p {
    font-size: 15px;
    text-align: left;
    margin: 0 0 0.5rem;
}
.accordion-header {
  text-align: center;
  background-color: #222222;
  color: white;
  padding: 20px 0;
}
/*--------------------------- # FAQ Section Css ---------------------------*/
/*--------------------------- CTA Cunsultation Section Css ---------------------------*/
.consultation-section {
    padding: 3.125rem 0;
    position: relative;
}
.consultation-section:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 60%;
    width: 100%;
    z-index: -3;
    background-image: url('https://innoppl.com/bio-tech/wp-content/uploads/2025/01/contact1-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.consultation-section .align-self-center {
    align-items: center!important;
}
.consultation-section .section-description {
    font-size: 18px;
    margin: 0 0 3.125rem;
    font-weight: 500;
}
.consultation-section .wpcf7-form-control {
    width: 100%;
    background: #F5F5FD;
    padding: 16px 25px;
    border: none;
    border-radius: 8px;
}
.consultation-section .wpcf7-form-control.wpcf7-textarea {
    height: 125px;
}
.consultation-section input.wpcf7-form-control.wpcf7-submit {
    width: 100%;
    margin: 0 0 0;
    letter-spacing: 0.3px;
    display: inline-block;
    border-radius: 80px;
    background: linear-gradient(90deg, #0a1182 0%, #1972f4 100%);
    padding: 15px 20px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    transition: all 0.4s;
    border: none;
}
.consultation-section input.wpcf7-form-control.wpcf7-submit:hover {
    color: #ffffff;
    background-color: #1972f4;
    border-color: #1972f4;
}
.consultation-section .contact1-box {
    margin-top: 60px;
    text-align: center;
    padding: 36px 54px;
    border-radius: 50px 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    transition: all 0.4s;
}
.consultation-section .contact1-box:hover {
    transition: all 0.4s;
    border-radius: 8px 50px;
}
.consultation-section .contact1-box .icon {
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    margin: auto;
}
.consultation-section .contact1-box .heading h4 {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-transform: uppercase;
    margin: 20px 0 0;
}
.consultation-section .contact1-box .heading a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: initial;
    margin-top: 14px;
}
.consultation-section .contact1-box .heading p {
    margin: 0 0 0;
}
.consultation-section .wpcf7-form {
    text-align: left;
    max-width: 50%;
    margin: 0 auto;
    border-radius: 50px 8px;
    background: #FFF;
    box-shadow: 1px -9px 40px 0px rgba(0, 0, 0, 0.04);
    padding: 40px 40px 10px;
}
.consultation-section label {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px;
}
/*--------------------------- # CTA Cunsultation Section Css ---------------------------*/
/*--------------------------- Blog Section Css ---------------------------*/
.resource-section {
    padding: 3.875rem 0;
}
.resource-section .card {
    border-radius: 50px 8px;
    overflow: hidden;
    -webkit-transition: all .4s;
    -moz-transition:  all .4s;
    transition:  all .4s;
}
.resource-section .card:hover {
    border-radius: 8px 50px
}
.resource-section .card .card-content {
    padding: 15px 15px;
}
.resource-section .card-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 0.5rem;
    color: #0a1182;
}
.resource-section .card .card-content p {
    font-size: 15px;
}
.consultation-section .m-0 p {
    margin: 0 0 0;
}
.resource-section .section-title {
    font-size: 35px;
    margin: 0 0 1.5rem;
    font-weight: 700;
}
/*--------------------------- # Blog Section Css ---------------------------*/
/*--------------------------- Counter Section Css ---------------------------*/
.counter-section {
    background: linear-gradient(180deg, rgba(238, 248, 255, 1) 0%, rgba(247, 251, 255, 1) 100%);
    padding: 3.12rem 0;
}
.counter-section .display-4 {
    font-size: 50px;
    color: #0a1182;
    font-weight: 700;
    position: relative;
}
.counter-section .display-4:after {
    content: "+";
}
.counter-section  h3 {
    font-size: 18px;
    margin: 0 0;
    letter-spacing: 0.5px;
    font-weight: 600;
}
/*--------------------------- # Counter Section Css ---------------------------*/
/*--------------------------- Thank you page Css ---------------------------*/
.thankyou.banner-section {
    min-height: auto;
    max-height: max-content;
    padding: 5rem 0;
    background-size: cover;
    background-position: center center;
}
.thankyou.banner-section h1.wp-block-heading {
    font-size: 30px;
    text-align: center;
    line-height: initial;
    margin: 0 0 1.5rem;
}
.thankyou.banner-section p.has-text-align-left {
    text-align: center;
    margin: 0 0;
}
/*--------------------------- # Thank you page Css ---------------------------*/
/*--------------------------- Responsive Css ---------------------------*/
@media screen and (max-width: 1280px) {
    .testimonial_box-top {
    height: 450px;
    min-height: 450px;
    max-height: 450px;
}
}
@media screen and (max-width: 1150px) {
    .banner-section h1.wp-block-heading {
    font-size: 50px;
}
.banner-section p {
    font-size: 20px;
}
.get-started-section .col-md-4 {
    padding: 0 0;
    width: 31.333333%;
}
.get-started-section .row {
    justify-content: center;
}
.get-started-section {
    padding: 2.125rem 0;
}
.cta-section h2 {
    font-size: 26px;
}
.cta-section a {
    font-size: 16px;
    padding: 12px 25px;
}
.why-choose {
    padding: 3.125rem 0;
}
.title {
    font-size: 30px;
}
.idea-section ul li i {
    font-size: 1.3rem;
}
.progress-section .row {
    align-items: center;
    flex-direction: column;
    gap: 3rem;
}
.progress-section .col {
    width: auto;
}
.testimonial-slide {
    padding: 5px;
}
}
@media screen and (max-width: 991px) {
    .banner-section .col-md-8 {
    width: 100%;
}
.banner-section {
    min-height: 500px;
    max-height: 500px;
}
.banner-section h1.wp-block-heading {
    font-size: 45px;
}
.platforms-section .card-content h3 {
    font-size: 16px;
    height: 2rem;
    min-height: 2rem;
    max-height: 2rem;
}
.section-title {
    font-size: 26px;
}
.services-section .card h3 {
    font-size: 16px;
}
.cta-section h2 {
    font-size: 22px;
}
.why-choose th, .why-choose td {
    font-size: 13px;
}
.why-choose ul li i, .why-choose th i {
    font-size: 1rem;
}
.title {
    font-size: 26px;
}
.solution-section .work-box .icon-area .icon {
    height: 60px;
    width: 60px;
    line-height: 60px;
}
.solution-section .work-box .icon-area .icon-span p {
    font-size: 20px;
}
.solution-section .work-box .heading1 {
    padding-left: 20px;
}
.solution-section .heading1 h4 a {
    font-size: 18px;
    line-height: 26px;
}
.counter-section .display-4 {
    font-size: 36px;
}
.counter-section  h3 {
    font-size: 15px;
    margin: 1rem 0 0;
}
.consultation-section .wpcf7-form {
    max-width: 90%;
}
.consultation-section .contact1-box {
    margin-top: 60px;
    padding: 25px 25px;
}
.consultation-section .contact1-box .heading a {
    font-size: 13px;
}
.resource-section {
    padding: 3.125rem 0;
}
.testimonial_box-top {
    height: 650px;
    min-height: 650px;
    max-height: 650px;
}
}
@media screen and (max-width: 767px) {
    .banner-section h1.wp-block-heading {
    font-size: 32px;
    line-height: initial;
}
.banner-section p {
    font-size: 15px;
}
.banner-section a.wp-block-button__link {
    font-size: 16px;
    padding: 12px 30px;
}
.get-started-section .col-md-4 {
    width: 100%;
    padding: 0 15px;
}
.get-started-section span.wpcf7-spinner {
    display: block;
    text-align: center;
    margin: 1rem auto 0;
}
.section-title {
    font-size: 20px;
}
.section-description {
    font-size: 14px;
}
.platforms-section .card {
    margin: 0 0 1rem;
}
.platforms-section, .services-section {
    padding: 1.875rem 0;
}
.cta-section h2 {
    font-size: 18px;
    text-align: center;
    margin: 0 0 1rem;
}
.cta-section a {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 3px;
}
.why-choose .title {
    font-size: 22px;
}
.section-description {
    font-size: 14px;
}
.why-choose th, .why-choose td {
    font-size: 12px;
    padding: 10px 10px;
}
.why-choose ul li i, .why-choose th i {
    font-size: 15px;
}
.title {
    font-size: 20px;
}
.idea-section .link {
    margin: 0 0 1.875rem;
}
.idea-section {
    padding: 1.875rem 0;
}
.progress-section .list ul li h3 {
    font-size: 15px;
}
.progress-section .list ul li {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.progress-section .list ul li img {
    max-width: 50px;
    width: 50px;
    margin: 0 auto 1rem;
}
.progress-section .list {
    text-align: center;
}
.progress-section .list ul li h3 {
    font-size: 15px;
    margin: 0 0;
}
.progress-section .list {
    padding: 25px;
}
.testimonial-slide {
    padding: 0 0 1rem;
}
.testimonial-section {
    padding: 1.875rem 0;
}
.at-title h2 {
    font-size: 14px;
}
.at-tab p {
    font-size: 13px;
}
.faq-section {
    padding: 1.875rem 0;
}
.resource-section .card {
    margin: 0 0 1.5rem;
}
.resource-section {
    padding: 1.875rem 0 0;
}
.consultation-section {
    padding: 1.875rem 0 0;
}
.consultation-section .wpcf7-form {
    max-width: 100%;
    padding: 40px 15px 10px;
}
.consultation-section input.wpcf7-form-control.wpcf7-submit {
    margin: 0 0 0;
    border-radius: 3px;
    padding: 15px 20px;
    font-size: 15px;
}
.consultation-section .contact1-box {
    margin: 0 0 1.5rem;
}
.solution-section {
    padding: 1.875rem 0 0;
}
.progress-section {
    padding: 1.875rem 0;
}
.get-started-section {
    padding: 2.125rem 0 0;
}
.solution-section .work-box .icon-area .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
}
.solution-section .work-box {
    flex-wrap: wrap;
    justify-content: center;
}
.solution-section .work-box .icon-area {
    width: 50px;
    margin: 0 0 1rem;
}
.solution-section .work-box .heading1 {
    padding-left: 0;
}
.counter-section  h3 {
    margin: 0.5rem 0 1.875rem;
}
.counter-section {
    padding: 1.875rem 0 1rem;
}
.circle {
    max-width: 300px;
    width: 300px;
    height: 300px;
}
.circle img {
    max-width: 35px;
    height: 35px;
    border-radius: 3px;
    padding: 3px;
}
.circle .center {
    max-width: 70%;
}
.circle .two {
    top: 3rem;
    right: 1rem;
}
.circle .three {
    top: 12rem;
    right: 0rem;
}
.circle .four {
    top: 17.5rem;
    left: 8rem;
}
.circle .five {
    top: 12rem;
    left: -0.3rem;
}
.circle .six {
    top: 3rem;
    left: 0.5rem;
}
.cta-section.three h2 {
    font-size: 17px;
    text-align: left;
}
.cta-section.three p {
    margin: 0 0 1rem;
}
.solution-section {
    padding: 1.875rem 0;
}
.thankyou.banner-section h1.wp-block-heading {
    font-size: 21px;
    text-align: left;
}
.thankyou.banner-section p.has-text-align-left {
    text-align: left;
}
.thankyou.banner-section {
    padding: 3.125rem 0;
}
.testimonial_box-top {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
}
}
/*--------------------------- # Responsive Css ---------------------------*/
.consultation-section:before {
    background-image: url('https://innoppl.com/biotech/wp-content/uploads/2025/01/contact1-bg.jpg');
}
.platforms-section {
    background-image: url('https://innoppl.com/biotech/wp-content/uploads/2025/01/service1-bg.jpg');
}