/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/



.full-video {
	width: 100%;
    height: 100%; /* Ensures it takes up full container height */
    object-fit: cover; /* Ensures it fills the space properly */
    display: block;
}

.fbox-plain .fbox-icon i, .fbox-plain .fbox-icon img {
	color: #354a79;
}

.fbox-plain .fbox-icon i :hover, .fbox-plain .fbox-icon img :hover{
	color: #ff1d16;
}

.feature-box :hover{
	color: #ff1d16;
}

.fbox-effect .fbox-icon i:hover, .fbox-effect :hover{
	color: #ff1d16;
}

.justified-text {
    text-align: justify;
}

#logo {
    flex: 1; /* Makes the logo take available space */
    text-align: center; /* Centers the logo */
}

#logo img {
    max-width: 100%; /* Ensures the logo scales properly */
    height: auto; /* Maintains aspect ratio */
}

.primary-menu {
    flex: 2; /* Ensures the menu items align properly */
}

.textcolor {
	color: #354a79;
}

.feature-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.feature-box .fbox-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.feature-box img {
    max-height: 200px;
    object-fit: contain;
}