* {
margin: 0px;
padding: 0px;
}

@font-face {
font-family: Lobster-Regular;
src: url(font/FredokaOne-Regular.ttf);
}
p {
font-size: 16px;
font-weight: 400;
color: #000;
line-height: 30px;
}
.recommendation {
background: rgba(255,255,255,.5);
padding: 90px 60px;
}

.recommendation .slider-first-title {
font-size: 18px;
color: #fff;
background: #17181a;
display: inline;
font-weight: 600;
padding: 6px 10px;
font-family: Roboto,sans-serif;
}
.recommendation .slider-sub-title {
font-size: 65px;
color: #17181a;
font-weight: 700;
font-family: Roboto,sans-serif;
}
.recommendation p {
font-size: 28px;
color: #17181a;
font-weight: 500;
font-family: Roboto,sans-serif;
letter-spacing: 1px;
}
.nav-bar{
float: right;
padding: 22px 0px;
}
.bg-menu .nav-bar ul {
list-style: none;
margin: 0;
padding: 0;
}
.bg-menu .nav-bar ul li {
display: inline-block;
vertical-align: middle;
}
.img-fluid {
max-width: 100%;
height: auto;
}
.carehedg {
font-size: 20px;
font-weight: 600;
color: #000;
}
.nav-bar ul li a {
font-size: 18px;
color: #424242;
font-weight: 500;
}
a.carenumber {
font-size: 20px !important;
color: #0486c2 !important;
text-decoration: underline;
}


.bg-menu {
background: #f7f7f7;
position: sticky; /* Makes it sticky */
top: 0; /* Sticks the menu to the top of the viewport */
z-index: 1000; /* Ensures it stays on top of other elements */
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2); /* Optional: Adds a subtle shadow effect */
}

.logo-icons {
float: left;
}

.logo-icons img {
padding: 22px 0px;
width: 100%;
height: auto;
}

