/*========================================================= 
    Design Name       : Medicare Pathology

    Version           : V1.0

    Design Date       : 09/09/2024

    Design UI/UX By   : Joginder Verma (KadamTech Employer)

    Developed Comapny : Kadamtech Pvt. Ltd.

	Developed Comapny : https://www.kadamtech.com/

 ============================================================*/

/* Css Start */

/* 1. --- Default Css -- */
/* 2. --- Header -- */
/* 3. --- Tests Section -- */
/* 4. --- callAction-quality -- */
/* 5. --- healthPackages -- */
/* 6. --- about-us -- */
/* 7. --- getIntouch -- */
/* 8. --- whyChoose -- */
/* 9. --- testimonial -- */
/* 10. --- Contactus -- */
/* 11. --- faqSection -- */
/* 12. --- blogs -- */



/* --------- About us ---------- */
/* 1. missionVision */
/* 2. doctorIntro */



/* Css End */


*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    transition: 0.1s linear;
}

:root {
    --primary-color: #039954;
    --secoundary-color: #F5A623;
    --text-color: #27374E;
    --text-matte-color: #28282B;
    --text-matte-light-color: #555;
}

.bg-green {
    background: var(--primary-color) !important;
}

.bg-orange {
    background: var(--secoundary-color);
}

.btn-white-gradient {
    background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(221, 221, 221, 1) 100%) !important;
}


body {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans", system-ui !important;
    line-height: normal;
    color: var(--text-matte-color) !important;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    position: relative;
}

hr {
    margin: 0;
    border-color: #ddd;
}

hr:not([size]) {
    height: 1px;
}

h1 {
    font-size: 46px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: var(--text-matte-color);
}

img {
    width: 100%;
}

ol,
ul {
    padding-left: 34px;
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 0;
    list-style: none;
    padding: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0;
}

blockquote {
    margin: 0 0 14px;
}

b {
    font-weight: 800;
}

strong {
    font-weight: 700;
}

small {
    font-size: 12px;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: #152A3D;
    text-decoration: none;
}

button {
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    border: 0;
}

button:focus:not(:focus-visible) {
    outline: 0;
    box-shadow: none;
}

input,
button,
select,
optgroup,
textarea,
.form-control {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-color: #fff;
    border: 1px solid #DBDBDB;
    padding: 15px 20px;
}

::-moz-selection {
    background-color: #200468;
    color: #FFF;
    text-shadow: none
}

::selection {
    background-color: var(--text-color);
    color: #fff;
    text-shadow: none
}

/* End By Default Reset */





/* header css start */
.admin-bar header {
    position: absolute;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 999;
}

header .top-header {
    background: var(--primary-color);
    color: #fff;
}

header .top-header .contact-info ul,
header .top-header .contact-info ul li a {
    display: flex;
    font-size: 16px;
    gap: 10px;
    align-items: center;
}

header .top-header .contact-info ul li a {
    gap: 6px;
    color: #fff;
}

header .top-header .contact-info ul li a p {
    color: #fff;
}

header .top-header .contact-info ul li a:hover,
header .top-header .contact-info ul li a:hover p {
    color: #152A3D;
    transition: 0.1s linear;
}



header .top-header .contact-info ul li a i {
    font-size: 20px;
}

header .top-header .contact-info ul li a p {
    margin: 0;
}

header .bottom-header .logo {
    width: 100%;
}

header .bottom-header .nav-contact-action {
    padding: 10px 10px 10px 14px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 100px;
}

header .bottom-header .nav-contact-action .nav-box ul,
header .bottom-header .nav-contact-action .social-contact ul {
    display: flex;
    gap: 12px;
    justify-content: center;
}

header .bottom-header .nav-contact-action .social-contact ul {
    gap: 8px;
}

header .bottom-header .nav-contact-action .social-contact {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}

header .bottom-header .nav-contact-action .social-contact ul li a {
    color: var(--text-matte-light-color);
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #f9f9f9;
    transition: all 0.3s ease-in;
    font-size: 14px;
}

header .bottom-header .nav-contact-action .social-contact ul li a:hover {
    color: #fff;
    background-color: var(--primary-color);
}

header .bottom-header .nav-contact-action .nav-box ul li a {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-matte-color);
}
.header-wrapper .mobile-header{
    display: none;
}
.page-btn .btn {
    background: linear-gradient(-90deg, rgba(235, 159, 0, 1) 0%, rgba(255, 205, 97, 1) 100%);
    border-radius: 100px;
    border: none;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 18px !important;
    padding-top: 12px;

}

.page-btn .btn:hover,
.page-btn:hover {
    border-color: #333;
}

.page-secoundry-btn.page-btn .btn {
    background: linear-gradient(-90deg, rgba(4, 198, 109, 1) 0%, rgba(3, 153, 84, 1) 100%);
    border-radius: 4px;
    border: none;
    color: #fff;
}

