a{text-decoration: none; color: #ffc107;}
.bg-white a {color: #8C2121;}
p a{text-decoration: underline;}
span{color: #6f030b !important;}

img, video {width: 100%; height: auto;}
.commonPaddingTB{padding: 40px 0px;}

.bg{background-color: #055160 !important;}
.bg_yellow{background-color: #fffa63 !important;}
.bg_green{background-color: #6bffc7 !important;}
.bg_pink{background-color: #0e0a01 !important;}
.bannerBg{background: rgba(0, 0, 0, .5); color: #fff7f0 !important;}

.bg_cream{background-color: #dee2e6 !important;}
.bg_offwhite{background-color: #edefeb !important;}

.list_{list-style-type: none;}
.list_ li{padding: 7px 0px; font-size: 16px; font-weight: 500;}

.header{background-image: url('../images/background2.webp');
    background-repeat:no-repeat;
    background-position: center;
	background-size: 100% 100%;
} 
.navbar-light .navbar-nav .nav-link.active{color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important;}
.navbar-light .navbar-nav .nav-link{color: #ffffff !important; font-size: 16px !important; font-weight: 700 !important;}

.footerBorder{border-radius: 0px;  border-style: double;}

/* .social{background-color: #edefeb;} */
@font-face {font-family: 'FontAwesome'; font-display: swap; src: url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'); font-display: swap; font-weight: normal; font-style: normal;}
.fa {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.fa-phone:before {content: "\f095";}
.fa-whatsapp:before {content: "\f232";}
.fa-folder:before{content:"\f07b";}
.fa-eye:before{content:"\f06e";}
.fa-phone-alt:before{content:"\f095";}

.nowcalling {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 9999;
  background-color: #f1f1f1; /* You can change this to any color */
  padding: 10px;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
}

.lcol, .rcol {
  flex: 1;
  text-align: center;
}

.lcol a, .rcol a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
}

.lcol {
  background-color: #b8184d;
}

.rcol {
  background-color: #029c75;
}

/* Ensure the layout remains side by side even on smaller screens */
@media only screen and (max-width: 768px) {
  .nowcalling {
    padding: 0; /* Remove extra padding for smaller screens */
  }

  .lcol, .rcol {
    width: 50%; /* Ensure each column takes up 50% width */
  }

  .lcol a, .rcol a {
    padding: 15px 0;
  }
}


.top_bar{background:#000;}
.top_bar ul{margin:0 0 0 auto; padding:0; display:flex;}
.top_bar li{margin:0 0 0 15px; padding:0; list-style:none;}
.top_bar li a{padding:10px; display:flex; background:rgb(255, 255, 255, 18%);}
.top_bar li img{filter:invert(1); height:18px; width:18px;}
.phone{color:#fff; font-size:15px; font-weight:600; line-height:normal; margin:2px ; border:#fff solid 2px; padding:5px 15px 2px; border-radius:5px; display:flex; align-items:center;}
.phone img{max-width:17px; margin-right:8px; margin-top:-3px;}
.d-flex{display:flex;}
.copyright .d-flex{display:block; text-align:center;}
.nav_links{height:100%; text-align:center;}
.img-fluid{max-width:100%;}
.desk-top{display:block!important;}.mobile{display:none!important;}
.banner{padding:0; }
.banner img{width:100%;}
section{padding:4rem 0; min-height:233px;}

.profile-heading {
    margin-top: 20px; }
	
.bg-white {
    background-color: #fff !important;
}
.testimonial-box {
        border-radius: 8px;
		border:2px solid ;
    }

    .bg-light-blue {
        background-color: #e3f2fd; /* Light Blue */
    }

    .bg-light-pink {
        background-color: #fce4ec; /* Light Pink */
    }

    .bg-light-yellow {
        background-color: #fff9c4; /* Light Yellow */
    }

    .testimonial-box hr {
        border: 0;
        border-top: 1px solid #ddd;
    }

    .service-box {
        position: relative;
        background-color: #fff; /* Default white background */
        border-top-left-radius: 45px;
		border-bottom-right-radius:45px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
        transition: box-shadow 0.3s ease;
		border:2px solid;
    color: #000;
    }

    .service-box:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.9);
    }

    .bg-light-blue {
        background-color: #e3f2fd; /* Light Blue */
    }

    .bg-light-pink {
        background-color: #fce4ec; /* Light Pink */
    }

    .bg-light-yellow {
        background-color: #fff9c4; /* Light Yellow */
    }

    .service-box hr {
        border: 0;
        border-top: 1px solid #ddd;
    }

    .exclusive-tag {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: red;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 0.9rem;
    }


    .testimonial-box {
        position: relative;
        background-color: #fff;
        border-radius: 8px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease;
		 border-top-left-radius: 45px;
		border-bottom-right-radius:45px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.7);
        transition: box-shadow 0.3s ease;
		border:2px solid;
    }

    .testimonial-box:hover {
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    }

    .bg-light-blue {
        background-color: #3e8fca; /* Light Blue */
    }

    .bg-light-pink {
        background-color: #cf7493; /* Light Pink */
    }

    .bg-light-yellow {
        background-color: #fff9c4; /* Light Yellow */
    }

    .testimonial-box hr {
        border: 0;
        border-top: 4px double black;
    }

    .verified-button {
        position: absolute;
        top: 10px;
        right: 10px;
        background-color: #28a745;
        color: #fff;
        padding: 5px 10px;
        border-radius: 5px;
        font-weight: bold;
        font-size: 0.8rem;
        text-transform: uppercase;
    }

    .name-text {
        color: red !important; /* Red color for names */
    }
	 
	#content-area {
    padding: 10px;
    font-size: 17px;
    font-weight: 400;
    text-align: justify;
}
#content-area h2 {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
.column-content {
  background: linear-gradient(330deg, #055160, #6c757d);
  border: 1px solid  #0a58ca;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 18px;
}
.pallet-2 {
    
    color: white;

}
          	 
 .profile-card {
  margin-bottom: 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  background: linear-gradient(45deg, #141415, #055160);

}
.profile-card img {
    max-width: 100%;
    height: 168px;
    width: 150px;
    object-fit: cover;
    background: linear-gradient(330deg, #ffa100, #7c7618);
    padding: 3px;
    border-radius: 10px;
}
.profile-info {
  padding: 10px;
  color: white;
}
.profile-info h5 {
  margin-top: 0;
  font-weight: 700;
}
.profile-info p {
  margin-bottom: 10px;
}
.profile-info .btn {
  margin-right: 10px;
  border: 2px solid white !important;
  background: linear-gradient(330deg, #0dcaf0, #86b7fe);
  font-weight: 500; 
}
.profile-info .btn:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 900px) {
  .profile-title {
    font-size: 17px;
  }
  .profile-cat {
    font-size: 13px;
  }
  .profile-mis {
    font-size: 14px
  }
   .hide {
    display: none !important;
  }
  .profile-info .btn {
    border: 1px solid white !important;
    border-radius: 31px;
    width: 40px;
    height: 40px
  }
}    
.profile {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.profile-box {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 10px;
    background-color: #f9f9f9;
}

.image-container {
    position: relative;
    width: 100%;
    height: 300px; /* Set the height to ensure the image container is a vertical rectangle */
    overflow: hidden;
}

.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.verified {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #4CAF50;
    color: white;
    border-radius: 50%;
    padding: 5px;
    font-size: 14px;
}

.info {
    margin-top: 10px;
}

.name {
    font-size: 18px;
    font-weight: bold;
}

.age, .category {
    font-size: 14px;
}
table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-family: 'Oswald', sans-serif!important;
}
table tr {
  background-color: #dee2e6;
  border: 1px solid rgb(185, 185, 185);
  padding: 5.6px;
}

table th,
table td {
  padding: 14.5px;
  text-align: center;
  border-right: 1px solid rgb(185, 185, 185);
}
table th {
  font-size: 20px;
  letter-spacing: 3px;
  background-image: linear-gradient(#055160, #6c757d)!important;

color: #fff;
  font-family: 'Philosopher', sans-serif!important;
  font-weight: bold;
}
tr:nth-child(even){background-color: #e7e7e7!important}
button{
  background-color:#055160;
  color:#fff;
  padding:10px 20px;
  border:none;
  border-radius:5px;
  cursor:pointer}
@media screen and (max-width: 600px) {
  table {
      border: 0;
  }
}              
.text{
  text-align: justify;
}
.list-group-items {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #212529;
  text-decoration: none;
}
.md-5 {
  margin-bottom: 1rem !important;
}