*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}


:root{
    --primary-color: #2e2f30;
    --secondray-color: #3478BC;
    --dark:#000;
    --light:#fff;
  
}

 .navbar-custom {
      background-color: #2f3031;
      font-family: Arial, sans-serif;
    }

    .navbar-top {
      padding: 4px 1rem;
      font-size: 14px;
      color: var(--secondray-color);
      display: flex;
      justify-content: end;
      align-items: center;
    }
    .navbar-top .social-icons a i{
      font-size: 21px;
    }
    .navbar-top .top-bar .call-no{
      font-size: 21px;
    }

    .navbar-top .social-icons a {
      color: white;
      margin-left: 10px;
    }

    .navbar-main {
      padding: 0.3rem 1rem;
    }

    .navbar-brand img {
       width: 100px;
       height: 90px;
      margin-left: 10px;
    }
    .navbar-brand .shiva-logo {
      border-radius: 55%;
      border: 3px solid var(--secondray-color);
      padding: 5px;
    }

    .navbar-nav .nav-link {
      color: white;
      font-size: 18px;
      font-weight: 500;
      margin: 10px 14px;
    }

    .navbar-nav .nav-link.active,
    .navbar-nav .nav-link:hover {
      color: var(--secondray-color);
    }

    .navbar-nav .nav-item:not(:last-child)::after {
      content: '|';
      color: #666;
      margin-left: 10px;
      font-size: 20px;
    }.navbar-sec li.nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.navbar-nav .nav-item  .dropdown-menu  .dropdown-item:hover{
  background-color: var(--secondray-color);
  color: var(--light);
}

    @media (max-width: 991px) {
      .navbar-top {
        justify-content: center;
        text-align: center;
      }

      .navbar-nav .nav-item:not(:last-child)::after {
        content: '';
      }
    }


/* navbar section end here */




/* about section start here */
.about-section{
  background: url(../image/banner/shiva-banners-background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.about-section p{
    padding: 10px;
    line-height: 1.6;
    font-size: 17px;
    text-align: justify;
}
.about-section .core ul li{
  list-style: none; 
  font-size: 18px;
  line-height: 1.9;
}
.about-section .core { 
}
 
/* about section end here */
 









    



    /* expertise  */
 .crafting-impact {
    padding: 40px 20px; 
    background-color: #fff;
    color: #000;
    margin-bottom: 40px; 
  }

 
  .divider {
    border-top: 2px solid #ffffff;
    margin: 0 auto 30px auto;
    width: 60%;
  }

  .crafting-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
  }

  .flip-card {
    background-color: transparent;
    perspective: 1000px;
    flex: 1 1 calc(25% - 15px);
    min-width: 220px;
    height: 420px;
    position: relative;
  }

  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }

  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }

  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    color: white;
    background-color: var(--primary-color);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 8px;
  }

  .flip-card-front img {
    width: 100%;
    height: 310px;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 6px;
  }

  .flip-card-title {
    font-size: 20px;
    font-weight: 500;
    padding: 15px 2px;
    text-align: center;
    background-color: var(--secondray-color);
    color: var(--light);
    border-radius: 5px;
  }

  .flip-card-back {
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    text-align: center;
    padding: 20px;
  }

  /*  Mobile Styles */
  @media (max-width: 768px) {
    .crafting-items {
      flex-direction: column;
    }

    .flip-card {
      height: auto;
      flex: 1 1 100%;
      margin-bottom: 20px;
    }

    .flip-card-inner {
      height: auto;
    }

    .flip-card-front,
    .flip-card-back {
      position: relative;
      height: auto;
      transform: none !important;
      backface-visibility: visible;
    }

    .flip-card:hover .flip-card-inner {
      transform: none;
    }

    .flip-card-back {
      display: none;
    }

    .flip-card::after {
      content: attr(data-desc);
      display: block;
      background-color: #000;
      color: #fff;
      padding: 15px;
      margin-top: -10px;
      border-radius: 0 0 8px 8px;
      font-size: 16px;
      text-align: center;
    }
  }
  @media (max-width:1026px) {
      .flip-card-title {
    font-size: 15px;
      }
  }
    /* expertise  */













    /* WORKFLOW  */
  .workflow-section {
      padding: 60px 20px;
      background-color: #f7f7f7;
    }
    .workflow-title {
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      margin-bottom: 50px;
      position: relative;
    }
    .workflow-title::after {
      content: '';
      position: absolute;
      left: 50%;
      bottom: -10px;
      transform: translateX(-50%);
      width: 60px;
      height: 4px;
      background-color: var(--secondray-color);
    }
    .workflow-box .icon-box {
      display: flex;
      align-items: flex-start;
      margin-bottom: 30px;
    }
    .workflow-box .icon-box i {
      font-size: 20px;
      background-color: var(--secondray-color);
      color: #fff;
      padding: 15px;
      border-radius: 4px;
      margin-right: 15px;
    }
    .workflow-box h6 {
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 5px;
    }
    .workflow-box p {
      margin-bottom: 0;
      font-size: 14px;
    }
    .circle-diagram {
      position: relative;
      width: 300px;
      height: 300px;
      border: 2px solid #eee;
      border-radius: 50%;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
    }
    .circle-diagram .center-box {
      text-align: center;
    }
    .circle-diagram .center-box h6 {
      font-weight: 700;
      font-size: 16px;
      margin-bottom: 8px;
    }
    .circle-diagram .center-box p {
      font-size: 14px;
      color: #555;
    }
    .circle-icon {
      position: absolute;
      width: 40px;
      height: 40px;
      background-color: var(--secondray-color);
      color: #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
    }
    .circle-icon.lightbulb { top: -20px; left: 50%; transform: translateX(-50%); }
    .circle-icon.people { top: 50%; left: -20px; transform: translateY(-50%); }
    .circle-icon.clock { right: -20px; top: 50%; transform: translateY(-50%); }
    .circle-icon.home { bottom: -20px; left: 50%; transform: translateX(-50%); }
    @media (max-width: 768px) {
      .workflow-layout {
        flex-direction: column;
        align-items: center;
      }
      .workflow-box, .circle-diagram {
        width: 100%;
        margin-bottom: 40px;
      }
    }

    /* WORKFLOW  */
    







    