header .bottom-header {
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.04);
    border-radius: 0 0 50px 50px;
    background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    backdrop-filter: blur(20px);
}

/* header css end */





/* banner-area Start */
.banner-area .banner-section .slide {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding: 240px 0 100px 0;
    height: 610px;
}

.banner-area .banner-section h1 {
    font-size: 38px;
    line-height: 50px;
}

.banner-area .banner-section {
    position: relative;
}

.banner-area .callAction-quality .quality-card {
    padding: 10px;
}

.banner-area .callAction-quality .quality-card .icon {
    width: 50px;
}

.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    width: max-content;
    margin: auto;
    border: 1px dashed var(--primary-color);
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 74px;
}

.owl-theme .owl-dots .owl-dot span {
    background-color: var(--secoundary-color);
    margin: 6px 4px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary-color);
    width: 20px;
    transition: 0.5s ease-in-out;
}

.content-box h1 span,
.content-box h2 span {
    color: var(--primary-color);
}

.content-box h1 {
    font-weight: 700;

}

.content-box h2,
.content-box h3 {
    font-weight: 700;
    margin-bottom: 14px;
    font-size: 36px;
}


.content-box h6 {
    color: var(--secoundary-color);
    font-weight: 600;
    line-height: 30px;
    display: inline-block;
    display: flex;
    align-items: center;
}

.content-box h6 span {
    width: 40px;
    height: 3px;
    background: var(--secoundary-color);
    display: inline-block;
    margin-right: 10px;
}


.content-box h5,
.content-box h4 {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
}

.content-box h3 span {
    color: var(--primary-color);
}

.content-box.text-center h6 {
    justify-content: center;
}


/* banner-area End */


/* tests section start */


.tests,
.callAction-quality,
.healthPackages,
.about-us,
.getIntouch,
.whyChoose,
.testimonial,
.contactUs,
.faqSection,
.blogs,
.missionVision,
.doctorIntro {
    padding: 80px 0;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.tests .tests-nav-cards .nav-pills .nav-link {
    padding: 14px;
    color: var(--text-matte-color);
    border: 1px solid #eee;
}

.tests .tests-nav-cards .nav-pills .nav-link.active {
    background: var(--primary-color);
    color: #fff;
    transition: 0.2s ease-in-out;
}


.tests .tests-nav-cards .tests-card .card {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-color: #f2f2f2;
    height: 100%;
}
.tests .tests-nav-cards .tests-card .card .content-box h5,
.tests .tests-nav-cards .tests-card .card .content-box h4{
    font-size: 18px;
}

.tests .tests-nav-cards .tests-card {
    height: 500px;
    min-height: 400px;
    max-height: 500px;
    overflow-y: scroll;
    padding-right: 14px;
    border-radius: 6px;
}


.tests .tests-nav-cards .tests-card::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.tests .tests-nav-cards .tests-card::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #F5F5F5;
}

.tests .tests-nav-cards .tests-card::-webkit-scrollbar-thumb {
    background-color: var(--primary-color);
}


.tests .tests-nav-cards .tests-card .card .image img {
    border-radius: 6px;
}

.tests .tests-nav-cards .tests-card .card .page-btn a {
    font-weight: 700;
}

/* tests section end */


/* callAction-quality start */

.callAction-quality {
    padding: 50px 0;
}

.callAction-quality .quality-card {
    background: #fff;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.callAction-quality .quality-card .icon {
    width: 80px;
    margin: auto;
}

.callAction-quality .quality-card h6 {
    font-size: 24px;
    font-weight: 700;
}

/* callAction-quality end */


/* healthPackages start */
.healthPackages .content-box h6 {
    /* padding-left: 40px; */
    line-height: 30px;
}


.healthPackages .healthPackges-items .owl-stage-outer {
    padding: 0 12px 30px 12px;
}

.healthPackages .healthPackges-items.owl-carousel .owl-dots {
    bottom: -30px;
}

.healthPackages .healthPackges-items .owl-stage {
    display: flex;
    align-items: stretch;
}

.healthPackages .healthPackges-items .owl-stage .item{
    height: 100%;
}
.healthPackages .healthPack-card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding:16px;
    border-radius: 10px;
    height: 100%;
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.06);
    border: 1px solid #f2f2f2;

}

.healthPackages .healthPack-card p {
    margin-bottom: 0;
}

.healthPackages .healthPack-card .page-btn {
    margin-top: auto;
}

.healthPackages .healthPack-card .content-box {
    display: flex;
    flex-direction: column;
}
.healthPackages .healthPack-card .content-box ul{
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
}
.healthPackages .healthPack-card .content-box ul li{
    margin-bottom: 5px;
    position: relative;
    font-size: 13px;
    padding-left: 20px;
    width: 50%;
    flex-grow: 1;
}
.healthPackages .healthPack-card .content-box ul li::before{
    content: "\ebe6";
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
    color: var(--primary-color);
    font-family: 'boxicons'!important;
}
.healthPackages .healthPack-card h5 {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
}

