.carousel-caption{width:100%; text-align:left; left:0; right:auto; top:30%; /* adjust this value as needed */}

.hmslider-box .carousel-caption{top:12%;}

.heading1{font-size:70px; font-weight:bold; text-align:start; line-height:70px; color:var(--primary-color); margin-bottom:10px;}

.headingtop{font-weight:normal; font-size:26px; line-height:28px; margin-top:30px; text-align:start; color:var(--black);}

.headingbottom{font-size:22px; padding-top:10px; text-align:start; font-weight:bold; color:var(--black); margin-bottom:20px;} 

.carousel-caption .btn:hover{background-color:var(--primary-color);}

.carousel-caption .btn{font-size:16px; border-radius:60px; padding:8px 20px; background-color:var(--primary-color); color:var(--white); border:none; text-align:center; margin-top:10px; font-weight:500;}

.carousel-indicators [data-bs-target]{box-sizing:content-box; flex:0 1 auto; width:14px; height:14px; padding:0;}

.carousel-indicators{position:absolute; bottom:10px; /* Adjust spacing */ left:50%; margin:auto; transform:translateX(-50%); display:flex; gap:5px;}

.carousel-indicators button{background-color:var(--blog); border:none; transition:background-color 0.3s ease-in-out;border-radius:50%;}

.carousel-indicators .active{background-color:var(--primary-color); width:14px; height:14px;}

.carousel-control-next, .carousel-control-prev{display:none;}

.breadcrumb{background-color:transparent; /* No background */ padding:10px 0px; margin-bottom:50px; color:var(--black);font-size:30px; list-style:none; border-radius:5px;}

/* Breadcrumb Items */
.breadcrumb-item a{text-decoration:none; color:var(--black); /* Default grey */ transition:color 0.3s ease-in-out;}

/* Hover Effect */
.breadcrumb-item a:hover{color:var(--primary-color); /* Blue on hover */}

/* Active Page */
.breadcrumb-item.active{color:var(--secondary-color); /* Blue for active page */ font-weight:bold;}

/* card login */
.slider-logn-box{position:absolute; right:2%; top:10%; z-index:100;}
.slider-logn-box h5{font-size:18px;}

.container-log{border:none; /*margin-bottom:60px;*/ border-radius:0; opacity:0.9; min-height:auto; background:var(--white);}

.carousel-section .card-header{background-color:var(--secondary-color); border-radius:0; text-align:center; position:relative;}

.carousel-section  .container-log .form-control::placeholder{color:var(--black) !important;}

.container-log .form-control, .container-log .form-select{border-radius:0;}

.container-log .btn-primary{background:var(--secondary-color); color:var(--white); font-weight:bold; border-radius:40px; width:40%; margin:auto; padding:7px 25px; font-size:15px; border:none; cursor:pointer; transition:0.3s ease;}

.container-log .btn-primary:hover{background-color:var(--secondary-color);}

@media (min-width: 1500px) {
.slider-logn-box{top:7%;}
}

@media (max-width: 1199px) {
.slider-logn-box{width:30%; top:2%;}

.slider-logn-box .card-body{padding:7px 10px;}

.carousel-caption{top:25%;}
.hmslider-box .carousel-caption{top:21%;}

.heading1{font-size:42px; line-height:42px; margin-bottom:0;}
.heading1 br{display:none;}

.headingtop{font-size:24px; line-height:24px; margin-top:15px;}
.headingbottom{font-size:18px; padding-top:5px;}
}

@media (max-width: 991px) {
.hmslider-box img{height:auto;}

.hmslider-box .carousel-caption{left:0;}

.slider-logn-box{position:static; width:100%; margin:auto; background-color:#d1d0d0;}
.container-log{background:transparent;}

.heading1{font-size:40px; line-height:40px;}
.headingtop{font-size:24px; line-height:24px;}

.breadcrumb{font-size:16px; padding:0;}
}

@media (max-width: 915px) {
.hmslider-box .carousel-caption{left:0; top:10px;}

.heading1{font-size:38px; line-height:38px; margin-bottom:0;}
.headingtop{font-size:24px; line-height:24px; margin-top:12px;}

.carousel-caption{top:10px;}
}

@media (max-width: 767px) {
.heading1{font-size:28px;}
.headingtop{font-size:20px; line-height:22px;}
.headingbottom{font-size:16px; padding-top:0;}

.carousel-caption .btn{font-size:14px; margin-top:0;}

.testimonial-card h5{font-size:15px;}
}

@media (max-width: 575px) {
.hmslider-box .carousel-caption{left:15px;}
}

@media (max-width: 550px) {
.hmslider-box img{height:190px;}

.hmslider-box .col-12, .carousel-caption{width:90%; text-shadow:1px 1px 8px #fff;}

.carousel-caption .btn{text-shadow:none;}

.headingtop{margin-top:4px;}
.headingbottom{margin-bottom:15px;}

.heading1{font-size:22px; line-height:inherit;}
.headingtop{font-size:18px; line-height:20px; margin-bottom:7px;}
.headingbottom{font-size:14px; padding-top:0;}
}