/* why choose us start here */
.why-choose-us {
  background-color: #e9ecef;
  border-radius: 10px;
}
.why-choose-us h3{
  font-size: 16px;
}

.arrow-icon {
  width: 20px;
  height: 20px;
  background-color: #3478BC;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  margin-top: 8px;
}
/* why choose us end here */
















/* cta-section */
 .cta-section {
    background: linear-gradient(to right, #3478BC, #12395f);
       color: white;
      padding: 30px 20px;
    }
    .cta-section h3{
      font-size: 21px;
    }
  .cta-section  .cta-btn {
      border: 2px solid white;
      color: white;
      font-weight: 600;
      transition: 0.3s;
    }
  .cta-section  .cta-btn:hover {
      background-color: white;
      color: #6b0000;
    }


/* cta-section */

    .line{
      width: 100%;
      height: 1px;
      background-color: gainsboro;
    }
 
 /*production-section  */
.production-section {  
      color: #fff;
    }

  .production-section   .production-image { 
    background: url('../image/card-image/house-production.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  width: 100%;
  height: 640px; /* Required */

    }

   

    .production-content {
      flex: 1;
      padding: 60px 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background: linear-gradient(135deg, #1b1b1b 0%, #222 100%);
    }

   .production-content h2 {
    font-size: 37px;
    font-weight: 600;
    margin-bottom: 20px;
}

    .feature-list {
      list-style: none;
      padding-left: 0;
    }

    .feature-list li {
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      font-size: 1.1rem;
    }

    .feature-list i {
      color: #0d6efd;
      font-size: 1.3rem;
      margin-right: 12px;
    }

    .cta-btn {
      margin-top: 30px;
      width: fit-content;
    }

    @media (max-width: 768px) {
      .production-section {
        flex-direction: column;
      }
      .production-content h2 {
    font-size: 25px; 
}
 .production-section   .production-image { 
 
  background-size: cover; 
  width: 100%;
  height: 400px; /* Required */

    }
    .production-content { 
    padding: 18px 10px;
    }
    }
/* production-section */



















/* our blog section start here */
.blog-card {
  width: 100%;
  border: 1px solid gainsboro;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  font-family: 'Segoe UI', sans-serif;
}

.blog-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}

.blog-image img {
  width: 100%;
  display: block;
}

.blog-content {
  padding: 6px 20px;
}

.blog-title {
  font-size: 19px;
  margin-bottom: 7px;
  color: #2c3e50;
}

.blog-description {
  font-size: 16px;
  color: #333;
  white-space: nowrap;
  width: 100%;
 
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-section .blog-card .blog-content p{
  padding-bottom: 0px !important;
  margin-bottom: 3px !important;
}
.blog-meta {
  font-size: 0.8rem;
  color: #888;
  margin-bottom: 10px;
}

.read-more {
  font-size: 0.9rem;
  color: #1976d2;
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s;
}

.read-more:hover {
  color: #0d47a1;
}
/* our blog section end here */











/* quotes-section start here */

.quotes-section {
  background: linear-gradient(#0000006f, #00000071), url("../image/card-image/contact-back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 30px 10px;

}



.contact-us-section .address-section .address-text {
  display: flex;
  margin-top: 35px;
}

.contact-us-section .address-section .address-text .fa-solid {
  margin-right: 20px;
  font-size: 35px;
  color: #af2020;
}


.contact-us {
  padding: 60px 0;

}

.contact-us-02 {
  border: 6px solid var(--blue);
  padding: 20px 20px;
}

.contact-details-form {
  padding: 20px;
  background-color: #2f25258a;
}

.contact-details-form-box {
  position: relative;
  display: block;
  padding: 25px 60px 0px;
  width: 100%;
  padding-left: 0;
}

.contact-details-form-box .title-box {
  position: relative;
  display: block;
  padding-bottom: 22px;
}

.contact-details-form-box .title-box h2 {
  color: #27282c;
  font-size: 30px;
  line-height: 36px;
  font-weight: 600;
}

.contact-details-form input[type="text"],
.contact-details-form input[type="email"],
.contact-details-form textarea {
  position: relative;
  display: block;
  padding: 0 5px;
  /* border-bottom: 1px solid #cbb6b6; */
  border-bottom: 1px solid #fff;
  background: #3530302f;
  color: #7c7e84;
  font-size: 15px;
  font-weight: 400;
  width: 100%;
  height: 60px;
  /* margin-bottom: 10px; */
  border-radius: 0px;
  transition: all 500ms ease;
}

.contact-details-form textarea {
  padding: 15px 8px;
  height: 80px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.contact-details-form input[type="text"]:focus {
  border-color: var(--primary-color);
}

.contact-details-form input::placeholder {
  color: var(--light) !important;
}

.contact-details-form textarea::placeholder {
  color: var(--light) !important;
}

.contact-details-form .form-floating input::placeholder {

  color: var(--light) !important;
}

.contact-details-form input[type="email"]:focus {
  border-color: var(--primary-color);
}



.contact-details-form textarea:focus {
  border-color: var(--primary-color);
}

.captcha-para {
  background: url(../image/card-image/captcha.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  /* margin-top: 10px;  */

}
.captcha-para p{
  font-size: 25px;

}

@media(max-width:991px) {
  /* .captcha-para {
    margin-top: 14px;
  } */
}

.captcha-para p {
  font-size: 18px;
  margin-bottom: 0px !important;
  letter-spacing: 6px;
  font-weight: 800;
  font-style: italic;
  color: #fff;

}

.refresh-button button {
  padding: 15px 12px;
  background: rgba(0, 0, 0, 0.342);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border: none;
  color: #fff;
  width: 100%;
  height: 100%;
}

.single-box button {
  background-color: var(--primary-color);
  color: var(--light);
  padding: 8px 9px;
  border-radius: 10px;
}

.single-box button:hover {
  background-color: var(--secondary-color);
  color: var(--light);
  padding: 8px 9px;
  border-radius: 10px;
}

.refresh-button:hover {
  background-color: var(--primary-color);
}

.cap-text input::placeholder {
  color: #1f1c1c !important;

}


.card-box-address {
  padding: 20px;
}

.card-box-address h3 {
  margin-bottom: 15px;
  font-size: 25px;
}

.card-box-address a {
  font-size: 16px;
  text-decoration: none;
  color: var(--dark);
}

.card-box-address a i {
  color: var(--primary-color);
}

.quotes-section .card-box-address a i {
  color: var(--light);
  font-size: 20px !important;
  margin-top: 5px;
  padding: 5px;
}

.quotes-section .card-box-address {
  /* background-color: #00000073; */
  background-color: #eedfdf17;
  margin: 10px 2px;
  color: var(--light);
}

.quotes-section .card-box-address a {
  color: var(--light);
}

.quotes-section .heading {
  color: var(--light);
}

@media (max-width:768px) {
  .quotes-section .card-box-address a i {
    color: var(--primary-color);
    font-size: 18x !important;
    margin-top: 5px;
    padding: 5px;
  }

  .quotes-section .card-box-address {
    background-color: #00000073;
    margin: 10px 2px;
    color: var(--light);
  }

  .quotes-section .card-box-address a {
    color: var(--light);
    font-size: 14px !important;
  }
}



.contact-us .contact-form .captcha-para p {
  margin-bottom: 0px;
  font-size: 22px;
  font-weight: 550;
  color: #fff;
  letter-spacing: 10px;
  font-style: italic;
  /* padding-top: 5px; */
}

@media (min-width:991px) {
  .form-control {
    font-size: 12px;
  }

}

@media (max-width:767px) {
  .quotes-section {

    padding: 30px 0px;

  }

  .card-box-address a {
    font-size: 14px !important;

  }
}
 
/* quotes-section end here */






/* gallery section  */
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 15px;
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border: 3px solid #fff;
}

.gallery-item img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.4s ease;
}

.gallery-item:hover img {
  transform: scale(1.1);
}

.gallery-item .overlay {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100px !important;
  background: #000;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: top 0.4s ease;
}

.gallery-item .overlay h3 {
  font-size: 20px;
  margin-bottom: 8px;
}
.gallery-item .overlay h2 {
  font-size: 20px;
  margin-bottom: 8px;
}

.gallery-item  .overlay p {
  font-size: 14px;
  line-height: 1.5;
}

.gallery-item:hover .overlay {
  top: 50px;
}
/* gallery section  */



 /* sub-page-banner-start */
.sub-page{
     
  background: url(../image/banner/sub-banner-shiva.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.sub-page-heading{
padding: 150px 20px;
text-align: start;
}
.sub-page-heading p{
font-size: 34px;
margin-bottom: 0px;
color: #000;
}
.sub-page-heading span a{
text-decoration: none;
color: #000;

}
.sub-page-heading span{
color: #000;
}
@media(max-width:768px){
.sub-page-heading{
padding: 80px 20px;
text-align: start;
} 
}
/* subpage-banner-end */











/* enquiry section start here */
/* contact us form start here */
.contact-box {
      background-color: #f8fbff;
      border-radius: 6px;
      padding: 20px;
    }

    .contact-box h2 {
      background-color: var(--primary-color);
      color: #fff;
      text-align: center;
      padding: 12px;
      border-radius: 5px 5px 0 0;
      font-weight: 600;
      margin-bottom: 5px;
    }
    .contact-item  a{
      text-decoration: none;
      color: var(--dark);
    }
 

    .contact-item {
      padding: 20px 10px;
      border: 1px solid #e5e5e5;
      text-align: center;
      border-radius: 5px;
      background: #fff;
      height: 100%;
      min-height: 150px;
  
    }

    .contact-item i {
      font-size: 24px;
      color: var(--primary-color);
      margin-bottom: 10px;
    }

    .contact-item h3 {
      font-weight: 600;
      margin-bottom: 6px;
      color: var(--dark);
    }

    .contact-item p {
      margin: 0;
      font-size: 14px;
      color: #333;
    }
    /* Contact Form Styling */
.contact-us-page {
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}
 

.contact-us-page h2 {
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--primary-color);
  margin-bottom: 1.5rem;
}

.captcha-codes-sec p{
background-image: url('../image/card-image/capt-img.jpeg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 5px;
}


.input-start input,
.input-start textarea {
  width: 100%;
  margin: 8px 2px;
  padding: 8px 15px;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #ced4da;
  outline: none;
  transition: all 0.3s ease-in-out;
}

.input-start input:focus,
.input-start textarea:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 5px rgba(13, 110, 253, 0.2);
}

 

/* Captcha Area */
.captchasep1 {
  display: flex;
  align-items: center;
   gap: 10px;
  margin-top: 10px;
  /* flex-wrap: wrap;   */
}
.captchasep1 .inp-control{
  padding: 5px 1px;
} 
.captcha-codes-sec {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f1f1f1;
  padding: 10px;
  width: 100%;
  max-width: 220px;
  border-radius: 5px;
}

.captcha-codes-sec p {
  background: linear-gradient(#00000048, #00000060),url(../image/card-image/captcha.jpg);
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.captcha-codes-sec button {
  background-color: var(--primary-color);
  border: none;
  color: #fff;
  padding: 8px 10px;
  font-size: 14px;
  cursor: pointer;
  border-radius: 5px;
  transition: background 0.3s ease;
}

.captcha-codes-sec button:hover {
  background-color: var(--primary-color);
}

/* Button Styling */
button.btn-primary {
  background-color: var(--primary-color);
  border: none;
}

button .btn-primary:hover {
  background-color: var(--secondray-color);
  color: var(--dark);
}
 

  .enquiry-section h2{
    font-size: 30px;
  }
  .enquiry-section h3{
    font-size: 28px;
  }

    .enquiry-section p{
    font-size: 18px;
  }
    .enquiry-section ul li a{
      text-decoration: none;
      color: var(--primary-color);
      font-weight: 600;
  }
    .enquiry-section ul li a:hover{ 
      color: var(--secondray-color);
  }




/* Responsive Adjustments */
@media (max-width: 576px) {
  .captchasep1 {
    flex-direction: column;
    align-items: stretch;
  }

  .captcha-codes-sec {
    width: 100%;
  }
}

/* contact us form end here */
@media (max-width:700px) {
  .enquiry-section h1{
    font-size: 20px;
  }
  
  .enquiry-section h2{
    font-size: 18px;
  }
  .enquiry-section p{
    font-size: 14px;
  }
     .workflow-title {
      text-align: center;
      font-size: 28px;
      font-weight: 700;
      /* margin-bottom: 50px; */
      position: relative;
    }

    .navbar-top .top-bar .call-no {
    font-size: 14px;
}
.navbar-top .social-icons a {
    color: white;
    margin-left: 3px;
} 
.navbar-top .social-icons a i {
    font-size: 14px;
    
}
  .cta-section h3 {
    font-size: 18px;
}

.cta-section{
  padding: 10px;
  margin: 0px;
}



}


@media (min-width:768px) and (max-width:1024px) {
  .captchasep1 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  flex-wrap: wrap;  
}
}

/* enquiry section end here */











/* submit form section start here */
.submit-form {
  padding: 50px 0;
}
.submit-form .submit-head {
  text-align: center;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 50px 10px;
}
.submit-form .submit-head i {
  color: #87BD48;
  font-size: 100px;
  border: 10px solid #87BD48;
  border-radius: 50%;
  padding: 15px 22px;
}
.submit-form .submit-head h2 {
  color: #155391;
  margin: 13px 0 0;
}
.submit-form .submit-head p {
  margin-bottom: 28px;
}
.submit-form .submit-head a {
  background: #15537E;
  color: #fff;
  padding: 10px 20px;
}


/* submit form section end here */






/* ---------------------------------- blog-Detail css start -------------------------------- */

.blogs-detail {
  padding-top: 20px;
}
  .blogs-detail h1{
    font-size: 26px;
  }

  .blogs-detail h2 {
    font-size: 23px !important;
}

.blogs-detail h3 {
    font-size: 19px !important;
}

#recent-blog a {
  margin: 10px 0px;
  display: inline-block;
  color: var(--secondray-color);
  font-size: 16px;
  text-decoration: none
}

#recent-blog img {
  width: 200px;
}


/* Tablet Landscape */
@media screen and (max-width:1200px) {

  #recent-blog a {
    margin: 8px 0px;
    font-size: 14px;
  }

  #recent-blog img {
    width: 120px;
  }

}

/* Tablet Portrait */
@media screen and (max-width:992px) {

  #recent-blog img {
    width: 200px;
  }
}

/* Phone LandScape */
@media screen and (max-width:767px) {
  .blogs-detail {
    padding-top: 10px;
  }

  #blog-banner {
    padding: 40px 0px 60px;
  }

  #recent-blog {
    margin-top: 20px;
  }
}