.healthPackages .healthPack-card h5:first-child {
    color: #039954;
}

.healthPackages .healthPack-card .image img {
    border-radius: 10px;
    margin-bottom: 0;
}

.healthPackages .healthPackges-items .owl-nav button:first-child {
    margin: 0;
    position: absolute;
    right: 48.5vw;
    bottom: -38px;
    width: 40px;
    height: 40px;
}

.healthPackages .healthPackges-items .owl-nav button:last-child {
    margin: 0;
    position: absolute;
    left: 48.5vw;
    bottom: -38px;
    width: 40px;
    height: 40px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    border-radius: 50%;
    background: transparent;
    transform: scale(0.9);
    transition: 0.3s ease-in-out;
}

/* healthPackages end */


/* about-us start */

.about-us .about-content .content-card h5 {
    font-weight: 700;
}

.about-us .about-content .content-card p {
    margin-bottom: 0;
}

.about-us .about-content .content-card {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.08);
    padding: 20px;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    height: 100%;
}

.about-us .about-content .content-card::after {
    content: "";
    position: absolute;
    right: -30px;
    top: -54px;
    background: url(../img/icons/polygonshape.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 100px;
    width: 100px;
    filter: brightness(0) saturate(100%) invert(61%) sepia(98%) saturate(3637%) hue-rotate(132deg) brightness(96%) contrast(80%);
}


.about-us .about-content .row .col-md-6:nth-child(2) .content-card::after {
    filter: brightness(0) saturate(100%) invert(46%) sepia(50%) saturate(445%) hue-rotate(39deg) brightness(99%) contrast(95%);
}

.about-us .about-content .row .col-md-6:nth-child(3) .content-card::after {
    filter: brightness(0) saturate(100%) invert(67%) sepia(27%) saturate(3838%) hue-rotate(358deg) brightness(101%) contrast(108%);
}

.about-us .about-image {
    position: relative;
    margin-bottom: 80px;
}

.about-us .about-image .about-experience {
    width: fit-content;
    position: absolute;
    bottom: 10px;
    right: 0;
}

.about-us .about-image .about-experience h6 {
    font-size: 18px;
    width: 220px;
    line-height: normal;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    padding-left: 24px;
    color: #fff;
}

.about-us .about-image .about-experience h6::after {
    content: "";
    background: url(../img/icons/polygonshape.svg);
    filter: brightness(0) saturate(100%) invert(61%) sepia(98%) saturate(3637%) hue-rotate(132deg) brightness(96%) contrast(80%);
    width: 210px;
    height: 240px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;

}

.about-us .about-image .about-experience h6 span {
    font-size: 40px;
    font-weight: 700;
    display: block;
    border-bottom: 4px solid #fff;
    width: max-content;
    padding-bottom: 4px;
    margin-bottom: 6px;
}


/* about-us end */

/* getIntouch start */

.getIntouch {
    padding: 20px 0;
}

.getIntouch .getintouch-items ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    justify-content: space-between;
}

.getIntouch .getintouch-items ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
}

.getIntouch .getintouch-items ul li a i {
    font-size: 30px;
    color: var(--secoundary-color);
    background: #fff;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.getIntouch .getintouch-items ul li a h6 {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.5px;
}

.getIntouch .getintouch-items ul li a h6 span {
    display: block;
    font-size: 16px;
    font-weight: 400;

}

.getIntouch .getintouch-items ul li a img {
    width: 50px;
}

.getIntouch .getintouch-items ul li:last-child h6 {
    color: var(--text-matte-color);
}

.getIntouch .getintouch-items ul li:last-child {
    width: 290px;
    background: #fff;
    padding: 20px 10px;
    border-radius: 100px;
}

/* getIntouch end */


/* whyChoose start */
.whyChoose .whychoose-image .row .col-6:nth-child(1) img {
    height: 180px;
    border-radius: 100px 100px 0 100px;
    margin-top: auto;
}

.whyChoose .whychoose-image .row .col-6:nth-child(2) img {
    height: 200px;
    border-radius: 100px 100px 100px 0px;
}

.whyChoose .whychoose-image .row .col-6:nth-child(3) img {
    height: 200px;
    border-radius: 100px 0px 100px 100px;
}

.whyChoose .whychoose-image .row .col-6:nth-child(4) img {
    height: 180px;
    border-radius: 0px 100px 100px 100px;
}

