.shadow-sm1{
		box-shadow: -2px 3px 3px 2px rgb(190 194 200 / 57%) !important;
	}
		.hover-bottom-top {
		position: relative; 
		overflow: hidden;   
		}
		.hover-bottom-top::before {
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			height: 100%;
			background-image: linear-gradient(58deg, #f0750238 0% 0%, #32549b2b 99.13%);
			transition: top 0.5s ease-in-out;
			z-index: 0;
		}
		.hover-bottom-top:hover::before {
		top: 0; 
		}

		.info-box {
			display: flex;
			align-items: center;
			background: white;
			padding: 15px;
			border-radius: 10px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			margin-bottom: 10px;
		}
        .color-blue {
            color: #00417D;
        }

		.icon {
			font-size: 24px;
			margin-right: 15px;
		}

		.info-box i {
			color: white;
			padding: 8px 10px 9px 10px;
			border-radius: 50%;
		}

		.email-icon {
			background: #FFC107;
		}

		.whatsapp-icon {
			background: #25D366;
		}

		.phone-icon {
			background: #6F42C1;
		}

		.web-icon {
			background: #FD7E14;
		}

		.nav-btn {
			background-color: #00417D;
			color: white;
		}

		.nav-btn:hover {
			background-color: rgb(1, 48, 91);
			color: white;
		}

		/* banner slider css  */
		/* slider */
		:root {

			--primary: linear-gradient(145deg, #00417D, #00417D);

		}

		.hero_section ::-webkit-scrollbar {
			height: 12px;
			width: 8px;
			background: var(--dark);
		}

		.hero_section ::-webkit-scrollbar-thumb {
			background: gray;
			-webkit-box-shadow: 0px 1px 2px var(--dark);
		}

		.hero_section ::-webkit-scrollbar-corner {
			background: var(--dark);
		}

		.hero_section a {
			text-decoration: none !important;
			min-width: fit-content;
			width: fit-content;
			width: -webkit-fit-content;
			width: -moz-fit-content;
		}

		.hero_section a,
		button {
			transition: 0.5s;
		}

		.hero_section a,
		p,
		.btn {
			font-size: 15px;
		}

		.hero_section p {
			line-height: 1.9em;
			color: var(--lite);
		}

		.hero_section a,
		button,
		input,
		textarea,
		select {
			outline: none !important;
		}

		.hero_section fieldset {
			border: 0;
		}

		.hero_section h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			margin: 0;
		}

		.hero_section .title,
		.sub_title {
			font-family: var(--title_font);
			font-weight: 400;
			margin: 0;
		}

		.hero_section .flex,
		.fixed_flex {
			display: flex;
		}

		.hero_section .flex_content {
			width: 100%;
			position: relative;
		}

		.hero_section .padding_1x {
			padding: 1rem;
		}

		.hero_section .padding_2x {
			padding: 2rem;
		}

		.hero_section .padding_3x {
			padding: 3rem;
		}

		.hero_section .padding_4x {
			padding: 4rem;
		}

		.hero_section .big {
			font-size: 2.5em;
		}

		.hero_section .medium {
			font-size: 2em;
		}

		.hero_section .small {
			font-size: 1.3em;
		}

		.hero_section .btn {
			padding: 1rem;
			border-radius: 5px;
			color: var(--white);
			position: relative;
			border: 0;
			text-align: center;

		}

		.hero_section .btn_3 {
			display: block;
			background-color: 0;
			color: var(--white);
			position: relative;
			font-family: var(--default_font);
			font-weight: 400;
			text-transform: uppercase;
		}

		.hero_section .btn_3:before {
			content: "";
			border-radius: 50%;
			background-color: rgba(255, 255, 255, 0.2);
			position: absolute;
			left: 0;
			top: 50%;
			width: 40px;
			height: 40px;
			transition: 0.5s;
			transform: translate(0%, -50%);
		}

		.hero_section .btn_3:after {
			content: "\f178";
			font-family: "FontAwesome";
			margin-left: 5px;
		}

		.hero_section .btn_3:hover:before {
			border-radius: 40px;
			width: 100%;
		}

		@media (max-width:920px) {
			.hero_section .flex {
				flex-wrap: wrap;
			}

			.hero_section .padding_1x,
			.padding_2x,
			.padding_3x,
			.padding_4x {
				padding: 1rem;
			}

			.hero_section .big {
				font-size: 1.8em;
			}

			.hero_section .medium {
				font-size: 1.3em;
			}

			.hero_section .small {
				font-size: 1.1em;
			}

			.hero_section .btn {
				padding: 0.5rem 1rem;
			}

			.hero_section a,
			p,
			.btn {
				font-size: 12px;
			}
		}

		.hero_section .slider {
			position: relative;
			width: 100%;
			height: 100vh;
		}

		.hero_section ul {
			padding: 0;
			margin: 0;
		}

		.hero_section .slider .title {
			font-weight: 400;
		}

		.hero_section .slider li {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			transition: clip .7s ease-in-out, z-index 0s .7s;
			clip: rect(0, 100vw, 100vh, 100vw);
			display: flex;
			align-items: center;
			justify-content: left;
		}

		.hero_section .slider li:nth-child(1) {
			background: linear-gradient(to right, rgba(1, 1, 1, 1) 10%, rgba(1, 1, 1, 0.8) 51%, rgba(1, 1, 1, 0.2) 100%), url("assets/img/banner/banner1.webp");
			background-size: cover;
			background-position: top left;
		}

		.hero_section .slider li:before {
			content: "";
			position: absolute;
			top: -20px;
			right: 0;
			width: 250px;
			height: 250px;
			background-image: url("https://i.postimg.cc/02zcww6c/slider-shape.png");
			background-size: 100% 100%;
			transition-delay: 1s;
			transform: rotate(-90deg);
			z-index: 1;
		}

		.hero_section .slider li:after {
			content: "";
			position: absolute;
			bottom: 0;
			left: 0;
			width: 300px;
			height: 300px;
			background-image: url("https://i.postimg.cc/KjKbwDfR/slider-shape-2.png");
			background-size: 100% 100%;
			transform: rotate(360deg);
			transition: all 1.5s cubic-bezier(0, 0, .2, 1);
			z-index: 1;
			background-position: center left;
		}

		.hero_section .slider li:nth-child(2) {
			background: linear-gradient(to right, rgba(1, 1, 1, 1) 10%, rgba(1, 1, 1, 0.8) 51%, rgba(1, 1, 1, 0.2) 100%), url("assets/img/banner/banner2.webp");
			background-size: cover;
			background-position: top left;
		}

		.hero_section .slider li:nth-child(3) {
			background: linear-gradient(to right, rgba(1, 1, 1, 1) 10%, rgba(1, 1, 1, 0.8) 51%, rgba(1, 1, 1, 0.2) 100%), url("assets/img/banner/banner3.webp");
			background-size: cover;
			background-position: top left;
		}

		.hero_section .slider li:nth-child(4) {
			background: linear-gradient(to right, rgba(1, 1, 1, 1) 10%, rgba(1, 1, 1, 0.8) 51%, rgba(1, 1, 1, 0.2) 100%), url("assets/img/banner/banner2.webp");
			background-size: cover;
			background-position: top left;
		}

		.hero_section .slider article {
			width: 60%;
			margin-top: 4rem;
			color: #fff;
			z-index: 11;
		}

		.hero_section .slider h3+p {
			display: inline-block;
			color: var(--lite);
			font-weight: 300;
		}

		.hero_section .slider h3,
		.slider h3+p,
		.slider p+.btn,
		li:after {
			opacity: 0;
			transition: opacity .7s 0s, transform .5s .2s;
			transform: translate3d(0, 50%, 0);
		}

		.hero_section li.current h3,
		li.current h3+p,
		li.current p+.btn,
		li.current:after {
			opacity: 1;
			transition-delay: 1s;
			transform: translate3d(0, 0, 0);
		}

		.hero_section .slider li:before {
			transition: 0.5s;
			top: -250px !important;
		}

		.hero_section li.current:before {
			transition-delay: 1s;
			transform: rotate(-90deg);
			top: -20px !important;
		}

		.hero_section li.current {
			z-index: 1;
			clip: rect(0, 100vw, 100vh, 0);
		}

		.hero_section li.prev {
			clip: rect(0, 0, 100vh, 0);
		}

		.hero_section .slider aside {
			position: absolute;
			bottom: 2rem;
			left: 2rem;
			text-align: center;
			z-index: 10;
		}

		.hero_section .slider aside a {
			display: inline-block;
			width: 8px;
			height: 8px;
			min-width: 8px;
			min-height: 8px;
			background-color: var(--white);
			margin: 0 0.2rem;
			transition: transform .3s;
		}

		.hero_section .slider em {
			background: var(--primary);
			-webkit-text-fill-color: transparent;
			-webkit-background-clip: text;
		}

		.hero_section a.current_dot {
			transform: scale(1.4);
			background: var(--primary) !important;
		}

		@media screen and (max-width: 920px) {
			.hero_section header {
				height: 70vh;
				position: relative;
			}

			.hero_section .cs-down {
				display: none;
			}

			.hero_section .slider {
				height: 70vh;
			}

			.hero_section .slider article {
				width: 100%;
				margin-top: 2rem;
			}

			.hero_section .slider li:nth-child(2) {
				background-position: top center;
			}

			.hero_section .slider li:nth-child(3) {
				background-position: top center;
			}

			.hero_section li.current:before {
				top: -30px;
				right: -10px;
			}
		}

        .loader {
           display: block;
            --height-of-loader: 5px;
            --loader-color: rgb(250 162 31 / 80%);
            width: 300px;
            height: var(--height-of-loader);
            border-radius: 30px;
            background-color: rgb(55 82 158);
            position: relative;
        }

        .loader::before {
        content: "";
        position: absolute;
        background: var(--loader-color);
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        border-radius: 30px;
        animation: moving 1s ease-in-out infinite;
        }

        @keyframes moving {
        50% {
            width: 100%;
        }

        100% {
            width: 0;
            right: 0;
            left: unset;
        }
        }

		.faq-color-1 {
        background-color: #f8f9fa; /* Light Gray */
			}
			.faq-color-2 {
				background-color: #e6f7ff6c; /* Light Blue */
			}
			.faq-color-3 {
				background-color: #fff7e666; /* Light Orange */
			}

	


			    .select2-container--default .select2-selection--multiple .select2-selection__clear {
            cursor: pointer;
            float: right;
            display: none !important;
            font-weight: bold;
            margin-top: 5px;
            margin-right: 10px;
            padding: 1px;
        }

        .accordion-button::after {
            flex-shrink: 0;
            content: "";
            background-image: none;
        }

        .accordion-button:not(.collapsed)::after {
            background-image: none;
            transform: var(--bs-accordion-btn-icon-transform);
        }

        .teacher-item .card:hover {
            background-color: rgb(250 163 32 / 5%);
            box-shadow: 0 4px 6px rgba(250, 163, 32, 0.389);
        }

        .border-facultyfinder-primary {
            border-color: #faa320 !important;
        }

        .teacher-item {
            display: flex;
            flex-direction: column;
        }

        .teacher-item .card {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .teacher-item .card > div {
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .teacher-size .left-column, .teacher-size .right-column {
            flex: 1;
        }

        .teacher-size .gap-3 {
            gap: 1.5rem;
        }

        .teacher-size .left-column p {
            font-weight: bold;
        }

        .teacher-size .right-column p {
            text-align: left;
        }

        .form-control {
            padding: calc(.47rem - 1px) calc(.41rem - 1px) !important;
        }

        .teacher-size {
            font-size: 14px !important;
            padding: 0px 16px;
            border-radius: 8px;
        }

        .teacher-card {
            border: 2px solid #30569c;
            border-radius: 10px;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .teacher-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
        }

        .teacher-image {
            height: 180px;
            object-fit: cover;
            border: 2px solid #30569c;
            border-radius: 6px;
        }

        .no-results {
            text-align: center;
            color: #30569c;
            font-size: 1.2rem;
            margin-top: 2rem;
        }

        /* Active button styles */
        .filter-type-btn.active {
            background-color: #faa320 !important;
            color: white !important;
            border-color: #faa320 !important;
        }

        .filter-type-btn.active-teacher {
            background-color: #007bff !important;
            color: white !important;
            border-color: #007bff !important;
        }

        .filter-type-btn.active-hybrid {
            background-color: #ffc107 !important;
            color: white !important;
            border-color: #ffc107 !important;
        }

        @media (max-width: 768px) {
            .w-100 {
                width: 300px !important;
            }
            .justify-content-end {
                justify-content: center !important;
            }
        }

         .bg-facultyfinder-primary {
        background-color: #faa320 !important;
    }
    .bg-label-primary {
       background: #38539f !important;
    color: #ffffff !important;
    }








	      .teacher-item {
                opacity: 0;
                animation: fadeInUp 0.6s ease-out forwards;
                animation-delay: calc(0.1s * var(--index));
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            /* Initial fade-in animation */
            @keyframes fadeInUp {
                0% {
                    opacity: 0;
                    transform: translateY(20px);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* Hover effect */
            .teacher-item:hover {
                transform: scale(1.05);
                box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
            }

            /* Non-hover reset */
            .teacher-item:not(:hover) {
                transform: scale(1);
                box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            }

            /* Inner content animation on hover */
            .teacher-item:hover .right-column div {
                animation: slideUpInner 0.4s ease-out forwards;
                animation-delay: calc(0.05s * var(--inner-index));
            }

            @keyframes slideUpInner {
                0% {
                    opacity: 0.7;
                    transform: translateY(10px);
                }
                100% {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            /* Color scheme */
            .bg-facultyfinder-primary {
                background-color: #faa320 !important;
            }

            .border-facultyfinder-primary {
                border-color: #faa320 !important;
            }

            .text-primary {
                color: #faa320 !important;
            }

            .btn-primary {
                background-color: #faa320 !important;
                border-color: #faa320 !important;
                transition: background-color 0.3s ease;
            }

            .btn-primary:hover {
                background-color: #e6951c !important;
                border-color: #e6951c !important;
            }

            .card {
                background-color: #ffffff;
                border-radius: 8px;
                overflow: hidden;
            }

            /* Stagger inner content */
            .right-column div {
                --inner-index: 0;
                transition: opacity 0.3s ease, transform 0.3s ease;
            }

            .right-column div:nth-child(1) { --inner-index: 1; }
            .right-column div:nth-child(2) { --inner-index: 2; }
            .right-column div:nth-child(3) { --inner-index: 3; }
            .right-column div:nth-child(4) { --inner-index: 4; }
            .right-column div:nth-child(5) { --inner-index: 5; }
            .right-column div:nth-child(6) { --inner-index: 6; }

            /* Demo link styling */
            .play-icon-link {
                display: flex;
                align-items: center;
                gap: 5px;
                text-decoration: none;
                color: #faa320;
            }

            .play-icon-link:hover {
                color: #e6951c;
            }