body {
            font-family: Arial, sans-serif;
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background-color: #f0f0f0;
        }
		/*  Navigation bar styles 
        .topnav {
		  overflow: hidden;
		  background-color: #000000;
		  width:100%;
		 
		}

		.topnav a {
		  float: left;
		  display: block;
		  color: #f2f2f2;
		  text-align: center;
		  padding: 14px 16px;
		  text-decoration: none;
		  font-size: 17px;
		}

		.active {
		  color: white;
		}

		.topnav .icon {
		  display: none;
		}

		.dropdown {
		  float: left;
		  overflow: hidden;
		}

		.dropdown .dropbtn {
		  font-size: 17px;    
		  border: none;
		  outline: none;
		  color: white;
		  padding: 14px 16px;
		  background-color:#000000;
		  font-family: inherit;
		  margin: 0;
		}

		.dropdown-content {
		  display: none;
		  position: absolute;
		  background-color: #000000;
		  min-width: 160px;
		  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		  z-index: 1;
		}

		.dropdown-content a {
		  float: none;
		  color: #fff;
		  padding: 12px 16px;
		  text-decoration: none;
		  display: block;
		  text-align: left;
		}

		.topnav a:hover, .dropdown:hover .dropbtn {
		  background-color: #ddd;
		  color: white;
		}

		.dropdown-content a:hover {
		  background-color: #ddd;
		  color: black;
		}

		.dropdown:hover .dropdown-content {
		  display: block;
		}

		@media screen and (max-width: 600px) {
		  .topnav a:not(:first-child), .dropdown .dropbtn {
			display: none;
		  }
		  .topnav a.icon {
			float: right;
			display: block;
		  }
		}

		@media screen and (max-width: 600px) {
		  .topnav.responsive {position: relative;}
		  .topnav.responsive .icon {
			position: absolute;
			right: 0;
			top: 0;
		  }
		  .topnav.responsive a {
			float: none;
			display: block;
			text-align: left;
		  }
		  .topnav.responsive .dropdown {float: none;}
		  .topnav.responsive .dropdown-content {position: relative;}
		  .topnav.responsive .dropdown .dropbtn {
			display: block;
			width: 100%;
			text-align: left;
		  }
		}*/
		
		 /* Slideshow container */
        .slideshow-container {
            max-width: 100%;
            position: relative;
            top:50px;
           
           
        }

        /* Slides */
        .mySlides {
            display: none;
        }

        /* Add some styles for the images if needed */
        .mySlides img {
            width: 100%;
        
        }

       /* .card {
            width: 330px;
            height: 230px;
            padding: 20px;
            margin: 20px;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            transition: transform 0.2s;
            background-color: #fff;
           display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            justify-content: space-between;
			margin-left:35px;
			position:relative;
        }*/

       .card {
           
      background-color: #415DAF;
       height: 230px;
      border-radius: 10px;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
      overflow: hidden;
      margin: 10px;
      padding: 15px;
      transition: transform 0.3s, box-shadow 0.3s;
    }

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

        .card-content {
            flex: 1;
            padding: 20px;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .card h2 {
            font-size: 24px;
            margin: 0;
            color: #fff;
            text-align: center;
        }

        .card p {
            font-size: 16px;
            margin-top: 10px;
            color: #fff;
            text-align: center;
        }

        /*.card-button {
            text-align: center;
            margin-top: 10px;
			
        }

        .card-button button {
            background-color: #FBF705;
            color: #460BB5;
            border: none;
            padding: 10px 20px;
			font-weight:600;
            border-radius: 5px;
            cursor: pointer;
			margin:-10px 50px 5px -70px;
            transition: background-color 0.3s;
        }*/
        
        
        .card-button {
      text-align: center;
    }

    .card-button button {
      background-color: #FBF705;
      color: #460BB5;
      border: none;
      border-radius: 5px;
      padding: 10px 20px;
      cursor: pointer;
      font-size: 16px;
      transition: background-color 0.3s;
    }

        .card-button button:hover {
            background-color: #E5E7E9;
			color: #DC7633;
			transition:.6s;
			
        }

        /* Card 1 */
        .card1 {
            background-color: #415DAF ;
        }
        .card2 {
            background-color: #415DAF;
        }
        .card3 {
            background-color: #415DAF;
        }

        .card4 {
            background-color: #415DAF;
        }
        .card5 {
            background-color: #415DAF;
        }
        .card6 {
            background-color: #415DAF;
        }
        .card7 {
            background-color: #DE3163;
		
        }
        .card8 {
            background-color: #A04000;
        }
        .card9 {
            background-color: #800000;
        }
	
/*internal card design */
		
		.internal1 { 
			background: #E62077;
			width: 100px;
			position:relative;
			border-bottom-right-radius: 26px;
			padding: 4px 0px 3px 0px;
			font-weight: 680;
			top:-30px;
			left:-20px;
			}
			.pattern1 {
			position: absolute;
			margin-left:190px ;
			background: #E62077;
			width: 130px;
			text-align:justify-content;
			font-weight: 700;
			right:-0px;
			top:190px;
			padding: 5px 3px 5px 5px;
			border-top-left-radius: 26px;
			}
		 /* Footer styles */
        .footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 10px;
			width:100%;
        }
		.my{
			text-align:left;
			margin-left:50px;
			font-weight:700;
			color:#DE3163;
		}
	.my	a {
		text-decoration:none;
		color:#DE3163;
		}
		#line{
		width:100%;
		height:100px;
		background:#415DAF;
		padding:0px 0px -20px 10px;
		font-size:35px;
		font-weight:700;
		color:#fff;
		margin-top:20px;
		}
		/* casrd text*/
		.text {
      font-size: 25px;
      font-weight:700;
      color: #555;
      margin-bottom:10px;
      text-align:left;
     
    }
		/* calender*/
		.calender {
			width: 300px;
			border: 2px solid #9d9d9d;
			border-radius: 11px;
			padding: 0 0.5rem;
			box-shadow: -2px 1px 13px 0 #000;
			min-height: 12rem;
			transition: transform 0.2s;
            flex-direction: column;
            justify-content: space-between;
			margin-left:35px;
			margin-top:0px;

			}
			.calen {
				width: 95%;
				border: 2px solid #9d9d9d;
				padding: 0 0.10rem;
				box-shadow: -2px 1px 13px 0 #000;
				min-height: 3rem;
				background:red;
				text-align:center;
				
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
				}
			/* calender background color */
			
			#cal1{
				color:white;
				background:#016245;
				padding-top:6px;
				text-shadow:25px 5px 25px #fff;
				font-size:25px;
			}#cal2{
				color:white;
				background:#EC4210;
				padding-top:5px;
				text-shadow:25px 5px 25px #fff;
				font-size:25px;
			}#cal3{
				color:white;
				background:#A41C58;
				text-shadow:25px 5px 25px #fff;
				padding-top:5px;
				font-size:25px;
			}
			li a{
			
				text-decoration:none;
				color:#239B56;
				font-weight:700;
				margin-left:10px;
			}
			h2{
				color:green;
			}
		/* Toggleable navigation menu */
        .navbar.hidden {
            display: none;}
			.img:hover{width:230px;height:230px;}
			.img2:hover{width:120px;height:120px;}