.whyChoose .whychoose-image {
    position: sticky;
    top: 140px;

    animation-name: updown;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes updown {
    0% {
        transform: translateY(7px);
    }

    50% {
        transform: translateY(-7px);
    }

    100% {
        transform: translateY(7px);
    }

}

.whyChoose .whychoose-image .whychoose-icon {
    position: absolute;
    width: 170px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 170px;
    margin: auto;
}

.whyChoose .whychoose-items .whychoose-card {
    border: 1px solid #ededed;
    box-shadow: 9px 12px 4px 0 rgba(0, 0, 0, 0.1);
    padding: 20px;
    border-radius: 10px;
}

.whyChoose .whychoose-items .whychoose-card h5 {
    padding-top: 40px;
    position: relative;
}

.whyChoose .whychoose-items .whychoose-card h5:before {
    content: "";
    width: 30px;
    height: 30px;
    background: url(../img/icons/polygonshape.svg);
    filter: brightness(0) saturate(100%) invert(46%) sepia(65%) saturate(368%) hue-rotate(39deg) brightness(97%) contrast(91%);
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    margin: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.whyChoose .whychoose-items .whychoose-card {
    position: relative;
}

.whyChoose .whychoose-items .whychoose-card::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #333;
    position: absolute;
    right: 20px;
    bottom: 20px;
}


.whyChoose .whychoose-items .row .col-md-6:nth-child(2) .whychoose-card h5:before {
    filter: brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(360%) hue-rotate(116deg) brightness(93%) contrast(97%);
}

.whyChoose .whychoose-items .row .col-md-6:nth-child(3) .whychoose-card h5:before {
    filter: brightness(0) saturate(100%) invert(68%) sepia(33%) saturate(4766%) hue-rotate(1deg) brightness(103%) contrast(108%);
}

.whyChoose .whychoose-items .row .col-md-6:nth-child(4) .whychoose-card h5:before {
    filter: brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(360%) hue-rotate(116deg) brightness(93%) contrast(97%);
}

/* whyChoose end */

/* testimonial start */

.testimonial .testimonial-card {
    padding: 14px;
    border: 1px solid #ededed;
    border-radius: 10px;
    background: #fff;
    box-shadow: 9px 12px 4px 0 rgba(0, 0, 0, 0.1);
}

.testimonial .testimonial-card .content-box .icon {
    width: 80px;
    margin-bottom: 14px;
}

.testimonial .testimonial-items.owl-carousel .owl-stage-outer {
    padding-bottom: 20px;
}


.testimonial .testimonial-items.owl-carousel .owl-dots {
    bottom: 14px;
}

.testimonial .testimonial-items.owl-carousel .owl-nav button:first-child {
    padding-right: 100px !important;
}

.morecontent span {
    display: none;
}

.morecontent .morelink {
    color: var(--secoundary-color);
    padding-left: 4px;
}

/* testimonial end */


/* contactUs start */
.contactUs {
    background: #F2F5FA;
}

.contactUs .content-box.qr-code {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: #fff;
    padding: 20px;
}

.contactUs .map iframe {
    border-radius: 10px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.05);
}

.contactUs .contact-info-card .icon {
    width: 60px;
    height: 60px;
    margin-bottom: 14px;
}

.contactUs .contact-info-card .info-card {
    background: #fff;
    border: 1px solid #ededed;
    padding: 20px 10px;
    border-radius: 10px;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.05);
}

.contactUs .contactForm {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.04);
    background: #fff;
    height: 100%;
}


.contactForm .field-items label[for="form-control"] {
    margin-bottom: 10px;
    color: var(--text-matte-color);
    padding-left: 4px;
    font-size: 14px;
}

.contactForm .field-items input.form-control {
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    color: #787b7d;
}

.contactForm .field-items select.form-select,
.contactForm .field-items textarea.form-control {
    padding: 10px;
    font-size: 14px;
    color: #787b7d;
}

.contactForm .field-items textarea.form-control {
    height: 100px;
}

.contactForm .field-items input.form-control:focus {
    box-shadow: none;
}

.contactForm .field-items .input-box {
    position: relative;
}

.contactForm .field-items .input-box::before {
    content: "\ec63";
    position: absolute;
    top: 8px;
    bottom: 0;
    left: 10px;
    right: auto;
    margin: auto;
    font-family: boxicons !important;
    font-weight: 400;
    font-size: 20px;
    color: var(--text-matte-color);
    height: 30px;

}

.contactForm .field-items .input-box.phone::before {
    content: "\ebb2";
}

.contactForm .field-items .input-box.phone::before {
    content: "\eac1";
}

.before-disable::before {
    display: none;
}

input[type="radio"] {
    padding: initial;
}

.contactForm .field-items .input-box.before-disable.collection {
    height: auto;
    display: flex;
    align-items: center;
    gap: 4px;
    border-radius: 6px;
    margin-top: 10px;
}

.contactForm .field-items .input-box.before-disable p {
    margin: 0;
    position: relative;
    width: 100%;
}

.contactForm .field-items .input-box.before-disable p .form-check-input {
    display: flex;
    width: 100%;
    border: 0;
    margin: 0;
    gap: 15px;
}

.contactForm .field-items .input-box.before-disable p .form-check-input span {
    margin: 0;
    display: flex;
    font-size: 16px;
}

