body {

    background-color: #FBFBFB !important;
    color: #281F48 !important;
    margin: 0;
    padding: 0;
}

* {
    padding: 0%;
    margin: 0%;
}.bg-cover {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px; /* Full height of viewport */
}.custom-input {
    display: flex;
    align-items: center;
    background-color: red;
    color: white;
    border-radius: 50px;
    padding: 10px 15px;
    width: 250px; /* Adjust the width as needed */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.custom-input i {
    font-size: 20px;
    margin-right: 10px;
}

.custom-input input {
    border: none;
    background: transparent;
    outline: none;
    color: white;
    font-size: 16px;
    flex: 1;
}

.custom-input input::placeholder {
    color: white;
    opacity: 0.8;
}

.hh {
    height: 450px !important;
    background-size: cover;
    background-position: center;
}
.sliderp{
    font-size: 28px;
    font-weight: 700;
    color: #281F48;
}
.carousel-item {
    height: 500px; /* Match parent height */
}

.carousel-caption {
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



.hover-grow {
    transition: transform 0.3s ease-in-out; /* Smooth scaling effect */
    width: 100%; /* Make the image fill the container */
    height: 100%; /* Maintain the height */
    object-fit: cover; /* Ensure the image doesn't distort */
}

.hover-grow:hover {
    transform: scale(1.2); /* Increase the size by 20% on hover */
}
   /* Style for hover effect */
   .card:hover img {
    transform: scale(1.3); /* Grow the image */
    transition: transform 0.3s ease; /* Smooth transition */
}

.card:hover .card-title {
    color: #007bff; /* Change the title color */
    font-weight: bold; /* Make the title bold */
    transition: color 0.3s ease, font-weight 0.3s ease; /* Smooth transition */
}

.heightt {
    transition: transform 0.5s ease; /* Ensure smooth transition for image */
}

h1 {
    color: white;
}

.search-container {
    position: relative;
    width: 100%;
}

.search-container input {
    width: 100%;
    padding: 10px 15px 10px 40px;
    /* Adjust padding for the icon */
    border: 1px solid white;
    border-radius: 25px;
    font-size: 16px;
    font-weight: 600;
    color: white;
    background-color: #1F1B2D;
}

.search-container .search-icon {
    position: absolute;
    top: 50%;
    left: 15px;

    transform: translateY(-50%);
    font-size: 18px;
    color: white;
    pointer-events: none;

}

.buttons {
    background-color: white;
    color: #1F1B2D;
    border: 1px solid #1F1B2D;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 800px;
}

.divcolor {
    background-color: #F0F3F6;
    border-radius: 20px 20px 20px 20px;
}

.imagewidth {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imagediv{
    overflow: hidden;
    width: 100%;
    height: 100%;  border-radius: 20px 0px 0px 20px;
}

.heading {
    color: #281F48;
}

.button1 {
    background-color: #D6D6D6;
    color: #281F48;
    border: 1px solid #D6D6D6;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700px;
}



.mapbutton {
    background-color: #ffffff;
    color: #281F48;
    border: 1px solid #281F48;
    border-radius: 8px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 700px;
}
.button11 {
    background-color: #D90600;
    color: white;
    border: 1px solid #D90600;
    border-radius: 20px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 700px;
}
.button5 {
    background-color: #FD5631;
    color: white;
    width: 100%;
    border: 1px solid #FD5631;
    border-radius: 20px;
    padding: 10px 10px;
    font-size: 18px;
    font-weight: 700px;
}
.button55 {
    background-color: #D90600;
    color: white;
    width: 100%;
    border: 1px solid #D90600;
    border-radius: 10px;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 700px;
}

.input-group {
   width: 100%;
padding: 10px;
}

.form-control, .form-select {
    border-right: 0;
    border-left: 0;
    padding: 10px;
    font-size: 16px;
}

.form-select {
  max-width: 200px;
  text-align: center;
}

.btn {
    border-left: 0;
    font-size: 16px;
}
.bbrder {
    position: relative;  border-left: 2px solid #281F48;
    height: 90%;
    margin: auto; 
}

.bbrder::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    width: 2px;
    background-color: #281F48;
}




.bakgimg{

    background-image: url("../images/Frame 1618873199.svg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
height: 150px;
width: 99%;
}
.imgbak{
    
    background-image: url("../images/Frame 1171275423.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}
.spancolor {
    color:  #1F1B2D;
}
.eighteenwhitee {
    color: #1F1B2D;
    font-size: 16px;
    font-weight: 700px;
}
.eighteenwhite {
    color: white;
    font-size: 16px;
    font-weight: 700px;
}
.twelvewhite {
    color: white;
    font-size: 12px;
    font-weight: 700px;
}
.twelvewhitee {
    color: #281F48;
    font-size: 12px;
    font-weight: 700px !important;
}
h6{
    color: #281F48 !important;
}
h1{
    color: #281F48 !important;  
}
.borderr {
    border-left: 1px solid white;
    height: 90%;
    margin: auto 0px;
}

.rating-stars {
    display: flex;
    gap: 5px;
}

.star {

    display: flex;
    justify-content: center;
    align-items: center;


    cursor: pointer;
    transition: background-color 0.3s;
}

.star.active {
    color: #FFB700;
    /* Orange for active stars */
}

.star i {
    color: white;
}
.cardp{
    font-size: 12px;
    font-weight: 600;
}
.eighteenorange {
    color: #281F48;
    font-size: 18px;
    font-weight: 600;
}

.eighteengreen {
    color: #0EB617;
    font-size: 18px;
    font-weight: 600;
}

h2 {
    color: white;
}

.bigfont {
    font-size: 120px;
    font-weight: 700px;
    color: #281F48;
}

.twentyfourwhite {
    color: #281F48;
    font-size: 24px;
    font-weight: 800px;
}
.twentyfourblack{
    color: black !important;
    font-size: 24px;
    font-weight: 800px;
}
.twelveorange {
    font-size: 12px;
    font-weight: 500px;
    color: #FD5631;
}

.divborder {
    border: 1px solid #BFBEC34D;
    background-color: #281F48;

}
.divborderr{
    border: 1px solid #BFBEC34D;
    background-color: #F0F3F6;
    border-radius: 15px;
}
#map {
    height: 400px;
    /* Adjust height */
    width: 100%;
    /* Full width */
    border: 2px solid black;
    border-radius: 8px;
}

.ab {
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
}

.firstpp {
    color: #B4B3B8;
    font-size: 14px;
    font-weight: 500;
}

.footertag {
    list-style: none;

}

.footertag li a {
    text-decoration: none;
    color: #B4B3B8;
    font-size: 14px;
    font-weight: 500;
}

.footerl {
    font-size: 16px;
    font-weight: 500;
    color: #B4B3B8;
}

.copyright {
    font-size: 14px;
    font-weight: 500;
    color: #B4B3B8;
}

.custom-input-group {
    background-color: #281F48;
    /* Dark blue background */
    border: 1px solid #4b6179;
    /* Border color */
    border-radius: 8px;
    /* Rounded corners */
}

.custom-input-group input {
    background-color: transparent;
    border: none;
    color: #bfc7d5;
    /* Text color */
}

.custom-input-group input::placeholder {
    color: #bfc7d5;
    /* Placeholder color */
}

.custom-input-group .input-group-text {
    background-color: transparent;
    border: none;
}

.custom-input-group .input-group-text img {
    width: 20px;
    height: 20px;
}
.custom-select-icon select {
     padding-left: none;
    font-size: 12px;
    border: none !important;
}
.custom-input-group button {
    background-color: #e63946;
    border: none;
    border-radius: 8px;
}

.custom-input-group button img {
    width: 16px;
    height: 16px;
}

.custom-input-group input:focus {
    outline: none;
    box-shadow: none;
}
#custom-star-container {
    display: flex;
    gap: 5px;
}

.custom-star {
    font-size: 1.5rem;
    color: #1F1B2D;
    cursor: pointer;
    background-color: #979797;
    border-radius: 5px;
    transition: color 0.3s;
    padding: 5px;
}

.custom-star:hover,
.custom-star.highlighted {
    color: #ffa500;
}
#user-star-box {
    display: flex;
    gap: 5px;
}

.user-star-icon {
    font-size: 1.5rem;
    color: #1F1B2D;
    cursor: pointer;
    background-color: #979797;
    border-radius: 5px;
    transition: color 0.3s;
    padding: 5px;
}

.user-star-icon:hover,
.user-star-icon.filled {
    color: #ffcc00;
}#feedback-stars-group {
    display: flex; 
    gap: 5px;
}

.feedback-star-item {
    font-size: 1.3 rem;
    color: #FFFFFF;
    cursor: pointer;
    background-color: #281F48;
    border-radius: 5px;
    transition: color 0.3s;
    padding: 5px;
}

.feedback-star-item:hover,
.feedback-star-item.selected {
    color: #ff9900;
}




.progress-bar-wrapper {
    width: 100%;
    margin: 0 auto;
    font-family: 'Arial', sans-serif;
}

.rating-bar {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.rating-bar span {
    width: 60px;
    margin-right: 10px;
    color: white;
}

.progress {
    flex: 1;
    height: 8px;
    background-color: #707070;
    border-radius: 10px;
    overflow: hidden;
}

.progress-fill {
    height: 100%;
    background-color: #281F48;
    width: 0%;
    transition: width 0.5s ease-in-out;
}

.fill-5 {
    width: 90%;
}

.fill-4 {
    width: 70%;
}

.fill-3 {
    width: 50%;
}

.fill-2 {
    width: 30%;
}

.fill-1 {
    width: 15%;
}
h4{
    color: white;
}
.heightt{
    height: 150px !important;
    width: 150px;
}.img-adj-card {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-bg-home-2 {
    width: 100%;
    height: 240px;
    overflow: hidden;
    border-radius: 20px 0px 0px 20px;
}
.ddd{
    background-color: #F0F3F6;
}
a{
    text-decoration: none;
}
h3{
    color: white;
}
h6{
    color: white;
}
.bb{
    border-top: 1px solid #66666680;
}