.header-logo {
     padding-top: 2px;
     padding-bottom: 12px;
}
 .space, .space-bottom {
     padding-bottom: 3px;
}
 .space, .space-top {
     padding-top: 60px;
     padding-bottom: 30px;
}
 .appointment-form {
     background-color: #a81d20;
     padding: 50px;
     border-radius: 30px;
     max-width: 592px;
     margin-left: auto;
     display: block;
     margin-top: 60px;
}
/* Footer styles */
 .footer-wrapper {
     position: relative;
     background-color: #0e0c0c;
     color: #333;
     padding-top: 30px;
     overflow: hidden;
}
 .footer-widget .widget_title {
     max-width: 270px;
     color: #fff;
     margin: -0.11em 0 35px 0;
     padding: 0 0 18px 0;
}
/* Wave shape styling */
 .footer-wave {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     overflow: hidden;
     line-height: 0;
}
 .footer-wave svg {
     position: relative;
     display: block;
     width: calc(100% + 1.3px);
     height: 80px;
}
 .footer-wave .shape-fill {
     fill: #a81d20;
    /* The requested color */
}
/* Widget styling */
 .widget {
     margin-bottom: 30px;
}
 .widget_title {
     font-size: 22px;
     margin-bottom: 20px;
     position: relative;
     padding-bottom: 10px;
     color: #333;
}
 .widget_title:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 50px;
     height: 2px;
     background-color: #a81d20;
}
 .about-text {
     margin-bottom: 20px;
}
 .th-social {
     display: flex;
     gap: 10px;
}
 .th-social a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 40px;
     height: 40px;
     background-color: #f0f0f0;
     color: #333;
     border-radius: 50%;
     text-decoration: none;
     transition: all 0.3s ease;
}
 .th-social a:hover {
     background-color: #a81d20;
     color: white;
}
/* Menu styling */
 .menu {
     list-style: none;
}
 .menu li {
     margin-bottom: 10px;
}
 .menu a {
     color: #333;
     text-decoration: none;
     transition: color 0.3s ease;
}
 .menu a:hover {
     color: #a81d20;
}
/* Contact info styling */
 .footer-info-title {
     font-size: 16px;
     margin-bottom: 5px;
     color: #333;
}
 .footer-info {
     margin-bottom: 15px;
     display: flex;
     align-items: center;
     gap: 10px;
}
 .footer-info i {
     color: #a81d20;
}
 .text-inherit {
     color: inherit;
     text-decoration: none;
}
/* Gallery styling */
 .sidebar-gallery {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 10px;
}
 .gallery-thumb {
     position: relative;
     overflow: hidden;
     border-radius: 5px;
}
 .gallery-thumb img {
     width: 100%;
     height: 70px;
     object-fit: cover;
     transition: transform 0.3s ease;
}
 .gallery-btn {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(168, 29, 32, 0.7);
     display: flex;
     align-items: center;
     justify-content: center;
     color: white;
     opacity: 0;
     transition: opacity 0.3s ease;
}
 .gallery-thumb:hover .gallery-btn {
     opacity: 1;
}
 .gallery-thumb:hover img {
     transform: scale(1.1);
}
/* Copyright section */
 .copyright-wrap {
     background-color: #a81d20;
     padding: 20px 0;
     color: white;
     text-align: center;
}
 .copyright-text {
     margin: 0;
}
 .copyright-text a {
     color: white;
     text-decoration: none;
     font-weight: bold;
}
 .widget-area {
     padding-top: 10px !important;
     padding-bottom: 0px !important;
     --section-space: 10px !important;
}
 .footer-widget.widget_nav_menu a {
     color: #fff;
}
 .th-widget-about .footer-info {
     color: #fff;
}
 .footer-layout3 .copyright-wrap {
     background-color: #0e0c0c;
     text-align: center;
}
 .copyright-text {
     margin: 0;
     color: #0e0c0c;
}
 .header-logo img {
     max-width: 100%;
     height: 60px !important;
     margin-top: 12px !important;
}
 .brand-sec {
     background-color: #ffffff;
}
/****************************************************/
/* @media (max-width: 768px) {
     .hero-style3 {
         padding: 28px 0 80px 0;
    }
     .hero-style3 .hero-title {
         font-size: 55px;
         line-height: 80px;
         margin-top: 95px;
    }
}
 */
 @media (max-width: 425px) {
     .header-logo img {
         max-width: 100%;
         height: 55px !important;
    }
     .hero-style3 {
         padding: 0px 0 0px 0;
    }
     .hero-style3 .hero-title {
         font-size: 30px;
         line-height: 50px;
         margin-top: 110px;
    }
}
 @media (max-width: 1024px) {
     .hero-style3 {
         padding: 280px 0 280px 0;
    }
     .th-hero-wrapper.hero-3 {
         height: 40vh;
    }
     .th-hero-bg video {
         height: 100%;
         object-fit: cover;
    }
     .hero-style3 .hero-title {
         font-size: 56px;
         line-height: 0.9;
         text-align: center;
         margin-top: -100px !important;
    }
     .hero-style3 .hero-title {
         margin-top: -45px;
    }
     .hero-style3 .th-btn {
         padding: 16.5px 34px;
         margin-top: 20px;
    }
}
 @media (max-width: 820px) {
     .th-hero-wrapper.hero-3 {
         height: 42vh;
    }
     .th-hero-bg video {
         height: 100%;
         object-fit: cover;
    }
     .hero-style3 .hero-title {
         font-size: 56px;
         line-height: 0.9;
         text-align: center;
         margin-top: 125px;
    }
     .hero-style3 .hero-title {
         margin-top: -45px;
    }
     .hero-style3 .th-btn {
         padding: 16.5px 34px;
         margin-top: 20px;
    }
}
 @media (max-width: 768px) {
     .th-hero-wrapper.hero-3 {
         height: 45vh;
    }
     .th-hero-bg video {
         height: 100%;
         object-fit: cover;
    }
     .hero-style3 .hero-title {
         font-size: 56px;
         line-height: 76px !important;
         text-align: center;
         margin-top: -100px !important;
    }
     .hero-style3 .hero-title {
         margin-top: -42px;
    }
     .hero-style3 .th-btn {
         padding: 16.5px 34px;
         margin-top: 20px;
    }
}
 @media (max-width: 767px) {
     .hero-style3 {
         padding: 0px 0 280px 0;
    }
     .th-hero-wrapper.hero-3 {
         height: 40vh;
    }
     .th-hero-bg video {
         height: 100%;
         object-fit: cover;
    }
     .hero-style3 .hero-title {
         font-size: 32px !important;
         line-height: 45px !important;
         text-align: center;
         margin-top: 125px !important;
    }
     .hero-style3 .btn-group {
         justify-content: center !important;
         margin-top: 15px;
    }
     .th-btn {
         padding: 10px 20px;
         font-size: 14px;
    }
     .slider-arrow {
         width: 40px;
         height: 40px;
         font-size: 14px;
    }
     .slider-prev {
         left: 10px;
    }
     .slider-next {
         right: 10px;
    }
     .social-links {
         position: absolute;
         bottom: 15px;
         left: 0;
         right: 0;
         display: flex;
         justify-content: center;
         gap: 15px;
    }
     .social-links a {
         width: 30px;
         height: 30px;
         font-size: 14px;
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .hero-inner .container {
         padding-left: 20px;
         padding-right: 20px;
    }
     .hero-inner {
         display: flex;
         align-items: center;
    }
     .hero-style3 .th-btn {
         padding: 14.5px 34px;
    }
     .hero-style3 .th-btn {
         padding: 14.5px 34px;
         margin-bottom: 16px;
    }
}
 @media (max-width: 375px) {
     .th-hero-wrapper.hero-3 {
         height: 40vh;
    }
     .th-hero-bg video {
         height: 100%;
         object-fit: cover;
    }
     .hero-style3 .hero-title {
         font-size: 24px;
         line-height: 1.3;
         text-align: center;
         text-align: --webkit-center;
         margin-top: 125px;
    }
     .hero-style3 .btn-group {
         justify-content: center !important;
         margin-top: 15px;
    }
     .th-btn {
         padding: 10px 20px;
         font-size: 14px;
    }
     .slider-arrow {
         width: 40px;
         height: 40px;
         font-size: 14px;
    }
     .slider-prev {
         left: 10px;
    }
     .slider-next {
         right: 10px;
    }
     .social-links {
         position: absolute;
         bottom: 15px;
         left: 0;
         right: 0;
         display: flex;
         justify-content: center;
         gap: 15px;
    }
     .social-links a {
         width: 30px;
         height: 30px;
         font-size: 14px;
         display: flex;
         align-items: center;
         justify-content: center;
    }
     .hero-inner .container {
         padding-left: 20px;
         padding-right: 20px;
    }
     .hero-inner {
         display: flex;
         align-items: center;
    }
     .hero-style3 .th-btn {
         padding: 14.5px 34px;
         margin-bottom: 16px;
    }
}
 .brand-sec {
     padding-top: 1px;
     padding-bottom: 1px;
}
 .brand-item {
     width: 186px !important;
     height: 65px !important;
}
 .what {
     padding-top: 30px !important;
}
/****************** ## What we do section ***************************/
 .circle-grid {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 40px;
}
 .circle-section {
     margin-top: 30px;
}
 .circle-row {
     display: flex;
     gap: 16px;
}
 .second-row {
     margin-left: 105px;
}
 .circle-card {
     width: 180px;
     height: 180px;
     background: #ffffff;
     border-radius: 50%;
     display: flex;
     justify-content: center;
     align-items: center;
     transition: transform 0.4s ease, box-shadow 0.4s ease;
     position: relative;
     cursor: pointer;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
     opacity: 0;
     animation: rollInLeft 1s ease forwards;
}
 .circle-card:hover {
     transform: scale(1.08) rotate(3deg);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}
 .circle-content {
     text-align: center;
     padding: 20px;
}
 .circle-content img {
     margin-bottom: 10px;
     filter: none !important;
     mix-blend-mode: normal !important;
     opacity: 1 !important;
}
 .circle-title {
     font-size: 16px;
     font-weight: 600;
     color: #000000;
}
 .circle-row .circle-card:nth-child(1) {
     animation-delay: 0.1s;
}
 .circle-row .circle-card:nth-child(2) {
     animation-delay: 0.2s;
}
 .circle-row .circle-card:nth-child(3) {
     animation-delay: 0.3s;
}
 .circle-row .circle-card:nth-child(4) {
     animation-delay: 0.4s;
}
 .circle-row .circle-card:nth-child(5) {
     animation-delay: 0.5s;
}
 .second-row .circle-card:nth-child(1) {
     animation-delay: 0.6s;
}
 .second-row .circle-card:nth-child(2) {
     animation-delay: 0.7s;
}
 .second-row .circle-card:nth-child(3) {
     animation-delay: 0.8s;
}
 .second-row .circle-card:nth-child(4) {
     animation-delay: 0.9s;
}
 .circle-card:hover {
     transform: scale(1.08) rotate(3deg);
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25);
}
 .circle-content {
     text-align: center;
     color: white;
     padding: 20px;
}
 .circle-content img {
     width: 40px;
     height: 40px;
     margin-bottom: 10px;
     filter: brightness(0) invert(1);
}
 .circle-title {
     font-size: 16px;
     font-weight: 600;
}
 @keyframes rollInLeft {
     0% {
         transform: translateX(-200px) rotate(-120deg);
         opacity: 0;
    }
     100% {
         transform: translateX(0) rotate(0deg);
         opacity: 1;
    }
}
 @media (max-width: 768px) {
     .circle-row {
         flex-wrap: wrap;
         justify-content: center;
         margin-left: 0 !important;
    }
}
 @media (max-width: 375px) {
     .circle-row {
         flex-wrap: wrap;
         justify-content: center;
         margin-left: 0 !important;
    }
}
 @media (max-width: 375px) {
     .circle-row {
         flex-wrap: wrap;
         justify-content: center;
         margin-left: 0 !important;
    }
     .circle-card {
         width: 130px;
         height: 130px;
    }
     .circle-content img {
         width: 34px;
         height: 34px;
    }
     .circle-title {
         font-size: 13px;
    }
}
 @media (max-width: 768px) {
     .about .gy-4 {
         --bs-gutter-y: -2.5rem !important;
    }
}
 @media (max-width: 820px) {
     .consultation-sec {
         padding-top: 40px;
         padding-bottom: 40px;
         text-align: center;
    }
     .consultation-sec .row {
         flex-direction: row;
    }
     .consultation-sec img {
         width: 100%;
         max-width: 300px;
         margin: 0 auto 20px;
         display: block;
    }
     .consultation-sec .title-area {
         text-align: center !important;
    }
     .consultation-sec ul {
         grid-template-columns: repeat(2, 1fr);
         padding-left: 0;
    }
     .consultation-sec ul li {
         font-size: 14px;
    }
}
 @media (max-width: 480px) {
     .consultation-sec ul {
         grid-template-columns: repeat(1, 1fr);
    }
     .consultation-sec h2 {
         font-size: 20px;
    }
     .consultation-sec p {
         font-size: 14px;
    }
}
 .counter-card-wrap {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .counter-card {
     width: 23%;
}
/* Tablet and Mobile: 2 per row */
 @media (max-width: 820px) {
     .counter-card {
         width: 48%;
    }
}
 @media(max-width:768px) {
     .appointment-form {
         margin-top: -20px !important;
    }
}
 @media(max-width:480px) {
     .appointment-form h5 {
         font-size: 18px;
         margin-top: -16px;
    }
}
 .brand-sec2 {
     padding-top: 0px !important;
}
 .contact-card {
     background-color: #b40000;
    /* Red background */
     color: #fff;
     border-radius: 16px;
     padding: 30px 25px;
     margin: 40px auto;
     font-family: 'Segoe UI', sans-serif;
     max-width: 1200px;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
 .contact-card h2 {
     font-size: 28px;
     text-align: center;
     margin-bottom: 20px;
}
 .locations-row {
     display: flex;
     flex-wrap: wrap;
     gap: 20px;
     justify-content: space-between;
}
 .location-box {
     flex: 1 1 250px;
     background-color: rgba(255, 255, 255, 0.05);
     padding: 20px;
     border-radius: 12px;
     box-sizing: border-box;
}
 .location-box strong {
     font-size: 18px;
     display: block;
     margin-bottom: 10px;
     color: #ffe;
}
 .location-box p {
     font-size: 15px;
     line-height: 1.5;
     margin: 4px 0;
     color: #fff;
}
 @media screen and (max-width: 767px) {
     .contact-card {
         padding: 20px 15px;
    }
     .contact-card h2 {
         font-size: 22px;
    }
     .location-box {
         flex: 1 1 100%;
    }
     .location-box p, .location-box strong {
         font-size: 14px;
    }
}
 .thetext {
     text-align: justify;
}
 .box-title {
     text-transform: uppercase;
}
 .awardimg {
     width: 100px;
     height: 100px !important;
}
 .csr {
     max-width: 497px;
     background: white;
     border-radius: 13px;
     padding: 2.5rem;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
 .csr {
     transition: transform 0.3s ease, box-shadow 0.3s ease;
}
 .csr:hover {
     transform: scale(1.05);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
 .csr {
     position: relative;
}
 .popup {
     position: absolute;
     bottom: 100%;
     left: 50%;
     transform: translateX(-50%);
     background: #333;
     color: #fff;
     padding: 6px 10px;
     border-radius: 4px;
     white-space: nowrap;
     opacity: 0;
     pointer-events: none;
     transition: opacity 0.3s;
}
 .csr:hover .popup {
     opacity: 1;
}
 .header-absolute {
     position: absolute;
     top: -22px;
     left: 0;
     width: 100%;
}
 .hero-style3 .hero-title {
     font-weight: 600;
     font-size: 63px;
     line-height: 75px;
     letter-spacing: 0.02em;
     text-transform: capitalize;
     color: var(--white-color);
     margin-bottom: 10px;
     display: inline-block;
}
/* @media (max-width: 480px) {
     .hero-style3 .hero-title {
         font-size: 1.8rem;
         line-height: 1.1;
    }
}
 */
 .box-icon {
     height: 80px;
     width: 347px;
}
 @media (max-width: 768px) {
     .box-icon {
         width: 100%;
         height: auto;
    }
}
 .box-title {
     color: #000000;
     font-size: 20px !important;
}
 .center-row {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100%;
}
 .csr {
     background-color: #fff;
     padding: 2rem;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
 .container-contacts {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 15px;
}
/* Contact Section */
 .contact-sections {
     padding: 32px 0;
     position: relative;
     overflow: hidden;
     background-color: #ffffff;
}
 .contact-wrappers {
     display: flex;
     flex-wrap: wrap;
     gap: 30px;
     position: relative;
     z-index: 1;
}
/* Contact Info */
 .contact-infos {
     flex: 1;
     min-width: 300px;
     background-color: white;
     color: #fff;
     padding: 50px 40px;
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
 .section-headers {
     margin-bottom: 40px;
}
 .sub-title {
     display: inline-block;
     font-size: 16px;
     font-weight: 600;
     color: #212728;
     margin-bottom: 15px;
     position: relative;
     padding-left: 30px;
}
 .sub-title:before {
     content: '';
     position: absolute;
     left: 0;
     top: 50%;
     width: 20px;
     height: 2px;
     background-color: #3498db;
     transform: translateY(-50%);
}
 .section-headers h2 {
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 20px;
     line-height: 1.2;
}
 .info-list {
     margin-top: 40px;
}
 .info-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 30px;
}
 .icon-box {
     width: 50px;
     height: 50px;
     background-color: rgb(168 29 32);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     flex-shrink: 0;
}
 .icon-box i {
     font-size: 20px;
     color: #ffffff;
}
 .info-content h4 {
     font-size: 22px;
     font-weight: 600;
     margin-bottom: 5px;
}
 .info-content a:hover {
     color: #3498db;
}
/* Contact Form */
 .contact-form-wrapper {
     flex: 1;
     min-width: 300px;
     background-color: #F8F8F8;
     padding: 50px 40px;
     border-radius: 15px;
     position: relative;
     overflow: hidden;
     box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}
 .form-header {
     margin-bottom: 30px;
}
 .form-header h3 {
     font-size: 28px;
     font-weight: 700;
     color: #fff;
     margin-bottom: 10px;
     margin-top: -20px;
}
 .form-header p {
     color: #fff;
     font-size: 16px;
}
 .form-group {
     margin-bottom: 20px;
}
 .contact-forms input, .contact-forms textarea {
     width: 100%;
     padding: 15px 20px;
     border: 1px solid #e0e0e0;
     border-radius: 8px;
     font-size: 16px;
     transition: all 0.3s ease;
     background-color: #f8f9fa;
}
 .contact-forms input:focus, .contact-forms textarea:focus {
     border-color: #3498db;
     box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
     outline: none;
}
 .contact-forms textarea:focus {
     border-color: #3498db;
     box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.1);
     outline: none;
}
 .submit-btn {
     display: inline-block;
     background: #000000;
     color: #fff;
     border: none;
     padding: 15px 30px;
     border-radius: 8px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     width: 100%;
     text-align: center;
     position: relative;
     overflow: hidden;
}
 .submit-btn:hover {
     background: linear-gradient(135deg, #2980b9, #3498db);
     transform: translateY(-3px);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
 .submit-btn span {
     position: relative;
     z-index: 1;
}
/* Decorative Shapes */
 .contact-shape {
     position: absolute;
     border-radius: 50%;
     opacity: 0.1;
}
 .shape-1 {
     width: 200px;
     height: 200px;
     background-color: #fff;
     top: -50px;
     right: -50px;
}
 .shape-2 {
     width: 150px;
     height: 150px;
     background-color: #fff;
     bottom: -30px;
     left: -30px;
}
 .form-shape {
     position: absolute;
     border-radius: 50%;
     opacity: 0.05;
}
 .shape-3 {
     width: 200px;
     height: 200px;
     background-color: #3498db;
     top: -50px;
     left: -50px;
}
 .shape-4 {
     width: 150px;
     height: 150px;
     background-color: #3498db;
     bottom: -30px;
     right: -30px;
}
/* Responsive Styles */
 @media (max-width: 991px) {
     .contact-wrappers {
         flex-direction: column;
    }
     .contact-info, .contact-form-wrapper {
         width: 100%;
    }
     .section-header h2 {
         font-size: 30px;
    }
}
 @media (max-width: 767px) {
     .contact-section {
         padding: 70px 0;
    }
     .contact-infos, .contact-form-wrapper {
         padding: 30px 25px;
    }
     .section-headers h2 {
         font-size: 26px;
    }
     .form-header h3 {
         font-size: 24px;
    }
}
 @media (max-width: 480px) {
     .section-headers h2 {
         font-size: 24px;
    }
     .icon-box {
         width: 40px;
         height: 40px;
    }
     .icon-box i {
         font-size: 16px;
    }
     .info-content h4 {
         font-size: 16px;
    }
}
 .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     width: 700px;
     background-color: white;
     border: 1px solid #ccc;
     border-top: 2px solid #c00;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     display: none;
     z-index: 100;
}
 nav:hover .dropdown-menu {
     display: flex;
}
 .menu-section {
     padding: 20px;
}
 .brands {
     width: 40%;
     border-right: 1px solid #eee;
}
 .segments {
     width: 60%;
}
 .section-title {
     color: #c00;
     font-weight: bold;
     margin-bottom: 20px;
     font-size: 18px;
}
 .brand-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
}
 .brand-item {
     display: flex;
     align-items: center;
     height: 50px;
}
 .segment-list {
     list-style: none;
}
 .segment-item {
     padding: 8px 0;
     font-size: 14px;
     cursor: pointer;
}
 .segment-item:hover {
     color: #c00;
}
 .bottom-border {
     height: 5px;
     background-color: #c00;
     position: absolute;
     bottom: -5px;
     left: 0;
     width: 100%;
}
 .main-menu .menu-item-has-children {
     position: relative;
}
 .main-menu .menu-item-has-children .dropdown-menu {
     position: absolute;
     top: 100%;
     left: 0;
     width: 700px;
     background-color: white;
     border: 1px solid #ccc;
     border-top: 2px solid #c00;
     box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     display: none;
     z-index: 100;
     display: flex;
     flex-wrap: wrap;
     padding: 0;
     margin: 0;
}
 .main-menu .menu-item-has-children:hover .dropdown-menu {
     display: flex;
}
 .menu-section {
     padding: 20px;
}
 .brands {
     width: 40%;
     border-right: 1px solid #eee;
}
 .segments {
     width: 60%;
}
 .section-title {
     color: #c00;
     font-weight: bold;
     margin-bottom: 20px;
     font-size: 18px;
}
 .consultation-form select, .consultation-form .form-control, .consultation-form .form-select, .consultation-form textarea, .consultation-form input {
     background-color: #000000;
     border: 1px solid #fff;
     border-radius: 30px;
     color: white;
}
 .th-widget-about .footer-info-title {
     font-size: 18px;
     font-family: var(--title-font);
     font-weight: 600;
     text-transform: capitalize;
     color: #fff;
     margin-bottom: 5px;
     margin-top: -0.2em;
}
 .counter-card .box-number {
     font-size: 54px;
     color: #212728;
     font-weight: 700;
     margin-bottom: 5px;
     margin-top: -0.2em;
}
 .th-widget-about .footer-info i {
     display: inline-block;
     width: 26px;
     height: 26px;
     line-height: 26px;
     border-radius: 5px;
     text-align: center;
     background-color: #5bb443;
     color: var(--white-color);
     position: absolute;
     left: 0;
     font-size: 10px;
}
 .copyright-wrap {
     padding: 15px 0;
     background-color: #f8f8f8;
     font-size: 17px;
}
 .copyright-wrap .container {
     display: flex;
     justify-content: space-between;
     align-items: center;
     flex-wrap: wrap;
}
 .copyright-text, .dev-text {
     margin: 0;
     color: #fff;
}
 .dev-text a {
     color: #007bff;
     text-decoration: none;
}
 .dev-text a:hover {
     text-decoration: underline;
}
/**********************************/
 .container-do {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
}
 .square-section {
     padding: 1rem 0;
     background-color: #f9f9f9;
}
 .section-header {
     text-align: center;
     margin-bottom: 3rem;
}
 .section-title {
     color: #0e7c3f;
     font-weight: 700;
     font-size: 2.2rem;
     margin-bottom: 1rem;
     position: relative;
     display: inline-block;
}
 .section-title::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 3px;
     background-color: #0e7c3f;
}
 .section-intro {
     max-width: 700px;
     margin: 0 auto 2rem;
     font-size: 1.1rem;
}
 .read-more {
     color: #333;
     text-decoration: underline;
     font-weight: 500;
     transition: color 0.3s;
}
 .read-more:hover {
     color: #0e7c3f;
}
 .content-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 3rem;
     align-items: start;
}
 .content-left {
     text-align: left;
}
 .decorated-subtext {
     color: #e63946;
     font-weight: 600;
     font-size: 1.1rem;
     margin-bottom: 1rem;
     display: flex;
     align-items: center;
}
 .decorated-subtext::before {
     content: '';
     width: 40px;
     height: 2px;
     background-color: #e63946;
     margin-right: 10px;
}
 .content-title {
     font-size: 2rem;
     margin-bottom: 1.5rem;
     color: #222;
}
 .content-text {
     text-align: justify;
     line-height: 1.8;
}
 .services-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 1rem;
}
 .service-card {
     aspect-ratio: 1/1;
     background-color: white;
     border-radius: 8px;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     padding: 1.5rem;
     text-align: center;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     position: relative;
     overflow: hidden;
     cursor: pointer;
}
 .service-card img {
     width: 50px;
     height: 50px;
     object-fit: contain;
     margin-bottom: 1rem;
     transition: all 0.4s ease;
     filter: brightness(0);
}
 .service-card h5 {
     font-size: 0.9rem;
     font-weight: 600;
     color: #333;
     transition: all 0.4s ease;
}
 .service-card:nth-child(odd):hover {
     background-color: #a81d20;
     transform: translateY(-10px) scale(1.05) rotate(1deg);
     box-shadow: 0 15px 30px rgba(230, 57, 70, 0.3);
}
 .service-card:nth-child(even):hover {
     background-color: #57B33E;
     transform: translateY(-10px) scale(1.05) rotate(-1deg);
     box-shadow: 0 15px 30px rgba(14, 124, 63, 0.3);
}
 .service-card:hover img {
     filter: brightness(0) invert(1);
     transform: scale(1.2) rotate(5deg);
}
 .service-card:hover h5 {
     color: white;
     transform: scale(1.1);
}
 .service-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 70%);
     opacity: 0;
     transform: scale(2);
     transition: opacity 0.5s, transform 0.5s;
}
 .service-card:hover::before {
     opacity: 0.3;
     transform: scale(1);
}
 @keyframes fadeInUp {
     from {
         opacity: 0;
         transform: translateY(20px);
    }
     to {
         opacity: 1;
         transform: translateY(0);
    }
}
 .service-card {
     animation: fadeInUp 0.6s ease forwards;
     opacity: 0;
}
 .service-card:nth-child(1) {
     animation-delay: 0.1s;
}
 .service-card:nth-child(2) {
     animation-delay: 0.2s;
}
 .service-card:nth-child(3) {
     animation-delay: 0.3s;
}
 .service-card:nth-child(4) {
     animation-delay: 0.4s;
}
 .service-card:nth-child(5) {
     animation-delay: 0.5s;
}
 .service-card:nth-child(6) {
     animation-delay: 0.6s;
}
 .service-card:nth-child(7) {
     animation-delay: 0.7s;
}
 .service-card:nth-child(8) {
     animation-delay: 0.8s;
}
 .service-card:nth-child(9) {
     animation-delay: 0.9s;
}
 @media (max-width: 992px) {
     .content-grid {
         grid-template-columns: 1fr;
         gap: 2rem;
    }
     .content-left {
         order: 1;
    }
     .services-grid {
         order: 2;
    }
}
 @media (max-width: 768px) {
     .section-title {
         font-size: 1.8rem;
    }
     .content-title {
         font-size: 1.6rem;
    }
     .services-grid {
         grid-template-columns: repeat(3, 1fr);
         gap: 0.8rem;
    }
     .service-card {
         padding: 1rem;
    }
     .service-card img {
         width: 40px;
         height: 40px;
    }
     .service-card h5 {
         font-size: 0.8rem;
    }
}
 @media (max-width: 576px) {
     .services-grid {
         display: none;
    }
     .section-title {
         font-size: 1.5rem;
    }
}
/*********MAP********/
 .map-container {
     position: relative;
     width: 100%;
     max-width: 800px;
     margin: 0 auto;
     overflow: hidden;
}
 .india-map {
     width: 100%;
     display: block;
}
 .location-marker {
     position: absolute;
     cursor: pointer;
     z-index: 10;
     transform: translate(-50%, -100%);
}
 .pin-icon {
     width: 30px;
     height: 30px;
     position: relative;
     z-index: 1;
     transition: opacity 0.3s ease;
}
 .pin-icon:before {
     content: '';
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 20px;
     height: 20px;
     background-color: #b40000;
     border-radius: 50% 50% 50% 0;
     transform-origin: bottom left;
     transform: translateX(-50%) rotate(-45deg);
     box-shadow: 0 0 0 6px rgba(255, 87, 34, 0.3);
     animation: blink 1.5s infinite;
}
 .pin-icon:after {
     content: '';
     position: absolute;
     top: 8px;
     left: 50%;
     transform: translateX(-50%);
     width: 8px;
     height: 8px;
     border-radius: 50%;
}
 .bangalore .pin-icon:before {
     animation-delay: 0s;
}
 .hyderabad .pin-icon:before {
     animation-delay: 0.3s;
}
 .delhi .pin-icon:before {
     animation-delay: 0.6s;
}
 .mumbai .pin-icon:before {
     animation-delay: 0.9s;
}
 @keyframes blink {
     0%, 100% {
         box-shadow: 0 0 0 6px rgba(255, 87, 34, 0.3);
         transform: translateX(-50%) rotate(-45deg) scale(1);
    }
     50% {
         box-shadow: 0 0 0 10px rgba(255, 87, 34, 0.1);
         transform: translateX(-50%) rotate(-45deg) scale(1.2);
    }
}
 .location-info {
     position: absolute;
     background-color: rgba(255, 255, 255, 0.95);
     border: 2px solid #b40000;
     border-radius: 6px;
     padding: 15px;
     width: 250px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
     opacity: 0;
     visibility: hidden;
     transition: opacity 0.3s, visibility 0.3s;
     z-index: 2;
}
 .location-marker:hover .location-info {
     opacity: 1;
     visibility: visible;
     z-index: 0;
}
 .location-title {
     font-weight: bold;
     font-size: 18px;
     margin-bottom: 8px;
     color: #333;
}
 .location-desc {
     font-size: 14px;
     color: #555;
     line-height: 1.4;
}
 .location-phone {
     margin-top: 8px;
     font-weight: bold;
     color: #b40000;
}
 .bangalore {
     top: 149%;
     left: 68%;
}
 .hyderabad {
     top: 140%;
     left: 72%;
}
 .delhi {
     top: 116%;
     left: 69%;
}
 .mumbai {
     top: 136%;
     left: 67%;
}
 .bangalore .location-info {
     bottom: 40px;
     left: -125px;
}
 .hyderabad .location-info {
     bottom: 40px;
     left: -125px;
}
 .delhi .location-info {
     bottom: 40px;
     left: -125px;
}
 .mumbai .location-info {
     bottom: 40px;
     right: -125px;
}
 @media (max-width: 1913px) {
     .bangalore {
         top: 145%;
         left: 68%;
    }
     .hyderabad {
         top: 139%;
         left: 71%;
    }
     .delhi {
         top: 114%;
         left: 69%;
    }
     .mumbai {
         top: 135%;
         left: 68%;
    }
}
 @media (max-width: 1440px) {
     .bangalore {
         top: 157%;
         left: 72%;
    }
     .hyderabad {
         top: 149%;
         left: 76%;
    }
     .delhi {
         top: 125%;
         left: 73%;
    }
     .mumbai {
         top: 146%;
         left: 72%;
    }
}
 @media (max-width: 1024px) {
     .bangalore {
         top: 164%;
         left: 33%;
    }
     .hyderabad {
         top: 157%;
         left: 43%;
    }
     .delhi {
         top: 133%;
         left: 35%;
    }
     .mumbai {
         top: 153%;
         left: 35%;
    }
}
 @media (max-width: 820px) {
     .bangalore {
         top: 172%;
         left: 34%;
    }
     .hyderabad {
         top: 167%;
         left: 44%;
    }
     .delhi {
         top: 145%;
         left: 36%;
    }
     .mumbai {
         top: 163%;
         left: 34%;
    }
}
 @media (max-width: 768px) {
     .bangalore {
         top: 198%;
         left: 34%;
    }
     .hyderabad {
         top: 192%;
         left: 44%;
    }
     .delhi {
         top: 167%;
         left: 36%;
    }
     .mumbai {
         top: 188%;
         left: 34%;
    }
}
 @media (max-width: 425px) {
     .bangalore {
         top: 198%;
         left: 34%;
    }
     .hyderabad {
         top: 192%;
         left: 44%;
    }
     .delhi {
         top: 167%;
         left: 36%;
    }
     .mumbai {
         top: 188%;
         left: 34%;
    }
}
 @media (max-width: 414px) {
     .bangalore {
         top: 242%;
         left: 34%;
    }
     .hyderabad {
         top: 237%;
         left: 44%;
    }
     .delhi {
         top: 221%;
         left: 36%;
    }
     .mumbai {
         top: 234%;
         left: 34%;
    }
}
 @media (max-width: 390px) {
     .bangalore {
         top: 253%;
         left: 34%;
    }
     .hyderabad {
         top: 249%;
         left: 44%;
    }
     .delhi {
         top: 234%;
         left: 36%;
    }
     .mumbai {
         top: 247%;
         left: 34%;
    }
}
/* Screen ≤ 375px */
 @media (max-width: 375px) {
     .bangalore {
         top: 321%;
         left: 34%;
    }
     .hyderabad {
         top: 317%;
         left: 44%;
    }
     .delhi {
         top: 298%;
         left: 36%;
    }
     .mumbai {
         top: 314%;
         left: 34%;
    }
     .delhi .location-info {
         bottom: 40px;
         left: -107px;
    }
     .bangalore .location-info {
         bottom: 40px;
         left: -94px;
    }
}
 @media (max-width: 360px) {
     .bangalore {
         top: 288%;
         left: 34%;
    }
     .hyderabad {
         top: 283%;
         left: 44%;
    }
     .delhi {
         top: 266%;
         left: 36%;
    }
     .mumbai {
         top: 280%;
         left: 34%;
    }
}
 @media (max-width: 320px) {
     .bangalore {
         top: 257%;
         left: 34%;
    }
     .hyderabad {
         top: 253%;
         left: 44%;
    }
     .delhi {
         top: 240%;
         left: 36%;
    }
     .mumbai {
         top: 252%;
         left: 34%;
    }
}
 @media (max-width: 768px) {
     .pin-icon:before {
         width: 15px;
         height: 15px;
    }
}
 @media (max-width: 768px) {
     .location-info {
         width: 220px;
         padding: 12px;
         font-size: 15px;
    }
}
/* Screen ≤ 540px */
 @media (max-width: 540px) {
     .location-info {
         width: 200px;
         padding: 10px;
         font-size: 14px;
    }
}
/* Screen ≤ 375px */
 @media (max-width: 375px) {
     .location-info {
         width: 180px;
         padding: 8px;
         font-size: 13px;
    }
}
 .brd {
     font-size: 25px;
     color: #7A7A7A;
     line-height: 3.278;
}
 .testi-card .box-title2 {
     max-width: 270px;
     font-size: 20px;
     line-height: 30px;
     font-weight: 600;
     margin-bottom: 10px;
     color: black;
}
 .title-area .sec-title {
     margin-bottom: 15px;
     color: black;
}
 .text-center {
     text-align: center !important;
     color: black !important;
}
 @media (width: 360px) {
     .bangalore {
         top: 263%;
         left: 34%;
    }
     .hyderabad {
         top: 258%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 244%;
         left: 36%;
    }
}
 @media (width: 370px) {
     .bangalore {
         top: 263%;
         left: 34%;
    }
     .hyderabad {
         top: 260%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 244%;
         left: 36%;
    }
}
 @media (width: 371px) {
     .bangalore {
         top: 263%;
         left: 34%;
    }
     .hyderabad {
         top: 260%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 244%;
         left: 36%;
    }
}
 @media (width: 372px) {
     .bangalore {
         top: 263%;
         left: 34%;
    }
     .hyderabad {
         top: 260%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 244%;
         left: 36%;
    }
}
 @media (width: 376px) {
     .bangalore {
         top: 263%;
         left: 34%;
    }
     .hyderabad {
         top: 260%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 244%;
         left: 36%;
    }
}
 @media (width: 379px) {
     .bangalore {
         top: 263%;
         left: 34%;
    }
     .hyderabad {
         top: 260%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 244%;
         left: 36%;
    }
}
 @media (width: 393px) {
     .bangalore {
         top: 265%;
         left: 34%;
    }
     .hyderabad {
         top: 261%;
         left: 44%;
    }
     .mumbai {
         top: 257%;
         left: 34%;
    }
     .delhi {
         top: 245%;
         left: 36%;
    }
}
 @media (width: 427px) {
     .bangalore {
         top: 270%;
         left: 34%;
    }
     .hyderabad {
         top: 264%;
         left: 44%;
    }
     .mumbai {
         top: 260%;
         left: 34%;
    }
     .delhi {
         top: 245%;
         left: 36%;
    }
}
 @media (width: 428px) {
     .bangalore {
         top: 270%;
         left: 34%;
    }
     .hyderabad {
         top: 264%;
         left: 44%;
    }
     .mumbai {
         top: 260%;
         left: 34%;
    }
     .delhi {
         top: 245%;
         left: 36%;
    }
}
 @media (width: 430px) {
     .bangalore {
         top: 270%;
         left: 34%;
    }
     .hyderabad {
         top: 264%;
         left: 44%;
    }
     .mumbai {
         top: 260%;
         left: 34%;
    }
     .delhi {
         top: 245%;
         left: 36%;
    }
}
 @media (width: 468px) {
     .bangalore {
         top: 274%;
         left: 34%;
    }
     .hyderabad {
         top: 268%;
         left: 44%;
    }
     .mumbai {
         top: 265%;
         left: 34%;
    }
     .delhi {
         top: 248%;
         left: 36%;
    }
}
 @media (width: 480px) {
     .bangalore {
         top: 274%;
         left: 34%;
    }
     .hyderabad {
         top: 268%;
         left: 44%;
    }
     .mumbai {
         top: 265%;
         left: 34%;
    }
     .delhi {
         top: 248%;
         left: 36%;
    }
}
 @media (width: 526px) {
     .bangalore {
         top: 276%;
         left: 34%;
    }
     .hyderabad {
         top: 271%;
         left: 44%;
    }
     .mumbai {
         top: 268%;
         left: 34%;
    }
     .delhi {
         top: 248%;
         left: 36%;
    }
}
 @media (width: 532px) {
     .bangalore {
         top: 276%;
         left: 34%;
    }
     .hyderabad {
         top: 271%;
         left: 44%;
    }
     .mumbai {
         top: 268%;
         left: 34%;
    }
     .delhi {
         top: 248%;
         left: 36%;
    }
}
 @media (width: 573px) {
     .bangalore {
         top: 282%;
         left: 34%;
    }
     .hyderabad {
         top: 275%;
         left: 44%;
    }
     .mumbai {
         top: 271%;
         left: 34%;
    }
     .delhi {
         top: 251%;
         left: 36%;
    }
}
 @media (width: 575px) {
     .bangalore {
         top: 282%;
         left: 34%;
    }
     .hyderabad {
         top: 275%;
         left: 44%;
    }
     .mumbai {
         top: 271%;
         left: 34%;
    }
     .delhi {
         top: 251%;
         left: 36%;
    }
}
 @media (width: 581px) {
     .bangalore {
         top: 281%;
         left: 34%;
    }
     .hyderabad {
         top: 274%;
         left: 44%;
    }
     .mumbai {
         top: 270%;
         left: 34%;
    }
     .delhi {
         top: 251%;
         left: 36%;
    }
}
 @media (width: 608px) {
     .bangalore {
         top: 281%;
         left: 34%;
    }
     .hyderabad {
         top: 274%;
         left: 44%;
    }
     .mumbai {
         top: 270%;
         left: 34%;
    }
     .delhi {
         top: 251%;
         left: 36%;
    }
}
 @media (width: 1120px) {
     .bangalore {
         top: 254%;
         left: 34%;
    }
     .delhi {
         top: 200%;
         left: 37%;
    }
     .mumbai {
         top: 236%;
         left: 36%;
    }
     .hyderabad {
         top: 241%;
         left: 43%;
    }
}
 @media (width: 1280px) {
     .bangalore {
         top: 157%;
         left: 70%;
    }
     .delhi {
         top: 129%;
         left: 71%;
    }
     .mumbai {
         top: 146%;
         left: 70%;
    }
     .hyderabad {
         top: 149%;
         left: 74%;
    }
}
 @media (width: 1504px) {
     .bangalore {
         top: 171%;
         left: 72%;
    }
     .delhi {
         top: 134%;
         left: 73%;
    }
     .mumbai {
         top: 158%;
         left: 72%;
    }
     .hyderabad {
         top: 162%;
         left: 76%;
    }
}
 @media (width: 1559px) {
     .bangalore {
         top: 171%;
         left: 72%;
    }
     .delhi {
         top: 134%;
         left: 73%;
    }
     .mumbai {
         top: 158%;
         left: 72%;
    }
     .hyderabad {
         top: 162%;
         left: 76%;
    }
}
 @media (width: 1575px) {
     .bangalore {
         top: 171%;
         left: 72%;
    }
     .delhi {
         top: 134%;
         left: 73%;
    }
     .mumbai {
         top: 158%;
         left: 72%;
    }
     .hyderabad {
         top: 162%;
         left: 76%;
    }
}
 @media (width: 1643px) {
     .bangalore {
         top: 171%;
         left: 70%;
    }
     .delhi {
         top: 135%;
         left: 71%;
    }
     .mumbai {
         top: 158%;
         left: 71%;
    }
     .hyderabad {
         top: 162%;
         left: 74%;
    }
}
 @media (width: 1728px) {
     .bangalore {
         top: 171%;
         left: 70%;
    }
     .delhi {
         top: 135%;
         left: 71%;
    }
     .mumbai {
         top: 158%;
         left: 71%;
    }
     .hyderabad {
         top: 162%;
         left: 74%;
    }
}
/* Container spacing */
 .blog-grid-container {
     display: flex;
     flex-wrap: wrap;
     gap: 24px;
}
/* Blog card box */
 .blog-card {
     background-color: #ffffff;
     border-radius: 10px;
     overflow: hidden;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     height: 100%;
     display: flex;
     flex-direction: column;
}
/* Hover effect */
 .blog-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
/* Content box */
 .blog-card .box-content {
     padding: 20px;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
/* Blog meta (date, etc.) */
 .blog-meta {
     font-size: 14px;
     color: #888888;
     margin-bottom: 10px;
}
 .blog-meta i {
     margin-right: 6px;
}
/* Blog title */
 .box-title {
     font-size: 18px;
     font-weight: 600;
     color: #333333;
     margin: 0;
     transition: color 0.3s ease;
}
 .box-title a {
     color: inherit;
     text-decoration: none;
}
 .box-title a:hover {
     color: #007bff;
}
 
.pb-60 {
    padding-bottom: 33px;
}

.pt-60 {
    padding-top: 41px;
}