.banner-images {
width: 100%;
background: url('images/banner.jpg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 30px 0px;
}
.shape-bg {
width: 100%;
background: url('images/shape-light-blue.png');
background-repeat: no-repeat;
background-size: cover; 
}

.banner-images img {
width: 100%;
}

.banner-text {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
flex-direction: column;
}

.box-imag img {
width: 60%;
margin: 50px 0px;
text-align: left;
}

.banner-text h1 {
color: #fff;
font-weight: 700;
line-height: 58px;
font-size: 44px;
font-family: Lobster-Regular;
letter-spacing: 3px;
}
.why-shyam {
background: 0 0;
padding: 40px 0;
}
section.why-shyam.font-popins h1 {
font-size: 23px;
font-weight: 600;
color: #278bc3;
}
.why-shyam h2 {
font-family: Roboto,sans-serif;
font-weight: 700;
font-size: 36px;
}
.shyamadvice {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.shyamadvice ul {
display: flex;
}
.why-shyam ul {
flex-wrap: wrap;
}
.why-shyam ul li {
background: #fff;
text-align: center;
width: 100%;
padding: 10px 5px 10px;
box-shadow: 0 0 45px rgba(219,166,251,.3);
margin: 30px 15px 10px;
font-size: 18px;
color: #333;
font-weight: 400;
min-height: 200px;
max-width: 251px;
display: flex;
justify-content: center;
flex-direction: column;
}
.why-shyam ul li .img-box {
position: relative;
top: 0;
}
.why-shyam ul li .img-box {
transition: .6s;
}
.why-shyam ul li h5 {
margin-top: 20px;
font-size: 16px;
font-weight: 500;
color: #333;
}


.footer-section {
background-color: #000;
}

.footer-icons img {
width: 130px;
margin-bottom: 30px;
}

.footer-icons p {
color: #fff;
font-weight: 400;
line-height: 24px;
font-size: 14px;
}

.social-footer .fa {
color: #fff;
font-size: 26px;
margin-top: 15px;
}

.social-footer a {
padding-left: 15px;
}

.social-footer a:nth-child(1) {
padding-left: 0px;
}

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

.footer-menu ul li {
line-height: 30px;
}

.footer-menu li a {
color: #fff;
text-decoration: none;
font-size: 14px;
font-weight: 400;
}

.footer-menu li a:hover {
color: #ff9f2e;
}

.footer-menu h5 {
color: #fff;
font-weight: 600;
font-size: 22px;
margin-bottom: 30px;
}

.footer-menu img {
width: 100%;
}

.section-img img {
width: 100%;
}

.left-section {
margin-left: -15px;
}

.padding_0 {
padding: 0px;
}

.mobile-manu {
display: none;
}

.btn-footer {
background: #fff;
color: #000;
margin-top: 30px;
}
.enquiry-form h3 {
font-size: 25px;
background: #0486c2;
color: #fff;
font-weight: 700;
font-family: Roboto,sans-serif;
text-align: center;
padding: 20px 0;
margin-bottom: 0;
border-radius: 10px 10px 0 0;
}
.enquiry-form {
background: #fff;
border-radius: 10px;
}
form#contactSide {
padding: 15px 15px;
}
.form-group {
margin-bottom: 15px !important;
}
.enquiry-form .form-control {
font-weight: 400;
font-family: Roboto,sans-serif;
height: 40px;
}
.custom-control .custom-control-label {
margin-left: 8px;
}
.enquiry-form .custom-control-label {
font-size: 12px;
color: #333;
}
.custom-checkbox .custom-control-label::before {
border-radius: .25rem;
}
.custom-control-label::before {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-control-label::before {
pointer-events: none;
}
.custom-control-label::before {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background-color: #fff;
/* border: #adb5bd solid 1px; */
}
.enquiry-form .custom-control-label a {
text-decoration: none;
}
.custom-control-label::after {
position: absolute;
top: .25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
background: no-repeat 50%/50% 50%;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control .custom-control-label {
margin-left: 8px;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
}
.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 1;
  top: 6px;
  left: 10px;
  z-index: 1111;
}
.custom-control .custom-control-label {
margin-left: 8px;
}
.btn-outline-primary:hover {
color: #fff;
border-color: #007bff;
}
.btn-outline-primary {
color: #fff;
border-color: #333;
width: 100%;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 0;
background: #0b8bc3;
}
label.custom-control-label {
font-weight: 500;
}

.pt-100 {
padding-top: 100px;
}
.about-wrap.style1 .about-img-wrap {
position: relative;
padding-top: 80px;
}
.about-wrap.style1 .about-img-wrap .about-img-one {
margin: auto 0 0 auto;
max-width: calc(100% - 100px);
display: block;
}
.about-wrap.style1 .about-img-wrap .about-img-two {
position: absolute;
top: 0;
left: 0;
border-right: 8px solid #fff;
border-bottom: 8px solid #fff;
}
.about-wrap.style1 .about-img-wrap .about-promo-text {
bottom: 60px;
left: 0;
border-radius: 0;
}
.about-wrap .about-promo-text {
position: absolute;
min-width: 220px;
padding: 20px 10px 30px;
background-color: var(--thm-base-color);
text-align: center;
border-radius: 5px;
}
.about-wrap .about-promo-text h5 {
margin: 0;
color: #fff;
font-size: 16px;
font-weight: 400;
}
.about-wrap .about-promo-text h5 span {
font-size: 40px;
font-weight: 600;
display: block;
}
.about-wrap .content-title, .hw-wrap.style1 .content-title, .hw-wrap.style3 .content-title, .why-choose-wrap .content-title {
margin-bottom: 25px;
}
.section-title span, .content-title span {
display: inline-block;
font-weight: 600;
margin: 0 0 10px;
position: relative;
z-index: 1;
line-height: 1;
}
.content-title p {
padding-right: 25px;
font-size: 16px;
font-weight: 400;
color: #000;
line-height: 30px;
}
.btn {
display: inline-block;
line-height: 26px;
font-weight: 400;
border-radius: 5px;
text-align: center;
-webkit-transition: all 0.7s ease-in-out;
transition: all 0.7s ease-in-out;
position: relative;
z-index: 1;
border: none;
padding: 14px 35px 16px;
border-radius: 5px;
color: #fff;
overflow: hidden;
white-space: nowrap;
}
.btn.style2 {
background-color: var(--thm-highlite-color);
color: #fff;
}
.btn:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 50%;
height: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn.style2:after, .btn.style2:before {
background: var(--thm-base-color);
}
.btn:after {
position: absolute;
bottom: 0;
right: 0;
content: "";
width: 50%;
height: 0;
visibility: hidden;
opacity: 0;
z-index: -1;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.btn.style2:after, .btn.style2:before {
background: var(--thm-base-color);
}

.about-wrap.style1 .about-img-wrap .about-img-two {
position: absolute;
top: 0;
left: 0;
border-right: 8px solid #fff;
border-bottom: 8px solid #fff;
}
.pb-100{
padding-bottom: 75px;   
}

.section-title h2, .content-title h2 {
font-size: 34px;
margin: 0;
text-transform: capitalize;
font-weight: 700;
margin-bottom: 15px;
}
.about-img-wrap img{
width: 100%;
}

.content-title a{
text-decoration: none;
color: #033d6d;
font-weight: 600;
}
span.light-text {
font-weight: 600 !important;
color: var(--light-blue);
}
.text-blue {
color: var(--blue);
}
/*span.light-text:before {
content: '';
height: 2px;
width: 7%;
background: var(--light-blue);
display: inline-block;
margin: 0px 10px 3px 0px;
}*/
span.light-text {
font-weight: 600 !important;
color: var(--light-blue);
}
.bg-blue {
background-color: #000;
}
.text-white {
color: #fff !important;
}
.bg-light-blue {
background-color: #000;
}
.box-1{
min-height: 330px;
margin: auto;
display: block;	
}
.middleclass{
display: flex;
justify-content: center;
align-items: start;
flex-direction: column;	
}
.footer-bottom {
background: #1f191a;
padding-top: 90px;
}
.footer-bottom p {
font-size: 16px;
font-weight: 600;
color: #fff;
padding: 13px 0px 0px 0px;
}
.imgsize img{
width: 100%;
height: auto;
}

.footer-box {
padding-bottom: 30px;
}
.footer-title h4 {
font-size: 26px;
font-weight: 700;
color: #fff;
line-height: 24px;
border-bottom: 1px solid #4c4748;
display: inline-block;
padding: 18px 0;
}
.footer-box.footer-address-div ul {
margin-top: 8px;
}
.footer-box ul {
margin: 0;
padding: 20px 0 0;
}
.footer-box ul li {
list-style: none;
position: relative;
padding-left: 15px;
opacity: .7;
transition: .6s;
}
.footer-address-div ul li {
padding-left: 35px;
margin-bottom: 40px;
padding-right: 20px;
}
.footer-box ul li a {
font-size: 15px;
font-weight: 400;
color: #fff;
line-height: 40px;
font-family: Poppins,sans-serif;
text-decoration: none;
}
.footer-address-div ul li a {
line-height: 22px;
}
.footer-address-div ul li i {
line-height: 28px;
}
.footer-box ul li i {
font-size: 20px;
font-weight: 400;
color: #fff;
line-height: 39px;
position: absolute;
left: 0;
top: 0;
}

.copyright {
text-align: center;
border-top: 1px solid #363031;
opacity: .7;
}
.copyright p {
font-size: 14px;
margin: 20px 0;
line-height: 22px;
font-weight: 400;
color: #fff;
font-family: Poppins,sans-serif;
}

@media (max-width: 1300px) {
.banner-text h1 {
line-height: 46px;
font-size: 38px;
}
}

@media (max-width: 1200px) {
.slider-sub-title {
font-size: 50px !important;
}
.section-title h2, .content-title h2 {
font-size: 30px;
}
}


@media (min-width:992px) and (max-width:1199px) {
.section-img {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
}
}

@media (max-width: 992px) {
.nav-bar {
display: none;
}
.mobile-manu {
display: block;
float: right;
margin-top: 25px;
}
.mbt.active .fa-bars:before {
content: "\f00d" !important;
}
.mobile-manu .fa {
color: #000;
font-size: 30px;
}
.nav-bar ul {
text-align: center;
}
.banner-text {
margin-top: 50px;
}
.form-details2 {
padding: 0px 0px;
}
.recommendation {
margin-bottom: 30px;
}
.why-shyam h2 {
font-size: 30px;
}
.about-img-wrap img {
margin-bottom: 40px;
}
}
.container{
	overflow: hidden;
}
@media (max-width: 768px) {
.banner-text h1 {
line-height: 40px;
font-size: 30px;
}
.form-details {
margin: 10px 0px;
}
.mobile-manu {
margin-top: -55px;
}
.footer-menu {
margin-top: 50px;
}
.why-shyam ul li {
max-width: 100%;
}
.slider-sub-title {
font-size: 30px !important;
}
.recommendation p {
font-size: 20px;
}
.footer-box {
padding-bottom: 0px;
}
ol, ul {
  padding-left: 0rem;
}
.logo-icons img {
    width: 75%;
}
}
@media (max-width: 575px) {
.section-title h2, .content-title h2 {
font-size: 22px;
}
.footer-address-div ul li {
margin-bottom: 15px;
}
.footer-box ul li a {
font-size: 13px;
}
.copyright p {
font-size: 14px;
line-height: 25px;
}
.footer-bottom {
padding-top: 30px;
}
}

@media (max-width: 415px) {
.banner-text h1 {
line-height: 30px;
font-size: 22px;
}
.slider-sub-title {
font-size: 32px !important;
}
.why-shyam h2 {
font-size: 26px;
}
.why-shyam ul li {
padding: 10px 15px 10px;
margin: 10px 15px 10px;
}
.why-shyam h2 {
margin-bottom: 30px;
}
.recommendation {
padding: 60px 60px;
}
}

.faq .faq-list {
  padding: 0 100px;
}

.faq .faq-list ul {
  padding: 0;
  list-style: none;
}

.faq .faq-list li+li {
  margin-top: 15px;
}

.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  color: #000;
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #5e5e5e;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  transition: 0.3s;
   color: #000;
}

.faq .faq-list a.collapsed:hover {
  color: #e82c88;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}
.faq{
	background-color: #f7f8f9;
}

#menu-footer-1 li {
  margin: 0px 11px;
}
#menu-footer-1 {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
}
#menu-footer-1 li a {
  text-decoration: navajowhite;
  color: #ccc;
}
@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}
@media (max-width: 768px) {
  #menu-footer-1 {
    display: block;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin-left: 25px;
  }
  #menu-footer-1 li{
    line-height: 25px;
  }
}