@media screen and (max-width:576px) {}

/* Phone Potrait */
@media screen and (max-width:460px) {

 
  #recent-blog img {
    width: 100%;
  }

  

  #recent-blog hr {
    margin-top: 0px;
  }
}

/* end of blog page css */
/* ---------------------------------- end blog-Detail css start -------------------------------- */















/* service card section  */

 .service-card {
      position: relative;
      overflow: hidden;
    }

    .service-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: 0.5s;
    }

    .service-card:hover img {
      transform: scale(1.05);
    }

    .overlay {
      position: absolute;
      bottom: 0;
      background: rgba(0, 0, 0, 0.7);
      width: 100%;
      color: #fff;
      padding: 20px;
      height: 80px;
    }
     .service-card:hover .overlay{
      transition: all ease-in-out 0.6s;
      height: 60%;
     }
     .service-card hr{ 
      background-color: var(--light) !important;
     }

    .service-card .overlay h3 {
      font-weight: 600;
      font-size: 18px;
    }
   .service-card  .overlay a {
      background-color: var(--secondray-color);
      color: var(--light);
      padding: 3px 8px;
      text-decoration: none; 
      border-radius: 5px;
      font-size: 15px;
    }

    .service-card .overlay p {
      font-size: 14px;
      margin: 0;
      margin-bottom: 5px;
    }