.contactForm .field-items .input-box.before-disable p .form-check-input span label {
    margin-bottom: 0;
    font-size: 14px;
    color: #787b7d;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.contactForm .field-items p {
    margin: 0;
    position: relative;
}

.contactForm .field-items .btn {
    background: linear-gradient(-90deg, rgba(235, 159, 0, 1) 0%, rgba(255, 205, 97, 1) 100%);
    border-radius: 100px;
    border: none;
    border-bottom: 3px solid #000;
    border-right: 3px solid #000;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 18px;
    padding-top: 12px;
    margin-top: 15px;
}

.contactForm .field-items .btn:hover {
    border-color: #333;
}

.contactForm .field-items .wpcf7-spinner {
    position: absolute;
    right: 5px;
    top: 25px;
}

/* contactUs end */



/* faqSection start */
.faq-tabs .nav-tabs {
    border: 0;
    padding-right: 20px
}

.faq-tabs .nav-tabs .nav-item {
    margin-bottom: 15px;
    width: 100%
}

.faq-tabs .nav-tabs .nav-item .nav-link {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 15px 30px 15px 15px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: unset;
    border-radius: 5px;
    transition: all .15s ease-in;
    position: relative;
    margin: 0;
    cursor: pointer
}

.faq-tabs .nav-tabs .nav-item .nav-link:after {
    content: "\f105";
    font-family: 'Font Awesome 5 free';
    font-weight: 900;
    position: absolute;
    right: 25px;
    font-size: 22px;
    color: #fff;
    opacity: 0;
    transform: translateX(20px);
    transition: all .4s ease
}

.faq-tabs .nav-tabs .nav-item .nav-link img {
    width: 38px;
    height: 38px;
    object-fit: contain;
    margin-right: 15px;
    filter: contrast(10) brightness(0)
}

.faq-tabs .nav-tabs .nav-item .nav-link span {
    text-align: start
}

.faq-tabs .nav-tabs .nav-item .nav-link h5 {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
    color: var(--matte-black);
    text-transform: capitalize;
    margin-bottom: 0
}

.faq-tabs .nav-tabs .nav-item .nav-link p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin: 0;
    color: #a3a2a2
}

.faq-tabs .nav-tabs .nav-item .nav-link.active,
.faq-tabs .nav-tabs .nav-item .nav-link:hover {
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
    box-shadow: 0px 8px 24px rgba(149, 157, 165, .2)
}

.faq-tabs .nav-tabs .nav-item .nav-link.active:after,
.faq-tabs .nav-tabs .nav-item .nav-link:hover:after {
    opacity: 1;
    transform: translateX(0)
}

.faq-tabs .nav-tabs .nav-item .nav-link.active img,
.faq-tabs .nav-tabs .nav-item .nav-link:hover img {
    filter: contrast(0) brightness(10)
}

.faq-tabs .nav-tabs .nav-item .nav-link.active h5,
.faq-tabs .nav-tabs .nav-item .nav-link.active p,
.faq-tabs .nav-tabs .nav-item .nav-link:hover h5,
.faq-tabs .nav-tabs .nav-item .nav-link:hover p {
    color: #fff
}

.faqSection .accordion {
    box-shadow: 0px 8px 24px 0px #959DA533;
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    background-color: #fff
}

.faqSection .accordion .accordion-item {
    border: 0;
    border-bottom: 1px solid #0000000D
}

.faqSection .accordion .accordion-item .accordion-button {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-matte-color);
}

.faqSection .accordion .accordion-item .accordion-button:hover {
    color: var(--primary-color)
}

.faqSection .accordion .accordion-item .accordion-button:hover::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(62%) saturate(1662%) hue-rotate(127deg) brightness(94%) contrast(102%);

}

.faqSection .accordion .accordion-item:last-child {
    border: 0
}

.faqSection .accordion-button:not(.collapsed) {
    color: var(--primary-color) !important;
    background: 0 0
}

.faqSection .accordion-button:not(.collapsed)::after {
    filter: brightness(0) saturate(100%) invert(35%) sepia(62%) saturate(1662%) hue-rotate(127deg) brightness(94%) contrast(102%);
}

.faqSection .accordion-body {
    padding-right: 40px
}

/* faqSection end */


/* blogs start */
.blogs .blogs-items .blogs-card .image {
    position: relative;
}

.blogs .blogs-items .blogs-card .image img {
    border-radius: 10px;
}

.blogs .blogs-items .blogs-card .image::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.blogs .blogs-items .blogs-card .content {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0;
    right: 0;
    padding: 0 10px;
    color: #fff;
}

