@media only screen and (max-width: 600px) {
  .min-vh-100 {
   
    min-height: 66vh !important;

  }
}



	   hr {
            width: 10%;
            margin: 10px auto;
            border-color: #ccc;
        }

        .bg3 {
            background-color: #f3f9fb;
        }

        .Syllabus {
            color: #1a6c7c;
            background-color: #fff;
            text-align: center;
        }

        .card {
            border: none;
            border-radius: 5px;
            transition: transform 0.3s, box-shadow 0.3s;
            background-color: #d6c8c8;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        }

        .card:hover {
            transform: scale(1.05);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        .firstcard img {
            height: 100%;
            object-fit: cover;
            border-radius: 0;
        }

        .secondcard {
            background-color: #fff;
            color: #00376b;
        }

        .thirdcard {
            background-color: #00376b;
            color: #fff;
        }

        .btn-sem-1, .btn-sem-2 {
            border-radius: 0;
            width: 150px;
            margin-top: 20px;
        }

        .btn-sem-1 {
            border: 1px solid #1a6c7c;
            color: black;
            background-color: transparent;
        }

        .btn-sem-1:hover {
            background-color: black;
            color: white;
        }

        .btn-sem-2 {
            border: 2px solid #1a6c7c;
            color: white;
            background-color: black;
        }

        .btn-sem-2:hover {
            background-color: white;
            color: black;
        }

        .line-text {
            display: flex;
            align-items: center;
            text-align: center;
            margin: 20px 0;
            position: relative;
        }

        .line-text::before,
        .line-text::after {
            content: "";
            flex: 1;
            border-bottom: 3px double #000;
        }

        .line-text:not(:empty)::before {
            margin-right: 10px;
        }

        .line-text:not(:empty)::after {
            margin-left: 5px;
        }
		
.botton1{
margin: 22px auto;
    padding: 13px 37px;
    font-size: 1.1rem;
    font-weight: bold;
	 border-radius: 0px;
}
.botton1:hover {
color:white;
  background-color: #153243;
}