.objectives-section {
    background-color: var(--section-bg);
	position: relative;
	padding: 80px 0;
}

.obj-grid{
    display:grid;
    gap:1.25rem;
    margin-top:3rem;

    grid-template-columns:
        repeat(var(--desktop-cols), minmax(0, 1fr));
}

@media (max-width: 1199px){
    .obj-grid{
        grid-template-columns:
            repeat(var(--tablet-cols), minmax(0, 1fr));
    }
}

@media (max-width: 767px){
    .obj-grid{
        grid-template-columns:
            repeat(var(--mobile-cols), minmax(0, 1fr));
    }
}
.objectives-carousel {
	margin-top: 3rem;
}
.objectives-carousel .item {
	padding: 5px;
}
.obj-card {
	position: relative;
	overflow: hidden;
	height: 100%;
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 16px;
	padding: 1.75rem;
	transition: all .3s ease;
	box-shadow: var(--shadow);
}
.obj-card::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg,
			var(--navy),
			var(--btn));
	transform: scaleX(0);
	transform-origin: left;
	transition: transform .3s;
}
.obj-card:hover {
	transform: translateY(-5px);
	box-shadow: var(--shadow-lg);
	border-color: rgba(82, 66, 216, .25);
}
.obj-card:hover::after {
	transform: scaleX(1);
}
.obj-num {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: .9rem;
	font-family: 'Syne', sans-serif;
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .14em;
	color: var(--btn);
}
.obj-num::after {
	content: '';
	flex: 1;
	height: 1px;
	background: var(--border);
}
.obj-card h3 {
	font-family: 'Syne', sans-serif;
	font-size: 1rem;
	font-weight: 700;
	color: var(--deep);
	margin-bottom: .6rem;
}
.obj-card p {
	font-size: .85rem;
	line-height: 1.7;
	color: var(--muted);
}
.objectives-carousel .owl-dots {
	margin-top: 1.8rem;
	text-align: center;
}
.objectives-carousel .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px;
	background: #d4d4d8 !important;
	border-radius: 50%;
	transition: .3s;
}
.objectives-carousel .owl-dot.active span {
	width: 28px;
	border-radius: 30px;
	background: var(--primary) !important;
}

@media(max-width:767px) {
	.owl-nav{
		top:-50px;
		right:15px;
	}
	.owl-nav button{
		height: 35px;
		width: 35px;
	}
}

@media(min-width:768px) {
	.owl-nav{
		top:-75px;
		right:50px;
	}
	.owl-nav button{
		height: 50px;
		width: 50px;
	}
}
.obj-img img,.gallery-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	height: var(--img-height);
	border-radius:10px;
}

.owl-nav{
	position: absolute;
}
.owl-nav button{
	background: #5242d8 !important;
	border-radius: 50px;
    margin: 0px 5px;
}
.owl-nav button span{
	color: #fff;
}
.owl-dot{
	background: #5242d8 !important;
	opacity:.5;
	height:8px;
	width:8px;
	margin:0px 5px;
}
.owl-dot.active{
	opacity:1;
}
.obj-img{
	margin-bottom:15px;
}
.read-more-btn{
    display:inline-block;
    margin-top:15px;
    padding:10px 20px;
    background:#0b2a6b;
    color:#fff;
    text-decoration:none;
    border-radius:4px;
    transition:.3s;
}

.read-more-btn:hover{
    background:#17429c;
}