body {
    letter-spacing: initial;
    color: #000;
}

body, h1, h2, h3, h4, h5, h6,body, button, input, select, textarea,p, div, li,a {
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
  }

.text-blue {
    color: #2490e0;
}

.cal-banner {
    padding: 30px 0;
}

h1 {
    font-size: 2.0rem;
    font-weight: bold;
}

.text-white {
    color: #fff !important;
}

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

.banner-content p {
    line-height: 1.5;
    font-size: 20px;
}

.banner-content a.submit_online {
    padding: 7px 18px;
    font-size: 16px;
}

.section-title h2 {
    margin-bottom: 50px;
}

.accordion-button {
    box-shadow: none !important;
/*    background: #E4F3FF; */
    color: #000 !important;
    font-size: 16px;
}

.faq-box {
    background-color: #e6f3fe;
    padding: 15px;
}

.accordion-flush .accordion-item {
    background: #E4F3FF;
    margin-bottom: 20px;
    border: 0;
}

.accordion-body {
    line-height: 1.5;
    font-size: 16px;
}

.cities-container {
    display: flex;
    flex-wrap: wrap;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    
}

.calibration-matter {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}

.calibration-matter li {
    padding: 20px 40px;
    border-right: 1px solid #ddd;
}

.calibration-matter li p {
    font-size: 16px;
    margin: 0;
}

.timeline-item.left p {
    text-align: right;
}

.calibration-matter li img {
    display: block;
    margin: 0 auto 20px;
}

.calibration-matter li h3 {
    margin-bottom: 20px;
}

.calibration-matter li:last-of-type {
    border: 0;
}

.city-item p {
    margin: 15px 0 0;
}

.map-block iframe {
    border-radius: 10px;
}

p {
    font-size: 16px;
    line-height: 1.5;
}

h3 {
    line-height: 1.3 !important;
}

.why-choose {
    position: relative;
}

.faq-section h2{
    padding-bottom: 0px !important;
}


.why-choose::before {
    content: "";
    inset: 0;
/*    background-image: url(https://www.aanddindia.in/wp-content/themes/aanddindia/assets/img/bg.png); */
    background-size: cover;
    position: absolute;
}

.accreditation{
    padding-bottom: 0px;
}

.why-nbl-content p {
    font-size: 14px;
}

.pyramid-desc {
    margin: 10px 0;
    font-size: 18px;
}

.polygon-image {
    width: 250px;
    height: 200px;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    overflow: hidden;
    margin: 0 auto 30px;
}

.polygon-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.accreditation-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.accreditation-item {
    display: flex;
    flex-direction: column;
    border-right: 1px solid #ddd;
    padding: 20px 40px;
}

.accreditation-item:last-child {
    border: 0;
}

.accreditation-item .icon {
    height: 40px;
    width: 40px;
    min-width: 40px;
    border-radius: 10px;
}

.accreditation-item .icon img {
    max-height: 30px;
}

body :is(.calibration-item, .accreditation-item) {
    border-right: 1px solid #ddd;
    padding: 20px 30px;
}

body :is(.calibration-item:last-child, .accreditation-item:last-child) {
    border: 0;
}


body :is(.calibration-item, .contact-content, .timeline-container) p {
    color: #000;
}

.calibration-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 2rem;
}

.calibration-item .polygon-image {
    height: 130px;
    width: 160px;
    margin: 0 auto 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #fff;
}

.calibration-item h3 {
    margin-bottom: 20px;
}

.calibration-item p {
    margin: 0;
}


.address-item {
    margin-bottom: 10px;

    p {
        font-size: 14px;
        line-height: 1.5;
    }
}

.collapse-btn .btn {
    font-size: 20px;
    border: 0;
    box-shadow: none !important;
    outline: 0;
    background: transparent;
}

.collapse-btn .btn[aria-expanded="true"] img {
    rotate: 180deg;
}

.collapse-btn .btn img {
    display: block;
    max-height: 32px;
    margin-left: 15px;
    transition: all .4s ease;
    rotate: 0deg;
}

.swiper-container {
    overflow: hidden;
}


.timeline-container {
    position: relative;
}

.timeline-container::after {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #ccc;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}

.timeline-item {
    padding: 20px 60px;
    position: relative;
    width: 50%;
}

.timeline-item .icon {
    position: absolute;
    top: 30px;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    z-index: 1;
}

.timeline-item.left {
    left: 0;
    text-align: right;
}

.timeline-item.left .icon {
    right: -36px;
}

.timeline-item .icon img {
    height: auto;
    width: auto;
}

.timeline-item.right {
    left: 50%;
}

.timeline-item.right .icon {
    left: -34px;
}

.content {
    padding: 20px;
    position: relative;
    max-width: 80%;
    margin: auto;
}

.content p {
    margin: 10px 0 0;
}

.contact-content a {
    font-size: 16px;
    color: #2490e0;
    line-height: 1.5;
}

.city-item img {
    max-height: 95%;
}

.swiper-wrapper .img-item {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 130px;
    background: white;
    padding: 20px 16px;
    border: 1px solid #ddd;
    border-left: 0;
}


.swiper-wrapper .img-item img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
}

.send-enquiry {
    position: fixed;
    top: 65%;
    right: 0;
    z-index: 2222;
}

.send-enquiry .btn {
    background: #2490e0;
    color: #fff;
    padding: 8px 18px;
    font-weight: 600;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid #333;

}

