* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Segoe UI", sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
}
        /*=========================
            Navbar
        ==========================*/
#navbar {
  padding: 20px 0;
  transition: .4s;
  background: transparent;
  z-index: 9999;
}

#navbar.sticky {
  background: #fff;
  padding: 12px 0;
  box-shadow: 0 8px 25px rgba(0, 0, 0, .08);
  animation: slideDown .4s;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

.logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.logo-text {
  color: #fff;
  font-size: 42px;
  font-weight: 800;
  transition: .3s;
}

.logo-text span {
  font-size: 20px;
  font-weight: 400;
}

.logo-img {
  display: none;
  height: 45px;
  transition: .3s;
}

.logo span {
  font-size: 32px;
  font-weight: 400;
}

.nav-link {
  color: #fff !important;
  transition: .3s;
  margin-right: 20px;
}

.nav-link:hover {
  color: #00d7da !important;
}

.contact-btn {
  border: 1px solid rgba(255, 255, 255, .5);
  color: #fff;
  padding: 10px 35px;
  border-radius: 8px;
  transition: .3s;
}

.contact-btn:hover {
  background: #dc3545;
  color: #fff;
  transform: translateY(-3px);
}
        /* Sticky Colors */
#navbar.sticky .logo {
  color: #b91c1c;
}

#navbar.sticky .logo span {
  color: #1b4f5d;
}

#navbar.sticky .logo-text {
  display: none;
}

#navbar.sticky .logo-img {
  display: block;
  animation: fadeIn .4s ease;
}

#navbar.sticky .nav-link {
  color: #222 !important;
}

#navbar.sticky .contact-btn {
  color: #222;
  border: 1px solid #ccc;
}

#navbar.sticky .contact-btn:hover {
  color: white;
  background: #dc3545;
  border-color: #dc3545;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
        /*=========================
            Hero
        ==========================*/
.hero {
  height: 818px;
  background: linear-gradient(180deg, #2d0000, #510000);
  position: relative;
  overflow: hidden;
}

.hero-content {
  padding-top: 120px;
}

.hero h1 {
  color: white;
  font-size: 50px;
  font-weight: 800;
  line-height: 1.2;
}

.hero h1 span {
  color: #00d6d8;
}

.hero p {
  color: #ddd;
  font-size: 18px;
  margin-top: 25px;
}

.about-btn {
  display: inline-block;
  margin-top: 30px;
  background: #dc3545;
  color: white;
  padding: 15px 55px;
  border-radius: 8px;
  text-decoration: none;
  transition: .3s;
}

.about-btn:hover {
  color: white;
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(220, 53, 69, .4);
}

.about-btn-mt {
  display: inline-block;
  margin-top: 70px;
  background: #dc3545;
  color: white;
  padding: 15px 55px;
  border-radius: 8px;
  text-decoration: none;
  transition: .3s;
}

.about-btn-mt:hover {
  color: white;
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(220, 53, 69, .4);
}


        /* Hero Image */
.hero-image {
  margin-top: 0px;
}

.hero-image img {
  width: 100%;
  transition: .4s;
}

.hero-image img:hover {
  transform: scale(1.03);
}

@keyframes floating {
  0%,
            100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-15px);
  }
}
        /* Fade Up */
.fade-up {
  animation: fadeUp 1s ease;
}

@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}
        /* Dummy Section */
.section {
  padding: 500px 0;
}

