@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
	font-family: "poppins";
	scroll-behavior: smooth;
}

.alert {
	top: 50%;
	/* Adjust the margin-top value as needed */
}

@media screen and (min-width: 1024px) {


	.custom-heading {
		font-size: 1.5em;
		font-weight: bold;
	}

	.custom-select table {
		border-collapse: collapse;
		width: 100%;
		position: relative;
		justify-content: center;
		font-size: 11px;
	}

	.custom-select th {
		display: none !Important;
	}

	.custom-select,
	td {
		text-align: left;
		padding: 10px 10px;
		font-size: 13px;
	}

	.know-more-button {
		background-color: #339966;
		padding: 5px 30px;
		color: #fff;
		border-radius: 5px;
	}

	.fa {
		margin: 5px;
	}

	.fa-check {
		color: green;
	}

	.fa-times {
		color: red;
	}

	.fa-star {
		color: rgba(255, 218, 10, 0.986);
	}

	.fas fa-star-half-alt {
		color: rgba(255, 218, 10, 0.986);
	}

	.far fa-star {
		color: rgba(255, 218, 10, 0.986);
	}

	.select-area {
		flex-grow: 1;
		margin: 0 5px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		font-size: 12px;
		background-color: #fff;
		border: 2px solid #fff;
		border-radius: 5px;
	}


	.sel-option {
		width: 100%;
		padding: 10px;
		background-color: #efefef;
		border-radius: 5px;
	}

	.clearfix::after {
		content: "";
		display: table;
		clear: both;
	}

	.university-logo {
		width: 80%;
		margin: 10px;
	}

	#compareNowBtn {
		background-color: #ffd30f;
		padding: 10px 60px;
		color: #ff7a00;
		font-weight: 600;
		font-size: large;
		border-radius: 30px;
	}

#course {
        color: #000;
        width: 100%!important;
        padding: 10px;
        text-align: center;
        border-radius: 5px;
        border: 10px solid #E5F4FF;
        background-color: #E5F4FF;
        margin-right: 5px;
        font-weight: 600
    }
	
		#courseIconContainer {
    display: flex;
    justify-content: center;
    align-items: center; 
   min-height: 120px; 
}

	.c2 {
		/* width: calc(100% / 3); */
		display: flex;
		/* or if you want to consider padding and border widths */
		/* width: calc((100% - (3 * (padding + border))) / 4); */
	}

	.fee-style {
		color: rgb(255, 0, 157);
		font-weight: 700;
	}

	#result {
		background: none;
		width: 100%;
		padding: 0px;
	}

	th {
		background: none !important;
	}

	.top-0 {
		top: 100px;
	}

	#courseDataBody {
		background-color: #fff;
	}

	.yellow-text {
		color: #ffd30f;
		font-weight: bold;
	}

	#p-mobile {
		display: none;
	}
	

}

@media only screen and (max-width: 600px) {

	.custom-select,
	td {
		/* border: 1px solid #dddddd; */
		text-align: left;
		/* padding: 10px 30px; */
		font-size: 12px;
	}

	#result {
		background: #fff;
		width: 100%;
		padding: 0px;
	}

	.custom-select,
	td {
		padding: 5px;
	}

	#compareNowBtn {
		background-color: #ffd30f;
		padding: 10px 30px;
		color: #ff7a00;
		font-weight: 600;
		font-size: large;
		border-radius: 27px;
		margin: 20px !important;
	}

	th {
		background: none !important;
	}

	.top-0 {
		top: 70px;
	}

	.know-more-button {
		background-color: #339966;
		padding: 5px;
		color: #fff;
		border-radius: 5px;
		margin: 5px 2px !important;
		font-size: 10px !important;
	}

	.fa {
		margin: 2px;
	}

	.fa-check {
		color: green;
	}

	.fa-times {
		color: red;
	}

	.fa-star {
		color: rgba(255, 218, 10, 0.986);
		font-size: 8px !important;
	}

	.fee-style {
		color: rgb(255, 0, 157);
		font-weight: 700;
	}
	#selectcourse {
          width: 100%;
          position: absolute;
          border:1px solid #E5F4FF!important;
          margin-bottom: 20px!important;
			margin-top:-10px!important; text-align: center;font-weight: 600; display:flex; padding: 0px 20px;
			
        }
	
	#selectcourse img
	{width:50%;}

	#course {
		background-color: #E5F4FF;
		border-right: 3px solid #E5F4FF;
		color: black;
		width: 100%;
		font-size: 12px !important;
	}

	.yellow-text {
		color: #072C50;
	}

	#p-t {
		display: none;
	}

	#p-mobile {
		display: block;
		color: #fff;
		font-size: 13px;
		text-align: center;
		line-height: 1.5;
		margin-top: 10px;
	}

	.sel-option {
		width: 100%;
		padding: 2px;
		background-color: #efefef;
		border-radius: 5px;
	}
	
	#courseIconContainer {
    display: flex;
    justify-content: center;
    align-items: center; 
   min-height: 60px!important; 
}
}