*{
    margin: 0;
    padding: 0;
}

.breadcrumb {
      justify-content: center;
      margin-bottom: 30px;
}

.breadcrumb-item a {
  text-decoration: none;
  color: white;
  font-family: 'poppins';
}

.breadcrumb-item.active {
  color: #6302e2;
  text-decoration: underline;
}

.team-heading {
    width: 300px;
    color: #fff;
    text-align: center;
    margin: 30px auto;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 65px;
    background-color:#001659;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Proper shadow */
}


.btn-primary {
    background: #001659 !important;
    color: #fff !important;
    border: none !important;
    border-radius: initial !important;
    padding: 5px 10px !important;
    font-family: poppins !important;
}

.btn-primary:hover {
    background: #FF5E15 !important;
}

.btn {
    font-weight: 600 !important;
    transition: .5s !important;
}


.content h3{
    font-size: 19px;
    text-align: center;
    font-family: poppins;
    color: #000;
}

.content p{
    font-size: 14px;
    text-align: center;
    font-family: poppins;
    padding-top: 10px;
}






.my-flip-inner-wrapper {
   perspective: 150rem;
   -moz-perspective: 150rem;
   position: relative;   
}
.my-flip-side {
    display: block;
    height: 345px;
    top: 0;
    right: 0;
    left: 0;
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);    
    transition: all .8s ease;    
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;   
}

.my-flip-back {
   transform: rotateY(180deg);
   color: #fff;
   position: absolute;
   z-index: -1;
   box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.15);
   padding: 46px;   
}

.my-flip-back-1 {
   background: linear-gradient(to right bottom, #00042894, #0dcaf0);
}

.my-flip-back-2 {
   background: linear-gradient(to right bottom, #00042894, #0dcaf0);
}

.my-flip-back-3 {
   background: linear-gradient(to right bottom, #00042894, #0dcaf0);
}

.my-flip-inner-wrapper:hover .my-flip-front {
   transform: rotateY(-180deg);
}

.my-flip-inner-wrapper:hover .my-flip-back {
   transform: rotateY(0);
}
.my-flip-image {
   height: 15rem;
   background-blend-mode: screen;
   clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}
.my-flip-image img{
   width: 100%;
   height: 100%;
   background-blend-mode: screen;
   object-fit: cover;   
}
.my-flip-heading {
    margin: 0 0 10px;
    margin-top: -15px;
    font-size: 18px;
    font-family: poppins;
    color: #001659;
}
.my-flip-details {
   padding: 2rem;
}
.my-flip-details p {
   font-size: 15px;
   margin: 0;
   line-height: 2;
   color: #848484;
}
.my-flip-back-inner ul {
   list-style: none;  
   margin: 0 0 1.5rem;
   padding: 0;
}
.my-flip-back-text  ul li {
   text-align: center;
   color:#fff;
   font-size: 1rem;
   padding: 0.8rem 0;
}
.my-flip-back-inner ul li:not(:last-child) {
   border-bottom: 1px solid #ffffff;
}
.my-flip-price {
   color: #fff;
   text-align: center;
   margin-bottom: 1rem;
}
.my-flip-price h3 {
    font-size: 3rem;
    font-weight: 300;
}
.my-flip-btn-box {
    text-align: center;
}
.my-flip-btn{
   text-transform: uppercase;
   padding: 1rem 1.8rem;
   font-size: 1rem;
   background-color: #fff;
   color: #000;
   border-radius: 10rem;
   display: inline-block;
   transition: all .2s;
   color: initial;
   position: relative;
}
.my-flip-btn:hover {
   transform: translateY(-4px);
   box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
   color: #000;
}