/* ===========================
   SIDS FOOTER
=========================== */
.sids-footer{
    background:linear-gradient(180deg,#640003,#4b0003);
    padding:76px 15px;
    text-align:center;
}
.sids-footer .sids-footer-logo img{
    max-width:400px;
    width:100%;
    transition:.4s;
}
.sids-footer .sids-footer-logo img:hover{
    transform:scale(1.05);
}
.sids-footer .sids-footer-social{
    margin:20px 0;
}
.sids-footer .sids-footer-social a{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    width:40px;
    height:40px;
    margin:0 6px;
    color:#fff;
    text-decoration:none;
    border-radius:50%;
    transition:.35s ease;
}
.sids-footer .sids-footer-social a:hover{
    background:#fff;
    color:#640003;
    transform:translateY(-5px);
    box-shadow:0 8px 20px rgba(255,255,255,.25);
}
.sids-footer .sids-footer-text{
    color:#ddd;
    font-size:16px;
    margin:0;
    line-height:1.8;
        font-weight: 100;
}
.sids-footer .sids-footer-text:hover{
    color:#fff;
}

.partner-sectionv1{
    padding:100px 0px 50px 0px;
    background:#fff;
}
.partner-sectionv2 {
    padding: 50px 0px 50px 0px;
    background: #fff;
}
.partner-sectionv3 {
    padding: 40px 0px 50px 0px;
    background: #fff;
}
.partner-sectionv4 {
    padding: 40px 0px 100px 0px;
    background: #fff;
}



.partner-section{
    background:#fff;
}

.partner-title{
    font-size:40px;
    color:#1b1015;
    text-align:center;
    margin-bottom:50px;
}

.partner-slider .item{
    display:flex;
    justify-content:center;
    align-items:center;
    height:80px;
}

.partner-slider img{
    max-width:180px;
    max-height:70px;
    width:auto;
    transition:.4s;
}

.partner-slider img:hover{
    transform:scale(1.08);
}

/* Owl Dots */

.owl-theme .owl-dots{
    margin-top:35px;
}

.owl-theme .owl-dots .owl-dot span{
    width:10px;
    height:10px;
    margin:5px;
    background:#d5d5d5;
    transition:.3s;
}

.owl-theme .owl-dots .owl-dot.active span{
    background:#c41d24;
}

.owl-theme .owl-dots .owl-dot:hover span{
    background:#c41d24;
}

         /*=============================
    SIDS CERTIFICATES
==============================*/
         .sids-certificates {
            background: #fafafa;
            padding: 120px 0px 120px 0px;
         }
         .sids-certificates .section-title {
            text-align: center;
            font-size: 40px;
            font-weight: 700;
            margin-bottom: 60px;
            color: #222;
         }
         .sids-certificates .swiper {
            padding: 10px 5px 50px;
         }
         .sids-certificates .certificate-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
            transition: 0.35s;
            cursor: pointer;
         }
         .sids-certificates .certificate-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 18px 35px rgba(0, 0, 0, 0.18);
         }
         .sids-certificates .certificate-card img {
            width: 100%;
            height: 250px;
            object-fit: contain;
            padding: 20px;
            transition: 0.35s;
         }
         .sids-certificates .certificate-card:hover img {
            transform: scale(1.05);
         }
         .sids-certificates .swiper-button-next,
         .sids-certificates .swiper-button-prev {
            color: #650003;
         }
         .sids-certificates .swiper-pagination-bullet-active {
            background: #650003;
         }
         /* Modal */
         .sids-certificates .modal-content {
            background: transparent;
            border: none;
         }
         .sids-certificates .modal-body {
            padding: 0;
            text-align: center;
         }
         .sids-certificates .modal-body img {
            width: 100%;
            max-height: 85vh;
            object-fit: contain;
         }
         .sids-certificates .btn-close {
            filter: invert(1);
            opacity: 1;
         }

/*==============================
    SIDS ABOUT SECTION
==============================*/

.sids-about{
    background:linear-gradient(90deg,#3c0000,#5d0202);
    padding:80px 0;
    overflow:hidden;
}

.sids-about .about-logo{
    width:180px;
    margin-bottom:25px;
    transition:.4s;
}

.sids-about .about-logo:hover{
    transform:scale(1.05);
}

.sids-about .about-title{
    font-size:52px;
    font-weight:700;
    color:#fff;
    margin-bottom:25px;
    line-height:1.2;
}

.sids-about .about-title span{
    color:#20d5d2;
}

.sids-about .about-text{
    color:#f2f2f2;
    font-size:18px;
    line-height:1.9;
    max-width:640px;
}

.sids-about .about-img{
    max-width:100%;
    transition:.5s ease;
}

.sids-about .about-img:hover{
    transform:scale(1.05);
}

@keyframes floatImage{

    0%{
        transform:translateY(0px);
    }

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

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

}

.history-section{
    padding:150px 0px 150px 0px;
}

.title{
    text-align:center;
    font-size:48px;
    font-weight:700;
    color:#222;
    margin-bottom:20px;
}

.description{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
    color:#555;
    line-height:28px;
    font-size:15px;
}

/* Product Card */

.product-card{
    background:#fff;
    border-radius:10px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    padding:25px;
    transition:.4s;
}

.product-card img{
    width:100%;
    height:180px;
    object-fit:contain;
    transition:.4s;
}

.product-name{
    text-align:center;
    margin-top:15px;
    font-size:20px;
    color:#333;
    font-weight:500;
}

/* Hover */

.product-item:hover .product-card{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.15);
}