/* service card end here */





/* footer section start here */
 footer {
      background-color: #000;
      color: #fff;
    }
    .footer-top {
      padding: 50px 20px;
    }
   
    .footer-logo  { 
      display: flex;
      justify-content: start ;
      align-items: start ;
    }
    .footer-logo img {
       width: 100px;
       height: 90px;
      margin-left: 10px;
    }
    .footer-logo .shiva-logo {
      border-radius: 55%;
      border: 3px solid var(--secondray-color);
      padding: 5px;
    }

    .footer-top h3 {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 20px;
    }
    .footer-top p, .footer-top li, .footer-top a {
      font-size: 16px;
      line-height: 29px;
      color: #ccc;
      text-decoration: none;
    }
    .footer-top a:hover {
      color: #fff;
    }
    .footer-top ul {
      list-style: none;
      padding: 0;
    }
    .footer-top ul li::before {
      content: "\00BB";  
      margin-right: 6px;
      color: var(--secondray-color);
    }
    .footer-title span {
      color: var(--secondray-color);
      font-weight: bold;
    }
    .footer-copy {
      background-color: #111;
      padding: 10px 20px;
      text-align: center;
      font-size: 13px;
      color: #ccc;
    }
    .footer-copy a {
      color: #fff;
      font-weight: bold;
      text-decoration: none;
    }
    .get-quote-btn {
      position: fixed;
      top: 50%;
      right: 0;
      transform: translateY(-50%);
      background-color: red;
      color: #fff;
      writing-mode: vertical-rl;
      text-orientation: mixed;
      padding: 10px;
      font-weight: bold;
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
      z-index: 1000;
    }
    @media (max-width: 767px) {
      .footer-logo, .footer-copy {
        text-align: center;
      }
       .footer-top p, .footer-top li, .footer-top a {
      font-size: 14px; 
    }
    }


/* footer section end here */