/* General Section Styling */
.why-choose-wrap {
  padding: 50px 0;
  background-color: #f8f9fa; /* Light grey background */
}

.content-title.style1 span {
  font-size: 14px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 10px;
}

.content-title.style1 h5 {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #333;
}

/* Icon Box Styling */
.st-iconbox {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.st-iconbox:hover {
  transform: translateY(-10px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.st-iconbox-icon {
  margin-bottom: 15px;
  padding: 15px;
  border-radius: 50%;
}

.st-iconbox-icon img {
  max-width: 40px !important;
}

.st-iconbox-title {
  font-size: 24px;
  font-weight: bold;
  color: #333;
}

.st-iconbox-text {
  font-size: 16px;
  color: #777;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .st-iconbox {
      margin-bottom: 20px;
  }
}


/* google review css */

.container {
  width: 80%;
  padding: 20px;
  position: relative;
}

.slider {
  display: flex;
  overflow: hidden;
  width: 100%;
}

.reviews {
  display: flex;
  transition: transform 0.10s ease-in-out;
}

.review {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-right: 20px;
  padding: 20px;
  width: 330px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px #e9e9e9 solid;
}

.review .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 15px;
}

.review .reviewer-name {
  font-size: 1.2em;
  font-weight: bold;
  color: #333;
}

.review .location {
  color: #888;
  font-size: 0.9em;
  margin-top: 5px;
}

.review .rating {
  margin-top: 10px;
  color: #f4b400;
  font-size: 1.5em;
}

.review .review-text {
  margin-top: 15px;
  font-style: italic;
  color: #555;
}

.review .date {
  margin-top: 10px;
  color: #aaa;
  font-size: 0.9em;
}

/* Navigation buttons */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgb(11 137 195);
  color: white;
  border: none;
  padding: 10px;
  font-size: 1.5em;
  cursor: pointer;
  z-index: 1;
}