.product-item:hover img{
    transform:scale(1.06);
}

         .founder-section {
            background: linear-gradient(135deg, #2b0000, #650000);
            min-height: 100vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            position: relative;
            padding: 80px 0;
         }
         /* background glow */
         .founder-section::before {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            background: #00d2c8;
            border-radius: 50%;
            filter: blur(140px);
            opacity: 0.15;
            left: -120px;
            top: -80px;
         }
         .founder-section::after {
            content: "";
            position: absolute;
            width: 300px;
            height: 300px;
            background: #ff4141;
            border-radius: 50%;
            filter: blur(150px);
            opacity: 0.12;
            right: -80px;
            bottom: -80px;
         }
         .founder-section .title {
            color: #fff;
            font-size: 48px;
            font-weight: 700;
            margin-bottom: 35px;
            position: relative;
            display: inline-block;
         }
         .founder-section .title span {
            color: #12d6c9;
         }
         .founder-section .title::after {
            content: "";
            width: 0;
            height: 4px;
            background: #12d6c9;
            position: absolute;
            left: 0;
            bottom: -10px;
            transition: 0.5s;
         }
         .founder-section .title:hover::after {
            width: 100%;
         }
         .founder-section .content p {
            color: #ddd;
            line-height: 1.9;
            font-size: 17px;
            margin-bottom: 25px;
         }
         .founder-section .contact {
            display: flex;
            flex-wrap: wrap;
            gap: 40px;
            margin-top: 40px;
         }
         .founder-section .contact-item {
            display: flex;
            align-items: center;
            color: #fff;
            transition: 0.4s;
            cursor: pointer;
         }
         .founder-section .contact-item i {
            font-size: 28px;
            color: #fff;
            margin-right: 15px;
            transition: 0.4s;
         }
         .founder-section .contact-item:hover {
            transform: translateY(-6px);
         }
         .founder-section .contact-item:hover i {
            color: #12d6c9;
            transform: rotate(10deg) scale(1.2);
         }
         /* Right Side */
         .founder-section .profile-box {
            text-align: center;
            transition: 0.5s;
         }
         .founder-section .profile-box:hover {
            transform: translateY(-10px);
         }
.founder-section .profile-circle {
    width: 336px;
    height: 375px;
    border-radius: 2%;
    background: #0a8c88;
    overflow: hidden;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.35);
    transition: 0.5s;
}
         .founder-section .profile-box:hover .profile-circle {
            transform: scale(1.05);
         }
         .founder-section .profile-circle img {
            width: 100%;
            height: 100%;
            object-fit: cover;
         }
         .founder-section .info-card {
            width: 334px;
            margin: -10px auto 0;
            background: #fff;
            border-radius: 18px;
            padding: 18px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
            transition: 0.4s;
         }
         .founder-section .profile-box:hover .info-card {
            transform: translateY(-8px);
         }
         .founder-section .info-card h4 {
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 5px;
         }
         .founder-section .info-card p {
            color: #666;
            margin: 0;
         }



/*==============================
        SECTION
===============================*/

.why-us{
    padding:90px 0;
    background:#fff;
}

.why-us .feature-box{
    padding:35px 20px;
    text-align:center;
    border-radius:18px;
    transition:.4s;
    position:relative;
    overflow:hidden;
}

.why-us .feature-box::before{
    content:"";
    position:absolute;
    left:50%;
    top:100%;
    width:220px;
    height:220px;
    background:#8b0000;
    border-radius:50%;
    transition:.5s;
    opacity:.08;
}

.why-us .feature-box:hover::before{
    top:-60px;
}

