.page-banner .title-obj {
    font-size: 60px;
    line-height: 1.25;
    font-family: "Manrope", sans-serif;
    display: inline-block;
    font-weight: 700;
    color: #ffffff;
    position: relative;
    z-index: 1;
  }
#breif-obj{
    background-color: #35205b0f;
    padding: 70px 0;
}

#breif-obj .nav-pills-custom{
    display: flex;
    flex-direction: column;
    width: 100%;
}
.tab-pane{
    border-right: 2px solid #ce3718;
}
#breif-obj .nav-pills-custom .nav-link {
    color: #321D5A;
    background: #fff;
    position: relative;
    font-weight: 500;
}

#breif-obj .nav-pills-custom .nav-link.active {
    color: #fff;
    background: #321D5A;
}
#breif-obj .nav-pills-custom .nav-link.active::before {
    opacity: 1;
}
#breif-obj .nav-pills-custom .nav-link::before {
    content: '';
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #321D5A;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
}

/* Add indicator arrow for the active tab */
@media (max-width: 480px) {
    #breif-obj .nav-pills-custom{
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-evenly;
    }
    #breif-obj .nav-pills-custom .nav-link {
       width: 45%;
       padding: 0;
    }
    #breif-obj .nav-pills-custom .nav-link::before {
        content: '';
        display: block;
        border-top: 8px solid transparent;
        border-left: 10px solid #321D5A;
        border-bottom: 8px solid transparent;
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateY(-50%);
        opacity: 0;
    }
    
}


.about-img .obj-img{
    z-index: 99;
    position: relative;
}
.about-img .shape1{
    position: absolute;
    top: -40px;
    left: 0;
}

#target-group .features-icon{
    width: auto;
}

  

.card{
	overflow: hidden;
	width: 100%;
	height: 300px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.166);
    position: relative;
    margin: 10px 0;
}
.card img{
	width: 100%;
	grid-area: 1 / 1 / span 1 / span 1;
	transition: 0.3s ease-out;
}
.card p{
	z-index: 111;
	color: #fff;
	grid-area: 1 / 1 / span 1 / span 1;
}
.card .text{
	z-index: 111;
	color: #fff;
	grid-area: 1 / 1 / span 1 / span 1;
}
.text{
	transition: 0.3s ease-out;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
   
}
.text h1{
    color: #fff!important;
    font-size: 20px;
    line-height: 26px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #ce3618cc;
    height: 80px;
}
.card:hover img{
	transform: scale(1.2, 1.2);
}
.card:hover .text{
	background-color: #ce3618cc;
}

/* @media (max-width: 480px) {
    .card{
        overflow: hidden;
        width: 100%;
        height: 300px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.166);
        position: relative;
        margin: 10px 0;
    }
} */


/* handout css */

.agenda{
    background-image: linear-gradient(45deg, #ebebeb, #00000005);
    padding: 26px 30px 26px 30px;
    border-top: 7px solid #163c7c;
    height: 100%;
}