.prev {
  left: 10px;
}

.next {
  right: 10px;
}

/* Responsiveness */
@media (max-width: 768px) {
  .container {
    width: 95%;
  }

  .review {
    width: 350px;
    margin-right: -10px;
    display: flex;
    /* flex-direction: row; Horizontal slider for mobile */
  }
}

.view-all-reviews-btn {
  text-align: center;
  margin-top: 20px;
}

.view-all-reviews-btn .btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: #007bff;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  font-size: 16px;
  transition: background-color 0.3s;
}

.view-all-reviews-btn .btn:hover {
  background-color: #0056b3;
}


/* popup header button css */

.book-btn {
  background-color: #007bff;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

.book-btn:hover {
  background-color: #0056b3;
}

/* Popup Styles */
.popup-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none; /* Initially hidden */
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.popup-content {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  width: 90%;
  max-width: 400px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  text-align: center;
}

.popup-content h3 {
  margin-bottom: 20px;
}

.popup-content .form-group {
  margin-bottom: 15px;
  text-align: left;
}

.popup-content label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.popup-content input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.popup-content .submit-btn {
  background-color: #007bff;
  color: #fff;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
}

.popup-content .submit-btn:hover {
  background-color: #0056b3;
}

/* Close Button */
.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 20px;
  cursor: pointer;
  color: #000;
}

/* popup button css end */