.why-us .feature-box:hover{
    transform:translateY(-12px);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.why-us .icon-box{
    width:90px;
    height:90px;
    margin:auto;
    display:flex;
    justify-content:center;
    align-items:center;
}

.why-us .icon-box img{
    width:70px;
    transition:.4s;
}

.why-us .feature-box:hover .icon-box img{
    transform:scale(1.15) rotate(8deg);
}

.why-us .feature-box h4{
    font-size:22px;
    margin-top:20px;
    color:#222;
    font-weight:600;
    line-height:1.5;
    transition:.3s;
}

.why-us .feature-box:hover h4{
    color:#8b0000;
}



         .contact-section {
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 80px 20px;
            background: linear-gradient(180deg, #2a0000, #6a0000);
            position: relative;
            overflow: hidden;
         }
         /* Background Glow */
         .contact-section::before {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            background: #ff2d55;
            border-radius: 50%;
            filter: blur(180px);
            opacity: 0.12;
            left: -120px;
            top: -120px;
         }
         .contact-section::after {
            content: "";
            position: absolute;
            width: 350px;
            height: 350px;
            background: #000;
            border-radius: 50%;
            filter: blur(180px);
            opacity: 0.15;
            right: -100px;
            bottom: -100px;
         }
         .contact-box {
            width: 100%;
            max-width: 650px;
            position: relative;
            z-index: 1;
         }
         .contact-title {
            color: #fff;
            font-size: 52px;
            font-weight: 700;
            text-align: center;
            margin-bottom: 45px;
            position: relative;
         }
         .contact-title::after {
            content: "";
            width: 70px;
            height: 4px;
            background: #ff2d55;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -12px;
            border-radius: 20px;
         }
         .form-control {
            height: 58px;
            border-radius: 8px;
            border: none;
            padding-left: 25px;
            font-size: 15px;
            letter-spacing: 1px;
            margin-bottom: 18px;
            transition: 0.35s;
            box-shadow: none;
         }
         textarea.form-control {
            height: 150px;
            resize: none;
            padding-top: 18px;
         }
         .form-control:focus {
            box-shadow: 0 0 0 4px rgba(255, 45, 85, 0.25);
            transform: translateY(-3px);
         }
         .btn-submit {
            display: block;
            width: 170px;
            margin: 25px auto 0;
            padding: 14px;
            border: none;
            border-radius: 8px;
            background: #e61d3a;
            color: #fff;
            font-size: 18px;
            font-weight: 600;
            transition: 0.35s;
         }
         .btn-submit:hover {
            background: #ff2d55;
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(255, 45, 85, 0.35);
         }
         .btn-submit:active {
            transform: scale(0.97);
         }
         ::placeholder {
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #777 !important;
         }


/*=========================================
        Contact Heading
=========================================*/

.contact-heading-area{
    margin:70px 0px;
}

.contact-heading-area .contact-subtitle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    background:#fff3ee;
    color:#fc6f01;
    border-radius:30px;
    font-size:14px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.35s ease;
}

.contact-heading-area .contact-subtitle:hover{
    background:#5b5ef8;
    color:#fff;
}

.contact-heading-area .contact-title{
    font-size:46px;
    font-weight:600;
    color:#0b1f55;
    margin:22px 0 18px;
    line-height:1.2;
    position:relative;
}

.contact-heading-area .contact-title::after{
    content:"";
    width:80px;
    height:4px;
    background:linear-gradient(90deg,#5b5ef8,#8b5cf6);
    display:block;
    margin:20px auto 0;
    border-radius:10px;
}

.contact-heading-area .contact-description{
    max-width:720px;
    margin:0 auto;
    color:#6b7280;
    font-size:17px;
    line-height:30px;
}



.contact-page-section{
    padding:20px 0px 80px 0px;
}
/*=========================
Top Contact Cards
==========================*/
.contact-page-section .contact-card{
    text-align:center;
    padding:50px 30px;
    height:100%;
    transition:.35s ease;
}
.contact-page-section .contact-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}
.contact-page-section .card-location{
    background:#720000;
    color: #fff;
}
.contact-page-section .card-phone{
    background:#8f0000;
}
.contact-page-section .card-email{
    background:#b32323;
}
.contact-page-section .contact-card i{
    font-size:38px;
    color:#fff;
    margin-bottom:18px;
    transition:.4s;
}
.contact-page-section .contact-card:hover i{
    color:#ffc107;
    transform:scale(1.15);
}
.contact-page-section .contact-card h3{
    font-size:30px;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
}
.contact-page-section .contact-card p{
    color:#fff;
    line-height:30px;
    margin:0;
}
/*=========================
Form
==========================*/
.contact-page-section label{
    font-weight:600;
    color:#10235d;
    margin-bottom:10px;
}
.contact-page-section .form-control{
    border-radius:0;
    min-height:56px;
    transition:.35s;
    border:1px solid #dd161694;
}
.contact-page-section textarea.form-control{
    min-height:190px;
    resize:none;
}
.contact-page-section .form-control:focus{
    background:#fff;
    border:1px solid #4d5fff;
    box-shadow:none;
    transform:scale(1.01);
}
.contact-page-section .btn-send{
    background:#0f223d;
    color:#fff;
    border:none;
    padding:14px 45px;
    font-weight:600;
    transition:.35s;
}
.contact-page-section .btn-send:hover{
    background:#145302;
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 10px 20px rgba(89,100,255,.35);
}
/*=========================
Map
==========================*/
.contact-page-section .map-wrapper{
    background:#fff;
    padding:12px;
    box-shadow:0 8px 25px rgba(0,0,0,.10);
}
.contact-page-section .map-wrapper iframe{
    width:100%;
    height:450px;
    border:0;
}
/*=========================
Animation
==========================*/
.contact-page-section .fade-up{
    animation:fadeUp .8s ease;
}
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}         




        .main-breadcrumb{
            font-family: Arial, Helvetica, sans-serif;
            color:#fff;
            background: linear-gradient(180deg, #2d0000, #510000);
    position: relative;
    overflow: hidden;
    padding: 130px 0px 100px 0px;
        }

        /* Page Title Section */
        .main-breadcrumb .page-header{
            display:flex;
            align-items:center;
            justify-content:center;
            text-align:center;

            backdrop-filter:blur(8px);
           
        }

        .main-breadcrumb .page-header h2{
            font-size:42px;
            letter-spacing:1px;
            margin-bottom:18px;
            color:#fff;
        }

        /* Breadcrumb */
        .main-breadcrumb .breadcrumb{
            justify-content:center;
            margin:0;
            background:transparent;
        }

        .main-breadcrumb .breadcrumb-item a{
            color:#ffd6d6;
            text-decoration:none;
            font-weight:500;
            transition:.3s;
        }

        .main-breadcrumb .breadcrumb-item a:hover{
            color:#ffffff;
        }

        .main-breadcrumb .breadcrumb-item.active{
            color:#ffc107;
            font-weight:600;
        }

        .main-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
            font-family:"Font Awesome 6 Free";
            font-weight:900;
            content:"\f105";
            color:#ffffff;
            padding:0 10px;
        }

        .main-breadcrumb .breadcrumb i{
            margin-right:6px;
        }

        /* Demo Content */
        .main-breadcrumb .content{
            padding:60px 0;
            color:#fff;
        }

        .main-breadcrumb .content h3{
            margin-bottom:20px;
            font-weight:600;
        }

        .main-breadcrumb .content p{
            color:#ddd;
            line-height:1.8;
        }

