.body {
 
    box-sizing: border-box;
}
.navbar-brand .logo{
    color: #00BFFF;
    font-weight: 700;
    font-size: 22px;
    box-sizing: border-box;
     

    
}
.line {
  border-bottom: 2px solid #00BFFF; /* নিচের বর্ডার এর রঙ এবং মোটা ধরণ */
}

.navbar-nav li{
    color:#00BFFF;
    font-size: 19px;
    font-weight: 700;
}


.hover{
    transition: background-color 0.3s; /* Smooth transition */
}


.hover:hover {
    background-color: #e2e3e5;
    border: none;
    outline: 0;
}
.hover:active {
    border: none;
  
}


.caption-content {
   
    width: 639px;
    height: 230px;
   
  
}

.carousel-caption h2 {
    font-weight: 600;
    font-size: 48px;
    color:rgb(239, 241, 245);
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); /* 3D-like shadow */
}

.carousel-caption p {
    font-weight: 300;
    font-size: 26px;
    color: rgb(239, 241, 245);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4); /* Light 3D depth */
}

.lead-text{
    font-size: 38px;
    font-weight: 600;
    line-height: 57px;
    padding: 47px 0;
    color: #0A0826;
}







.Package h3 {
    color: #231D4F;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}

.Package h5 {
    color: #231D4F;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
}

.Packagee p {
    color: #848199;
    font-size: 15px;
    font-weight: 400;
   
}
.Package li{
    color: #848199;
    font-size: 15px;
    font-weight: 400;
   
}

.Packagee h5:hover {
    color: white;
}
.Packagee h3 {
    color: #231D4F;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}

.Packagee h5 {
    color: #231D4F;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
}

.Packagee p {
    color: #848199;
    font-size: 15px;
    font-weight: 400;
   
}
.Packagee li{
    color: #848199;
    font-size: 15px;
    font-weight: 400;
   
}

.Packagee h5:hover {
    color: white;
}
.Packagee {
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
    border-radius: 15px; /* Rounded corners */
    overflow: hidden; /* Ensure the border radius applies to all content */
    border: none; /* Remove default border */
    padding: 20px; /* Add padding inside the container */
    background-color: #fff;
    text-decoration: none; /* Default background color */

}

.Package {
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions */
    border-radius: 15px; /* Rounded corners */
    overflow: hidden; /* Ensure the border radius applies to all content */
    border: none; /* Remove default border */
    padding: 20px; /* Add padding inside the container */
    background-color: #fff;
    text-decoration: none; /* Default background color */

}#hot-package {
    border: none; /* Remove the border */
    box-shadow: none; /* Remove shadow if any */
}
#hot-package {
    transition: transform 0.3s ease, box-shadow 0.3s ease; /
    position: relative; /* Ensure the badge is positioned relative to the card */
}







.navbar-toggler {
    border: none; /* Remove border from the toggler */
}



.badge {
    position: fixed; /* Keep the badge in a fixed position */
    top: 10px; /* Adjust as necessary */
    right: 10px; /* Adjust as necessary */
    z-index: 10; /* Ensure it's on top of other elements */
transition: background-color 0.3s ease; /* Smooth transition for background color */
}

#package-info .card{
    border: none;
    transition: all 0.5s;
}
#package-info .card:hover{
    transform: scale(1.1);
    z-index: 2;
    border-radius: 20px;
    background: #3F87F5;
    border: none;
    box-shadow: 0 10px 10px 1px rgba(63, 135, 245, .5);
    
}

#hot-package{
        
    border-radius: 20px;
    background: #3F87F5;
    border: none;
    box-shadow: 0 10px 10px 1px rgba(63, 135, 245, .5);
    /* margin: 20px 0; */
    
}


#package-info .card:hover p, #package-info .card:hover h3, #package-info .card:hover h5, #package-info .card:hover svg{
    color: white;
}

#package-info .card-title h3{
    color: #231D4F;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
}


#package-info .card-title h5{
    color: #231D4F;
    font-family: Roboto;
    font-size: 28px;
    font-weight: 700;
}
#package-info .card-title p, #package-info .card-text p{
    color: #848199;
    font-size: 15px;
    font-weight: 400;
    
}

#package-info #hot-package .card-title h3, #package-info #hot-package .card-title h5, #package-info  #hot-package .card-title p, #package-info  #hot-package .card-text p{
    color: white;
}


#package-info .btn{
    width: 100%;
    border-radius: 20px;
    background: #FEF5FB;
    border: none;
    color: #3F87F5;
    font-family: Roboto;
    font-size: 15px;    
    font-weight: 700;
}


#hot-package .badge{
    top: -10px;
    right: 20px;
}

#hot-package span{
    width: 15%;
}

.info-content .info-header{
    color: #0A0826;
    font-size: 38px;
    font-weight: 700;
    line-height: 60px;
}

.info-content .info-text{

    font-size: 22px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
   
    
}


.info-image img{
    width: 546px;
    height: 364px;
}
















