@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')
 body{
  font-family: "Poppins", sans-serif;
     font-weight: 500;
     letter-spacing: 0em;
     line-height: 1.8;
}
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
  font-family: "Poppins", sans-serif;
     font-weight: 700;
     color: #222;
     font-weight: 700;
     letter-spacing: 0em;
     line-height: 1.44;
}
 p {
     margin-bottom: 15px;
     line-height: 1.8;
     color: #6a6c72;
}
 a {
     text-decoration: none;
     transition: .6s;
     color: #222;
     display: inline-block;
}
 .fontStyle2 {
  font-family: "Poppins", sans-serif;
     font-size: 33px !important;
     font-weight: 700;
     color: #000000;
}
 .fontStyle1 {
  font-family: "Poppins", sans-serif;
     text-transform: uppercase;
     font-weight: 700;
     color: #1dbfcc;
}
 .compact {
     line-height: 1.5em 
}
 a.customNav {
     color: #fff;
     text-decoration: none;
     display: inline-block;
     min-width: 80px;
     text-align: center;
     border-right: 1px solid #e55c69;
     padding: 14px 18px;
}
 a.active, a.customNav:hover {
     background: rgba(255, 255, 255, 0.2) !important;
     border-color: transparent 
}
 @media screen and (min-width:797px) {
     #bottomNavbar.collapse {
         display: block 
    }
}
 @media screen and (max-width:796px) {
     #bottomNavbar {
         padding: 14px;
    }
     #bottomNavbar a.customNav {
         display: block !important;
         border: none;
         background: rgba(0, 0, 0, 0.2);
         margin-top: 4px;
         margin-bottom: 4px;
         margin-left: -5px;
         margin-right: -5px;
    }
     #removeFlex {
         display: block !important;
         text-align: center 
    }
}
 .bg-img {
    /* The image used */
     background-image: url("../images/mri-scan-near-me.jpeg");
     min-height: 500px;
    /* Center and scale the image nicely */
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
}
/* Add styles to the form container-contact */
 .contact-form-banner {
     position: absolute;
     top: 125px;
     right: 40px;
     margin: 20px;
     width: 350px;
     padding: 20px;
     background: #fff;
     border-radius: 20px;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
 .contact-form-banner form{
}
 .contact-form-banner form h1 {
     text-align: center;
     font-size: 24px;
     font-weight: 700;
     line-height: 1.8;
     text-align: center;
     color: #1dbfcc;
}
 .contact-form-banner form h1 small {
     display: block;
     font-size: 18px;
     color: #000;
     font-weight: 600;
}
 .d-inline-block.mx-3.compact.align-middle a {
     color: #2a3166;
     text-decoration: none;
}
 .col-form-label {
     padding-top: calc(0.375rem + 1px);
     padding-bottom: calc(0.375rem + 1px);
     margin-bottom: 0;
     font-size: inherit;
     line-height: 1.5;
}
 .form-controls {
     display: block;
     width: 100%;
     height: 50px;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     font-weight: 400;
     line-height: 1.5;
     color: #495057;
     background-color: #fff;
     background-clip: padding-box;
     border: 1px solid #ccc;
     border-radius: 4px;
     border-radius: 0.25rem;
     -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
     -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
/* Set a style for the submit button */
 .contact-form-banner .btn {
     background-color: #04AA6D;
     color: white;
     padding: 10px 20px;
     border: none;
     cursor: pointer;
     width: 100%;
     opacity: 0.9;
     font-size: 20px;
}
 .contact-form-banner .btn:hover {
     opacity: 1;
}
 .in-noida {
     background-image: url(../images/about-bg.png);
     background-position: top center;
     background-size: contain;
     padding: 70px 0;
}
 .in-noida h1 {
     font-size: 36px;
     margin-top: 22px;
     margin-bottom: 15px;
     line-height: 1.4;
     font-weight: 700;
}
 .machine-image{
     text-align: right;
     position: relative;
}
 .machine-image .about-inner-box {
     background-color: #06a3da;
     padding: 35px 30px;
     border-radius: 10px;
     transition: .6s;
     text-align: left;
     position: absolute;
     bottom: 10px;
     right: 10px;
     max-width: 390px 
}
 .machine-image .about-inner-box .content {
     position: relative;
     padding-left: 75px 
}
 .machine-image .about-inner-box .content .icon {
     position: absolute;
     left: 0;
     top: 0 
}
 .machine-image .about-inner-box .content .icon i {
     font-size: 60px;
     color: #fff 
}
 .machine-image .about-inner-box .content h3 {
     font-size: 22px;
     margin-bottom: 12px;
     font-weight: 500 
}
 .machine-image .about-inner-box .content h3 a {
     color: #fff 
}
 .machine-image .about-inner-box .content p {
     color: #fff;
     font-size: 15px 
}
 .machine-image .about-inner-box:hover {
     transform: translateY(-5px) 
}
 .about-btn-with-info {
     padding: 0;
     margin-top: 25px;
     margin-bottom: 0 
}
 .about-btn-with-info li {
     display: inline-block;
     list-style-type: none;
     margin-right: 20px;
     position: relative;
     padding-left: 50px 
}
 .about-btn-with-info li:first-child {
     padding-left: 0 
}
 .about-btn-with-info li:last-child {
     margin-right: 0 
}
 .about-btn-with-info li .default-btn {
     background-color: #1dbfcc;
     color: #fff 
}
 .about-btn-with-info li .default-btn:hover {
     background-color: #06a3da 
}
 .about-btn-with-info li i {
     display: inline-block;
     height: 35px;
     width: 35px;
     line-height: 35px;
     background-color: #f1f7f8;
     border: 1px solid #1dbfcc;
     font-size: 18px;
     text-align: center;
     color: #1dbfcc;
     border-radius: 50px;
     position: absolute;
     left: 0;
     top: -5px 
}
 .about-btn-with-info li a {
     font-size: 18px;
     color: #002345;
     font-weight: 500 
}
 .about-btn-with-info .default-btn {
     display: inline-block;
     background-color: #06a3da;
     color: #fff;
     padding: 18px 35px;
     font-size: 15px;
     font-weight: 500;
     transition: .6s;
     border-radius: 5px;
}
 section.why-us {
     padding: 0.5rem 0;
     text-align: center;
}
 section.why-us h2{
     margin-bottom: 5rem;
}
 section.why-us .usp {
     background: #fff 0 0 no-repeat padding-box;
     box-shadow: 0 3px 6px #00000014;
     opacity: 1;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     margin-bottom: 10px;
     padding: 10px;
     border-radius: 0 10px;
     border: 2px solid #0b4175;
}
 .usp img {
     height: 60px;
     display: inline-block;
     width: 60px;
     margin-right: 5px;
}
 .usp span {
     display: inline-block;
     font-weight: 600;
     font-size: 14px;
}
 .faq{
     background-color: #fbf9f9;
}
 .faq .accordion {
     display: flex;
     flex-direction: column;
     max-width: 991px;
     min-width: 320px;
     margin: 50px auto;
     padding: 0 50px;
}
 .faq .accordion h1 {
     font-size: 32px;
     text-align: center;
}
 .faq .accordion-item {
     margin-top: 16px;
     border: 1px solid #fcfcfc;
     border-radius: 6px;
     background: #ffffff;
     box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}
 .accordion-item .accordion-item-title {
     position: relative;
     margin: 0;
     display: flex;
     width: 100%;
     font-size: 18px;
     cursor: pointer;
     justify-content: space-between;
     flex-direction: row-reverse;
     padding: 14px 20px;
     box-sizing: border-box;
     align-items: center;
     font-weight: 500;
}
label.accordion-item-title h3 {
    font-size: 17px;
}
 .accordion-item .accordion-item-desc {
     display: none;
     font-size: 16px;
     line-height: 22px;
     font-weight: 400;
     color: #444;
     border-top: 1px dashed #ddd;
     padding: 10px 20px 20px;
     box-sizing: border-box;
}
 .accordion-item input[type="checkbox"] {
     position: absolute;
     height: 0;
     width: 0;
     opacity: 0;
}
 .accordion-item input[type="checkbox"]:checked ~ .accordion-item-desc {
     display: block;
}
 .faq .accordion-item input[type="checkbox"]:checked ~ .accordion-item-title .icon:after {
     content: "-";
     font-size: 20px;
}
 .accordion-item input[type="checkbox"] ~ .accordion-item-title .icon:after {
     content: "+";
     font-size: 20px;
}
 .faq .accordion-item:first-child {
     margin-top: 0;
}
 .faq .accordion-item .icon {
     margin-left: 14px;
}
 @media screen and (max-width: 767px) {
     .faq .accordion {
         padding: 0 16px;
    }
     .faq .accordion h1 {
         font-size: 22px;
    }
}
 .testimonials-wrap {
     padding: 40px 0;
}
 .testimonials-wrap .heading-section {
     text-align: center;
}
 .testimonials-wrap .sub-heading {
     font-size: 14px;
     display: block;
     font-weight: 600;
     color: #0d3e81;
     text-transform: uppercase;
     letter-spacing: 2px;
}
 .testimonials-wrap .heading-section h2 {
     font-size: 32px;
     font-weight: 500;
     padding-top: 10px;
     padding-bottom: 15px;
}
 .testimonials-wrap .testimonial-box {
     display: block;
     position: relative;
     padding: 30px 20px;
     background: #fff;
     border: 1px solid rgba(0,0,0,.03);
     border-radius: 5px;
     box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}
 .testimonials-wrap .user-img {
     width: 80px;
     height: 80px;
     border-radius: 50%;
     position: relative;
     min-width: 80px;
     background-size: 100%;
}
 .testimonials-wrap .carousel-testimonial .item {
     padding: 30px 10px;
}
 .testimonials-wrap .quote {
     position: absolute;
     top: -23px;
     color: #0d3e81;
     font-size: 27px;
}
 .testimonials-wrap .name {
     margin-bottom: 0;
     line-height: 14px;
     font-size: 17px;
     font-weight: 500;
}
 .testimonials-wrap .position {
     color: #adadad;
     font-size: 14px;
}
 .testimonials-wrap .carousel-testimonial .owl-nav {
     text-align: center;
}
 .testimonials-wrap .carousel-testimonial .owl-nav button.owl-next, .testimonials-wrap .carousel-testimonial .owl-nav button.owl-prev {
     padding: 0 12px !important;
}
 .testimonials-wrap .carousel-testimonial .owl-nav button {
     outline: none;
     padding: 0;
}
 .testimonials-wrap .carousel-testimonial .owl-nav button.owl-next span, .testimonials-wrap .carousel-testimonial .owl-nav button.owl-prev span {
     display: block;
     font-size: 60px;
     width: 30px;
     height: 30px;
     vertical-align: 0px;
     line-height: 16px;
     font-weight: 700;
}
 .testimonials-wrap .carousel-testimonial .owl-nav button.owl-next.disabled, .testimonials-wrap .carousel-testimonial .owl-nav button.owl-prev.disabled {
     opacity: 0.5;
}
 .text.pl-4 {
     padding-left: 1.5rem!important;
}
 footer {
     padding: 10px 0;
     background: #043C6F;
     color: #fff;
     text-align: center;
}
 footer p {
     margin: 10px auto;
     color: #fff;
}
 .modal.pop-up-form {
     display: none;
     position: fixed;
     z-index: 8;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     overflow: auto;
     background-color: rgb(0, 0, 0);
     background-color: rgba(0, 0, 0, 0.4);
}
 .pop-up-form .modal-content {
     margin: 50px auto;
     border: 1px solid #999;
     min-width: 320px;
     max-width: 350px;
     padding: 20px;
     background: #fff;
     border-radius: 20px;
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
 .pop-up-form .contact-form button {
     width: 100%;
     padding: 10px;
     border: none;
     background: #04AA6D;
     font-size: 20px;
     font-weight: 400;
     color: #fff;
}
 .pop-up-form label.col-form-label {
     text-align: left;
     display: block;
}
 .pop-up-form .close {
     color: #0b2647;
     float: right;
     font-size: 32px;
     font-weight: 700;
     font-weight: bold;
     position: absolute;
     top: 10px;
     right: 10px;
}
 .pop-up-form .close:hover, .pop-up-form .close:focus {
     color: #dc3545;
     text-decoration: none;
     cursor: pointer;
}
 .floating-buttons {
     display:none;
}
 section#thank-you {
     padding: 2rem 0;
     text-align: center;
}
 section#thank-you i {
     font-size: 80px;
     padding: 1rem;
}
 section#thank-you p {
     padding: 10px 5px;
     font-size: 18px;
}
#current-url i {
    position: fixed;
    bottom: 94px;
    right: 15px;
    font-size: 50px;
    color: #fff;
    background: #1db27b;
    padding: 10px;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, .08);
}
/* Media query for screens between 600px and 767px */
 @media only screen and (min-width: 320px) and (max-width: 767px) {
     .bg-img {
         position: static;
         width: 100%;
         min-height: 325px;
         background-image: url("../images/mri-scan-center-near-me.jpeg");
    }
     .contact-form-banner {
         position: static;
         width: 320px;
         margin: 20px auto;
    }
     .fontStyle2 {
         font-size: 1.3rem !important;
    }
     a.navbar-brand img {
         height: 50px;
    }
     .floating-buttons {
         display:block;
         width: 100%;
         background-color: #fff;
         position: fixed;
         bottom: 0;
         right: 0;
         z-index: 1054;
         text-align: center;
         margin: 0;
         padding: 0;
         background: #ccc;
    }
    ul.floating-buttons li {
    display: inline-block;
}
     .floating-buttons a {
         padding: 10px 10px;
         gap: 5px!important;
         text-decoration: none;
         font-size: 18px;
         background: #2a3166;
         color: #fff;
         width: 100%;
         display: block;
    }
     ul.floating-buttons li.call-now{
         width: 37%;
         background: #1db27b;
     }
         ul.floating-buttons li.call-now a{
         background: #1db27b;
     }
      ul.floating-buttons li.book-now{
         
     }
     .testimonials-wrap .heading-section h2 {
         font-size: 28px;
    }
    h1, h2, h1 span, h2 strong, h2 span{
        font-size:24px !important;
    }
    section.why-mri p {
    font-size: 16px !important;
}
}
/* Media query for screens between 768px and 1023px */
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
}
/* Media query for screens 1024px and larger */
 @media only screen and (min-width: 1024px) {
}
 .process-step {
     text-align: center;
     opacity: 0;
    /* Initially hidden */
     animation: fadeInUp 1s ease forwards;
    /* Fade in animation */
}
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(20px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 .process-step img {
     max-width: 100%;
     max-height: 100px;
    /* Adjust as needed */
}
 .process-step h3 {
     margin-top: 20px;
}
 .process-step p {
     margin-bottom: 20px;
}
 .process-link {
     display: inline-block;
     padding: 10px 20px;
     background-color: #007bff;
     color: #fff;
     border-radius: 5px;
     text-decoration: none;
     transition: background-color 0.3s ease;
}
 .process-link:hover {
     background-color: #0056b3;
}
 #services{
     background-color: #f7f7f7;
     background-image: url(https://healsoul-4437.kxcdn.com/wp-content/uploads/2018/11/h1-blog-bg.png);
     background-size: cover;
     background-repeat: no-repeat;
     padding-top: 70px !important;
     padding-bottom: 70px !important;
}
 .instructions{
     background-color: #f7f7f7;
     background-image: url(https://healsoul-4437.kxcdn.com/wp-content/uploads/2018/11/h1-blog-bg.png);
     background-size: cover;
     background-repeat: no-repeat;
     padding-top: 70px !important;
     padding-bottom: 70px !important;
}
 .instructions h2{
     font-weight: 700;
     color: #223645;
     letter-spacing: 0em;
     line-height: 1.44;
}
 .instructions .wrap {
     display: flex;
     background: white;
     padding: 1rem 1rem 1rem 1rem;
     border-radius: 0.5rem;
     box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
     margin-bottom: 2rem;
     height: 100px;
}
 .instructions .wrap:hover {
     background:#1dbfcc;
     color: #fff;
}
 .instructions .ico-wrap {
     margin: 5px 10px;
}
 .instructions .mbr-iconfont {
     font-size: 4.5rem !important;
     color: #313131;
     margin: 1rem;
     padding-right: 1rem;
}
 .instructions .vcenter {
    /* margin: auto;
     */
}
 .instructions .mbr-section-title3 {
     text-align: left;
}
 .ico-wrap img {
     height: 50px;
}
 .services-inner {
     border: 2px solid #48c7ec;
     margin-left: 35px;
     transition: .3s;
     min-height: 151px;
     margin-bottom: 20px;
}
 .our-services-img {
     float: left;
     margin-left: -36px;
     margin-right: 22px;
     margin-top: 18px;
}
 .our-services-text {
     padding-right: 10px;
}
 .our-services-text {
     overflow: hidden;
     padding: 28px 0 25px;
}
 .our-services-text h4 {
     color: #222222;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 1px;
     margin-bottom: 8px;
     padding-bottom: 10px;
     position: relative;
     text-transform: uppercase;
}
 .our-services-text h4::before {
     background: #ec6d48 none repeat scroll 0 0;
     bottom: 0;
     content: "";
     height: 1px;
     position: absolute;
     width: 35px;
}
 .our-services-wrapper:hover .services-inner {
     background: #fff none repeat scroll 0 0;
     border: 2px solid transparent;
     box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
 .our-services-text p {
     margin-bottom: 0;
}
 #services .title {
     font-size: 36px;
     color: #000000;
     font-weight: 700;
     text-align: center;
     line-height: 2;
}
 #services .title span {
     font-size: 36px;
     color: #1dbfcc;
     font-weight: 700;
}
 #services .btn-primary {
     color: #fff;
     background-color: #FF5722;
     border: none;
     font-size: 14px;
     letter-spacing: 1px;
     text-transform: uppercase;
     padding: 12px 20px;
     min-width: 150px;
     transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -webkit-transition: all 0.5s ease;
     -ms-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
}
 .btn-primary:hover {
     -webkit-box-shadow: 0 5px 9px -4px rgb(0 0 255 / 65%);
     box-shadow: 0 5px 9px -4px rgb(0 0 255 / 65%);
}
 .card-items .card {
     position: relative;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-direction: column;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: #fff;
     background-clip: border-box;
     border: none;
     border-radius: .25rem;
     box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
     margin-bottom: 30px;
}
 .card-items .card .card-body i {
     border-radius: 6px;
     font-size: 31px;
     color: #ff5722;
     background-color: #ff57221c;
     width: 50px;
     height: 50px;
     display: flex;
     justify-content: center;
     align-items: center;
}
 .card-items .card .card-body .card-title {
     margin-bottom: .75rem;
     margin-top: 26px;
     margin-bottom: 15px;
}
 .card-body img {
     width: 56px;
     text-align: center;
     display: block;
     margin: 0 auto;
}
 section.process-flow {
     padding: 70px 0;
}
 section.process-flow h2{
     text-align: center;
     font-weight: 700;
     font-size: 36px;
     margin-bottom: 30px;
}
 .process {
     width: 100%;
     padding: 0 15px;
     text-align: center;
}
 .process__item {
     user-select: none;
     text-align: center;
     position: relative;
     padding: 15px 35px;
     transition: 0.4s ease-in-out;
     list-style:none;
}
 .process__item:hover {
     background: #f7f7f7;
    /* Darken color */
}
 .process__item:hover .process__number {
     transform: translateY(5px);
     color: #333;
    /* Primary color */
}
 .process__number {
     font-size: 90px;
     display: block;
     color: black;
     font-family: "Roboto Condensed";
     font-weight: 700;
     transition: 0.4s ease-in-out;
}
 .process__title {
     display: block;
     font-weight: 700;
     letter-spacing: 1.5px;
     font-size: 35px;
     color: #333;
    /* Primary color */
     text-transform: uppercase;
}
 .process__subtitle {
     display: block;
     font-size: 18px;
     color: #666;
    /* Darken color */
     margin-top: 30px;
     line-height: 1.5;
     font-weight: 500;
}
 @media (min-width: 768px) {
     .process {
         display: inline-block;
    }
     .process__item {
         width: 49%;
         display: inline-block;
    }
}
 @media (min-width: 1200px) {
     .process {
         display: flex;
         flex-direction: row;
         justify-content: space-between;
    }
     .process__item {
         width: 100%;
    }
     .process__item:not(:last-of-type)::after {
         content: "";
         width: 1px;
         height: 75%;
         background: #666;
        /* Darken color */
         position: absolute;
         right: 0;
         top: 50%;
         opacity: 0.2;
         transform: translateY(-50%);
    }
}
 .mri-lists {
     padding: 70px 0;
}
 .mri-lists h2 {
     text-align: center;
     font-weight: 700;
     font-size: 36px;
     margin-bottom: 30px;
}
 .mri-lists ul {
     margin: 0;
     padding: 0;
}
 .mri-lists ul li {
     display: inline-block;
     font-size: 16px;
     font-weight: 400;
     border-radius: 7px;
     background: #fff;
     padding: 10px 10px;
     margin: 5px 5px;
     -webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
     box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.1);
}
.mri-lists ul li:hover {
    background: #1dbfcc;
    color: #fff;
}
 section.why-mri {
     padding: 70px 0;
     background: #f4f9fc;
}
 section.why-mri p {
     font-size: 22px;
     font-weight: 500;
}
 section.why-mri h2 {
     text-align: center;
     font-weight: 700;
     font-size: 36px;
     margin-bottom: 30px;
}
 section.why-mri h2 strong {
     font-size: 36px;
     color: #1dbfcc;
     font-weight: 700;
}
button.btn.btn-primary.button {
    background: #1dbfcc;
    border: #1dbfcc;
}
.pop-up h1{
    font-size:24px;
    font-weight:700;
    text-align:center;
      font-family: "Poppins", sans-serif;
}