.mt_product a{text-decoration: none;}  
.mt_a {text-decoration: none; color: #fff;}
.mt_contact_area {margin: 80px 0px 20px 0px}
.mt_contact_area p{margin-bottom: 0px;}    


/*=============================
    OUR TEAM SECTION
=============================*/
.team-section{
    padding:80px 0;
}
.team-section .team-title{
    text-align:center;
    margin-bottom:50px;
}
.team-section .team-title h2{
    font-size:38px;
    font-weight:700;
    color:#222;
}
.team-section .team-title p{
    color:#777;
    max-width:650px;
    margin:auto;
}
.team-section .team-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    text-align:center;
    transition:.35s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    position:relative;
}
.team-section .team-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.15);
}
.team-section .team-image{
    position:relative;
    overflow:hidden;
}
.team-section .team-image img{
    width:100%;
    height:400px;
    object-fit:cover;
    transition:.5s;
}
.team-section .team-card:hover .team-image img{
    transform:scale(1.08);
}
.team-section .team-info{
    padding:25px 20px;
}
.team-section .team-info h4{
    margin:0;
    font-size:22px;
    font-weight:700;
    color:#222;
}
.team-section .team-info span{
    display:block;
    color:#198754;
    font-size:15px;
    font-weight:600;
    margin:8px 0 18px;
}
.team-section .team-phone{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#555;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}
.team-section .team-phone i{
    color:#198754;
}
.team-section .team-phone:hover{
    color:#198754;
}
.team-section .team-social{
    margin-top:18px;
}
.team-section .team-social a{
    width:38px;
    height:38px;
    line-height:38px;
    display:inline-block;
    border-radius:50%;
    background:#f1f1f1;
    color:#555;
    margin:0 4px;
    transition:.3s;
}
.team-section .team-social a:hover{
    background:#198754;
    color:#fff;
}
@media(max-width:991px){
    .team-section .team-card{
        margin-bottom:25px;
    }
}



         .about_section {
            font-family: Arial, Helvetica, sans-serif;
            background: #f8f9fa;
         }

         .about_section .about_item {
            padding: 80px 0;
         }

         .about_section .about_dark {
            background: #5d0202;
            color: #fff;
         }

         .about_section img {
            width: 100%;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
            transition: 0.4s;
         }

         .about_section img:hover {
            transform: scale(1.03);
         }

         .about_section .about_content {
            padding: 20px 40px;
         }

         .about_section .about_content h2 {
            font-size: 2.3rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: #222;
         }

         .about_section .about_dark .about_content h2 {
            color: #fff;
         }

         .about_section .about_content p {
            font-size: 16px;
            line-height: 1.9;
            color: #666;
            margin-bottom: 15px;
            font-family: Arial, Helvetica, sans-serif;
         }

         .about_section .about_dark .about_content p {
            color: #ddd;
         }

         .about_section .about_icon {
            width: 70px;
            height: 70px;
            background: #5d0202;
            color: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 28px;
            margin-bottom: 20px;
         }

         .about_section .about_dark .about_icon {
            background: #fff;
            color: #5d0202;
         }

         @media (max-width: 991px) {
            .about_section .about_item {
               padding: 60px 0;
            }

            .about_section .about_content {
               padding: 30px 15px;
            }

            .about_section .about_content h2 {
               font-size: 32px;
            }
         }
.mt_solar {width: 100%!important; height: 380px!important;}         


/* service details start */
#service_details {margin: 30px 0px 60px 0px;}
.starter-section {
  padding-top: 60px;
  padding-bottom: 60px;
  /* Add your styles here */
}


.service-sidebar{
    background:#fff;
    border:1px solid #eee;
    padding:25px;
    border-radius:10px;
}

.service-sidebar h4{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}

.service-list-item{
    display:flex;
    align-items:center;
    gap:15px;
    text-decoration:none;
    padding:5px;
    border:1px solid #eee;
    border-radius:8px;
    margin-bottom:15px;
    transition:.3s;
    color:#222;
}

.service-list-item img{
    width:70px;
    height:70px;
    object-fit:cover;
    border-radius:8px;
    flex-shrink:0;
}

.service-list-item span{
    font-size:16px;
    font-weight:600;
    line-height:1.4;
    color: #3d4d63;
}

.service-list-item:hover{
    background:#f8f8f8;
    transform:translateX(5px);
}

.service-list-item.active{
    background:#0d6efd;
    color:#fff;
    border-color:#0d6efd;
}

.service-content img{
    max-width:100%;
    height:auto;
}

.mt-service-content{
    line-height:1.8;
    color:#222222;
    margin-bottom:25px;
}         
.mt_details_image {height: 500px;}


.contact-box .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #ffb900; color: #dc3232;
}