.blogs .blogs-items .blogs-card a {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.blogs .blogs-items .blogs-card .content .blogs-about {
    display: flex;
    justify-content: space-between;
}

.blogs .blogs-items .blogs-card .content .blogs-about span {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

.blogs .blogs-items .blogs-card .content .blogs-about i {
    padding-right: 6px;
}

/* blogs end */


/* footer start */
.f-social ul {
    display: flex;
    gap: 10px;
}

.f-social ul li a {
    width: 40px;
    height: 40px;
    font-size: 24px;
    color: var(--secoundary-color);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.f-head {
    border-bottom: 2px dashed var(--primary-color);
}

.f-content-nav h5 {
    margin-bottom: 14px;
}

.f-content-nav .content-info ul li a p {
    display: inline;
    margin-bottom: 0;
}

.f-content-nav .content-info ul,
.f-content-nav .explore-links ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.f-content-nav .content-info ul li a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 24px;
    color: var(--primary-color);
}

/* footer end */







/* --------- About us ---------- */

/* missionVision start */

.missionVision .missionVision-items .misvis-card .icon {
    width: 50px;
    margin-bottom: 20px;
}

.missionVision .missionVision-items .missvis-center-image {
    position: relative;
}

.missionVision .missionVision-items .missvis-center-image .image img {
    clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
    width: 300px;
    height: 300px;
    object-fit: cover;
    margin: auto;
    display: flex;
    margin:auto;
}

.missionVision .missionVision-items .missvis-center-image .image:nth-child(2) img {
    position: absolute;
    margin: 0;
    top: 96px;
    width: 200px;
    height: 200px;
    left: 50px;
}


.missionVision .missionVision-items .missvis-center-image a {
    background: var(--primary-color);
    height: 60px;
    width: 60px;
    border-radius: 50%;
    font-size: 50px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding-left: 8px;
    padding-top: 2px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    animation: pulse-animation 1.4s infinite;
}

@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgba(43, 155, 81, 0.9);
    }

    100% {
        box-shadow: 0 0 0 20px rgba(43, 155, 81, 0);
    }
}


/* missionVision end */


/* doctor-intero start */

.doctorIntro .content-box h6 {
    color: var(--primary-color);
}

.doctorIntro .intro-items .fullcard .social-profile ul {
    display: flex;
    align-items: center;
    gap: 14px;
}