.pointer {
    cursor: pointer;
}

.swiper-pagination{
        position: relative !important;
    margin-top: 4% !important;
}


.accreditation, .happy-customers, .presence, .faqs, .locations {
    padding-top: 0px !important;
}


.why-choose h2{
        margin-bottom: 10px !important;

    text-align: center;
}

.presence h2{
    margin-bottom: 20px !important;
}

#scopes-certifications h2, .accreditation h2, .calibration-process h2, .happy-customers h2, .faqs h2{
        margin-bottom: 0px !important;
}

.calibration-matter .cal-items div, .calibration-container .calibration-item div:nth-of-type(2){
        text-align: center;
}

.locations .city-icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #000;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}



  .accordion-button::after {
    transition: transform 0.3s ease;
  }
  .accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
  }
  .accordion-button:focus {
    z-index: 3;
    outline: none;
    box-shadow: none !important;
}

.accordion-button {
    font-weight: 600;
}
.accordion-button:not(.collapsed) {
  background-color: #8eb3d1 !important;
}

#faqMainAccordion .accordion-item .accordion-header.main .accordion-button:not(.collapsed){
  background-color: #0782d4 !important;
  color: #fff !important;
}
.accordion-item {
  margin-bottom: 10px;
}


.cal-banner .banner-content .text-white{
    margin-bottom: 2.2rem !important;
}

.section-title{
text-align: left !important;
}

.locations{
    padding-bottom: 0px !important;
}


.faq-section .section-title{
          
        font-weight: 600 !important;
    }

    .calibration-process{
            padding-top: 0px !important;
    }

/* 📱 Responsive Design */
@media screen and (max-width: 768px) {

    .calibration-matter .cal-items div, .calibration-container .calibration-item div:nth-of-type(2){
        text-align: left;
}




    h1 {
        font-size: 1.8rem;
    }

    .timeline-item.left p {
        text-align: left;
    }


    section {
        padding: 40px 0;
    }

    .contact-content h4 {
        font-size: 16px;
    }

    .cal-items {
        display: flex;
        align-items: center;
        gap: 20px;
        text-align: left;
    }

    .accreditation-item {
        flex-direction: row;
        align-items: center;
    }

    .calibration-item {
        display: flex;
        align-items: center;
        text-align: left !important;
        gap: 20px;
    }

    .content {
        padding: 10px;
    }

    .map-block {
        margin-top: 30px;
    }

    .cal-banner {
        padding: 40px 0;
    }

    .calibration-matter {
        grid-template-columns: 1fr;
    }

    .calibration-matter li {
        border: 0;
        border-bottom: 1px solid #ddd;
        padding: 20px;
    }

    .calibration-matter li:last-of-type {
        border-bottom: 1px solid #ddd;
    }

    .polygon-image {
        width: 120px;
        min-width: 120px;
        height: 110px;
        margin: 0;
    }

    .pyramid-desc {
        font-size: 16px;
        text-align: left !important;
    }

    .banner-content p {
        font-size: 1.1rem;
    }

.banner-content a.submit_online {
font-size: 0.8rem;
}


    .timeline-container::after {
        left: 40px;
    }

    .swiper-wrapper .img-item {
        height: 70px;
    }

    .cities-container {
        grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    }

    .timeline-item {
        width: 100%;
        padding-left: 60px;
        padding-right: 20px;
        text-align: left;
    }


    .timeline-item.left,
    .timeline-item.right {
        left: 0;
        text-align: left;
    }

    .timeline-item .icon {
        left: 0;
        right: auto;
        height: 60px;
        width: 60px;
    }

    .timeline-item.right .icon {
        left: 0;
    }

    .accordion-flush .accordion-item .accordion-button {
        align-items: flex-start;
    }


    body :is(.accreditation-item, .calibration-item, .contact-content, .timeline-container) h3 {
        font-size: 18px !important;
    }

    .section-title h2 {
        font-size: 22px;
        text-align: left;
        margin-bottom: 10px;
    	    padding-bottom: 0px;
	}

	.happy-customers .section-title h2{
	    padding-bottom: 20px;
	}


	.faq-section .section-title{
	   
	font-weight: 600 !important;	
    }

    .calibration-process{
	    padding-top: 0px !important;
    }

    .calibration-item .polygon-image {
        height: 110px;
        width: 120px;
        margin: 0;
    }

    .calibration-matter li h3 {
        font-size: 16px !important;
        margin-bottom: 10px;
    }

    .calibration-matter li p {
        font-size: 14px;
    }

    .accreditation-item .icon img {
        max-height: 30px;
    }

    .calibration-matter li img {
        max-height: 60px;
        margin-bottom: 0;
    }

    body :is(.calibration-item, .accreditation-item) {
        padding: 20px 10px;
        border: 0;
        border-bottom: 1px solid #ddd;
    }

    body :is(.calibration-item:last-child, .accreditation-item:last-child) {
        border: 0;
    }

    .collapse-btn .btn {
        font-size: 16px;
    }

    .send-enquiry {
        bottom: 0;
        width: 100%;
        top: initial;
    }

    .send-enquiry .btn {
        width: 100%;
        padding: 10px;
    }

    .collapse-btn .btn img {
        max-height: 24px;
    }
    .swiper-wrapper .img-item {
    padding: 10px 9px;
}
}