.contact-box .wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; color: #dc3232;
}

/* for whatsapp button */
a{
  text-decoration:none;
}
.floating_btn {
  position: fixed;
  bottom: 0px;
  left: 30px;
  width: 100px;
  height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 40px;
  height: 40px;
  font-size:20px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;

  font-weight: normal;
  font-family: sans-serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}
@media(max-width:576px){

.floating_btn {
    position: fixed;
    bottom: -24px;
    left: -20px;
    width: 100px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

}

/* for whatsapp button end */

/* Chrome, Edge, Safari */
html::-webkit-scrollbar {
    width: 10px;
}

html::-webkit-scrollbar-track {
    background: #f3f3f3;
}

html::-webkit-scrollbar-thumb {
    background: #7c3aed;
    border-radius: 10px;
    border: 2px solid #f3f3f3;
}

html::-webkit-scrollbar-thumb:hover {
    background: #5b21b6;
}

/* Firefox */
html {
    scrollbar-width: thin;
    scrollbar-color: #197b7f #f3f3f3;
}

/*.sales_authorize_brand_slider img{width: 200px!important;}
.sales_authorize_brand_slider .item{text-align: center;}*/

.sales_authorize_brand_slider .item{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    height: 70px;
}

.sales_authorize_brand_slider .item img{
width: 200px!important;
    object-fit:contain;
}

.solar_equipment_brand_slider .item{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    height: 70px;
}

.solar_equipment_brand_slider .item img{
width: 200px!important;
    object-fit:contain;
}

.partner_slider .item{
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
}

.partner_slider .item img{
    object-fit:contain;
}