.doctorIntro .intro-items .fullcard .social-profile ul li a {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.doctorIntro .image{
    width: 100%;
    height: 100%;
}
.doctorIntro .image .img-fluid{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.doctorIntro .intro-items .fullcard .social-profile ul li a:hover {
    transform: scale(0.9);
    transition: 0.2s ease-in;
}

.doctorIntro .intro-items .fullcard .image img {
    border-radius: 10px;
}

.doctorIntro .intro-items .fullcard .social-profile ul li a img {
    width: 16px;
    height: 16px;
}

.fullcard-2.fullcard .content-box h6 {
    justify-content: end;
}

.fullcard-2.fullcard {
    padding-top: 40px;
    border-top: 1px solid #ddd;
}

/* doctor-intero end */
/* Page Title */
.page-banner {
    padding: 200px 0 50px;
    position: relative;
    background: url(../img/banner/section-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.page-banner .section-heading h1 {
    font-weight: 700;
    margin-bottom: 14px;
    font-size: 36px;
    color: var(--bs-heading-color);
}

.blog-page {
    padding: 200px 0 50px;
}

.blog-single-post {
    position: relative;
    margin-bottom: 40px
}

.blog-single-post.blog-salah .image img {
    width: auto;
    height: 500px
}

.blog-single-post .image {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px
}

.blog-single-post .image img {
    width: 100%
}

.blog-single-post .lower-content {
    position: relative;
    padding: 30px;
    border: 1px solid #ebf2f3;
    border-top: 0;
    border-radius: 5px
}

.blog-single-post ul.post-meta {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    margin-bottom: 13px
}

.blog-single-post .post-meta li {
    margin-right: 15px;
    padding-right: 15px;
    font-weight: 600;
    border-right: 1px solid #ddd
}

.blog-single-post .post-meta li i {
    margin-right: 8px;
    color: var(--primary-color)
}

.blog-single-post .post-meta li:last-child {
    border-right: 0
}

.blog-single-post h1 {
    position: relative;
    font-size: 30px;
    line-height: 44px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3f3f3f
}

.blog-single-post h3 {
    position: relative;
    font-size: 28px;
    line-height: 42px;
    font-weight: 700;
    margin-bottom: 15px;
    color: #3f3f3f
}

.blog-single-post .text {
    margin-bottom: 40px
}

.blog-single-post .text ul {
    padding-left: 0
}

.blog-single-post .text ul li {
    list-style: none;
    margin-bottom: 10px;
    color: #3f3f3f;
    position: relative;
    padding-left: 30px
}

.blog-single-post .text ul li:before {
    color: var(--primary-color);
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0
}

.blog-single-post .text ol li {
    list-style: inherit;
    margin-bottom: 10px;
    color: #3f3f3f
}

.blog-single-post .text h2 {
    position: relative;
    font-size: 28px;
    line-height: 44px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h3 {
    position: relative;
    font-size: 24px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h4 {
    position: relative;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h5 {
    position: relative;
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text h6 {
    position: relative;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    font-family: inherit;
    margin-bottom: 15px
}

.blog-single-post .text table tr th,
.blog-single-post .text table tr td {
    border: 2px solid #ddd;
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 500
}

.blog-single-post .text table tr th {
    font-weight: 700
}

.blog-single-post blockquote {
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    color: #565872;
    margin-bottom: 30px
}

.blog-single-post blockquote:before {
    position: absolute;
    content: '';
    top: 0;
    width: 8px;
    bottom: 0;
    background: var(--primary-color);
    left: 0;
    border-radius: 5px
}

.widget {
    position: relative;
    margin-bottom: 50px
}

.widget_popular_post {
    position: relative;
    max-width: 350px;
    margin-left: auto
}

.widget .widget-title {
    position: relative;
    font-size: 20px;
    color: #3f3f3f;
    margin-bottom: 20px;
    font-weight: 600
}

.widget_popular_post .post-thumb {
    position: relative;
    margin-right: 15px;
    margin-bottom: 0;
    overflow: hidden
}

.widget_popular_post .post-thumb:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgb(16 34 53/59%);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    transition: all .3s ease-in
}

.widget_popular_post .post-thumb:hover:before {
    opacity: 1;
    width: 100%;
    height: 100%;
    border-radius: 0;
    -webkit-animation: circle .75s;
    animation: circle .75s
}

.widget_popular_post .post-thumb img {
    border-radius: 5px;
    float: left;
    height: 60px;
    width: 60px;
    object-fit: cover
}

.widget_popular_post .post {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
    border: 1px solid #e3e3e3;
    padding-bottom: 17px;
    padding: 14px;
    border-radius: 5px
}

.widget_popular_post .post:last-child {
    margin-bottom: 0
}

.widget_popular_post .content {
    position: relative;
    width: calc(100% - 75px)
}

.widget_popular_post .content h5 {
    position: relative;
    font-size: 16px;
    margin-bottom: 3px;
    font-weight: 600;
    font-family: inherit
}

.widget_popular_post .content h5 a {
    color: #3f3f3f;
    transition: .5s
}

.widget_popular_post .content h5 a:hover {
    color: var(--primary-color)
}

.widget_popular_post .content .post-info {
    font-size: 14px;
    color: #3f3f3f
}

.widget_popular_post .content .post-info i {
    margin-right: 4px;
    color: var(--primary-color)
}

.searchbox {
    background: #fff;
    border-radius: 100px;
    max-width: 400px;
    margin: auto;
    border: 1px solid #ddd;
    padding: 5px;
    overflow: hidden;
}

.searchbox form {
    display: flex;
    justify-content: space-between;
}

.searchbox input {
    border: 0;
    outline: none;
    padding: 10px 20px;
    width: 100%;
}

.searchbox .searchbtn {
    border: 0;
    background: #039954;
    color: #fff;
    border-radius: 50px;
    padding: 10px 30px;
    font-weight: 600;
}

.healthPackages .healthPack-card .content-box p {
    font-size: 14px;
    font-weight: 600;
    color: #434343;
}

.modalhealth .modal-dialog {
    max-width: 1000px;
}

.modal.modalhealth .modal-header {
    border: 0;
    padding: 0;
}

.modal .modal-header .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    opacity: 1;
    color: #000;
    font-size: 24px;
    padding: 6px;
    z-index: 99;
}
.modal.modalappointment .modal-dialog{
    max-width: 600px;
}
.modal.modalappointment .modal-title{
    color: var(--primary-color);
    font-size: 24px;
    font-weight: 600;
}
.modal.modalappointment .btn-close{
    position: relative;
    right: 0;
    top: 0;
    background: #fff;
    opacity: 1;
    color: #000;
    font-size: 24px;
    padding: 6px;
    z-index: 99;
    border: 1px solid #000;
}
.modal .modal-header .btn-close i {
    font-size: 24px;
    line-height: 1;
}

.modal.modalhealth .modal-card-health {
    background: rgb(3 153 84 / 8%);
    height: 100%;
    padding: 20px;
    border-radius: 10px;
}

.modal.modalhealth .modal-card-health h4 {
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
    line-height: 1.5;
}

.modal.modalhealth .modal-card-health p {
    margin-bottom: 10px;
}

.modal.modalhealth .modal-card-health .test-text {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 18px;
}

.modal.modalhealth .modal-card-health ul {
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 10px;
}

.modal.modalhealth .modal-card-health ul li {
    margin-bottom: 5px;
    position: relative;
    font-size: 13px;
    padding-left: 20px;
    width: 30%;
    flex-grow: 1;
}
.modal.modalhealth .modal-card-health ul li::before{
    content: "\ebe6";
    position: absolute;
    left: 0;
    font-size: 16px;
    top: 2px;
    color: var(--primary-color);
    font-family: 'boxicons'!important;
}

.tests.tests-page .tests-nav-cards .tests-card {
    height: auto;
    min-height: auto;
    max-height: max-content;
    overflow-y: auto;
}

.contact-content {
    padding: 50px 0;
}

.contact-content .about-image {
    width: 100%;
    height: 100%;
}

.contact-content .about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.contactInfo-section {
    padding: 50px 0;
    background-color: rgb(0 0 0 / 3%);
}

.contactInfo-section .contact-details .info-list li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 15px;
}

.contactInfo-section .contact-details .info-list li i {
    width: 35px;
    height: 35px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 3px;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 11px 3px #44444447;
}

.contactInfo-section .contact-details .info-list li .title {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
}

.contactInfo-section .contact-details .info-list li a,
.contactInfo-section .contact-details .info-list li .text {
    font-size: 14px;
    color: #545454;
    font-weight: 600;
}

.contactInfo-section .contact-details {
    padding: 20px 0;
}

.contactInfo-section .contact-details h3 {
    font-size: 26px;
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 15px;
}

.contactInfo-section .contact-details h4 {
    font-size: 20px;
    color: var(--text-color);
    font-weight: 600;
    margin-bottom: 15px;
}

.contactInfo-section .contact-details .socialLink {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.contactInfo-section .contact-details .socialLink li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background-color: var(--secoundary-color);
    color: var(--text-matte-color);
    font-size: 20px;
}

.google-map {
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 100%;
}

/* start Home collection services */
.what-is {
    padding: 70px 0;
}

.what-is h3 {
    font-weight: 700;
    font-size: 36px;
    color: var(--bs-heading-color);
}

.what-is .col-lg-7 p {
    padding-left: 50px;
    border-left: 3px solid var(--primary-color);
}
.page-template-home-collection-services .callAction-quality .quality-card .icon 
{
    width: 110px;
}
.content-section
{
    padding: 80px 0;
}
.page-template-home-collection-services .about-us 
{
    background: #eeeeee;
}
.page-template-home-collection-services .about-us .about-content .content-card 
{
    background-color: #fff;
}
.input-box.before-disable.collection .form-check-inline{
    padding: 0;       
    margin: 0;
}
/* end Home collection services */
.m-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--primary-color);
    width: 100%;
    z-index: 999;
    padding: 0;
    height: 50px;
    display: none;
    align-items: center;
    padding: 5px 0;
    border-top: 2px solid #fff;
}

.m-footer a {
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
}

.m-footer a i {
    font-size: 20px;
}

.m-footer .hgf5d3 {
    border-right: 1px solid #ddd;
}

.m-footer .hgf5d3:last-child {
    border-right: 0;
}
.gallery-page{
    padding: 50px 0;
}
.gallery-page .image-gallery{
    width: 100%;
    height: 200px;
    border-radius: 10px;
    overflow: hidden;    
    position: relative;
}
.gallery-page .image-gallery img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.gallery-page .image-gallery a{
    display: block;
}
.gallery-page .image-gallery a::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 90%;
    height: 90%;
    margin: auto;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.438);
    opacity: 0.5;
    visibility: hidden;
    transition: all 0.3s ease-in;
}
.gallery-page .image-gallery:hover a::before{
    opacity: 1;
    visibility: visible;
}
.whyChoose.whowe-are .content-box ul li{
    margin-bottom: 15px;
    position: relative;
    padding-left: 30px;
    line-height: 1.5;
}
.whyChoose.whowe-are .content-box ul li::before{
    content: "\ebe6";
    position: absolute;
    left: 0;
    font-size: 20px;
    top: 2px;
    color: var(--primary-color);
    font-family: 'boxicons'!important;
}
.whyChoose.whowe-are .whowe-image{
    width: 100%;
    max-height: 500px;
    height: 100%;
}
.whyChoose.whowe-are .whowe-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.about-action{
    padding: 60px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-action .image-doc{
    width: 250px;
    height: 250px;
    border-radius: 100%;
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 11px 1px #9494944a;
    overflow: hidden;
    margin-left: auto;
}
.about-action .image-doc img{
    width: 100%;
    height: 100%;
    object-fit:cover;
    object-position: top;
    border-radius: 100%;
}
.about-action .content-box h3,
.about-action .content-box p{
    color: #fff;
}
.test,
.health-packages{
    display: block;
    width: 100%;
    padding: 0.375rem  0.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.test .select2-container,
.health-packages .select2-container{
    width: 100% !important;
    min-width: auto !important;
}
.test .select2-container--default .select2-selection--single,
.health-packages .select2-container--default .select2-selection--single{
    border: 0;
}
.select2-dropdown{
    z-index: 99999 !important;
}
.cptlfcf7_title{
    font-size: 14px !important;
}
.cptlfcf7_left_box img{
    display: none !important;
}