.text-right {
        	text-align: right !important;
        }

        .g-20 {
        	grid-gap: 20px;
        }

        .card i {
        	color: #4c95dd;
        	font-size: 5em;
        	/* Increase the size of icons */
        }

        .card {
        	margin-bottom: 20px;
        	/* Add some space between cards */
        }

        .card-body {
        	padding: 20px;
        }

        .head-div h3 {
        	margin-top: 0;
        	/* Remove default margin */
        }

        .sub-feature-box {
        	background: linear-gradient(to right, #ff5035, #b36fd0);
        	border: 1px solid #ccc;
        	color: #ffffff;
        	padding: 1.2rem 0.5rem;
        	width: 100%;
        	height: 100%;
        	border-radius: 10px;
        	box-shadow: 0 2px 5px 0px rgba(223, 219, 219, 0.8);
        	display: flex;
        	flex-direction: column;
        	justify-content: center;
        	flex-grow: 1;
        	-webkit-transition: all 0.3s ease;
        	transition: all 0.5s ease;
        }

        a {
        	color: #f86d18;
        	text-decoration: none;
        }

        .sub-feature-box-media-object svg {
        	width: 60px;
        	fill: #ffffff;
        	;
        	height: auto;
        }

        .sub-feature-box-media-object i {
        	font-size: 40px;
        	width: 55px;
        	color: #ffffff;
        	;
        	height: auto;
        }



        .sub-feature-box-title {
        	font-size: 1.4rem;
        	font-weight: 500;
        	margin-top: 0.5rem;
        	text-align: center;
        }

        .sub-feature-box-media-wrap {
        	text-align: center;
        }



        .theme-primary a:hover,
        .theme-primary a:active,
        .theme-primary a:focus {
        	color: #fff !important;
        }

        .sub-feature-box {
        	transition: transform 0.3s ease, box-shadow 0.3s ease;
        	/* Add transitions for transform and box shadow */
        	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        	/* Add a subtle box shadow */
        }

        .sub-feature-box:hover {
        	transform: scale(1.03);
        	/* Scale the element to 105% on hover */
        	box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
        	/* Increase the intensity of the box shadow on hover */
        }

        .content-wrapper {
        	min-height: 90% !important;
        }

        @media only screen and (min-width: 1200px) {
        	.row {
        		grid-gap: 90px;
        	}
        }

        @media only screen and (max-width: 992px) {
        	.row {
        		grid-gap: 80px;
        	}

        }

        @media only screen and (max-width: 768px) {
        	.row {
        		grid-gap: 40px;
        	}


        }

        /* .inside-header{
	background-image: url(/images/retina.jpg) !important;
}

.main-header {
	background-image: url(/images/retina.jpg) !important;
}
.main-nav{
	background-color:#f0f8ff9e !important;
	
} */