body { font-family: 'Open Sans', sans-serif; scroll-behavior: smooth; margin: 0; font-size: 16px;}
html{ scroll-behavior: smooth;}
a:hover, a:focus { text-decoration: none; }
ul{ list-style-type: none; padding: 0; margin: 0;}
/* ===== Header ===== */
header{ padding: 10px 0;  }
header img{ max-width: 100%; height:45px; }
header p{ margin: 0; font-size: 20px; font-weight: 600; }
a{ transition: all .3s ease; color: #1a4c87; text-decoration: none; }
a:hover{ color: #ed7924;  }
.banner-container{ position: relative;}
.bg-light{ background: #f2f2f2;}
.banner-image{ position: relative; padding: 30px; background-image: url(../images/banner.jpg); height: 78vh; background-position: center; background-size: cover;  background-repeat: no-repeat;  }
.top_form{ position: absolute; right: 60px; top: 30px;  background:#1a4c87 ; width: 400px; border-radius: 0 30px; margin-left: auto; padding: 26px; box-shadow: 0 20px 50px rgb(26 76 135 / 50%); }
.top_form h2{ font-size: 28px; margin-bottom: 20px; font-weight: 700; color: #fff; }
.top_form .form-control {border: 1px solid #fff; height: 45px; border-radius: 4px;font-weight: 200; }
.top_form .form-control:focus{ box-shadow: none;}
.submit-btn button {border:0; background: #ed7924; font-weight: 700; color: #fff !important; border-radius: 30px; padding: 9px 24px; font-size: 22px; margin: 10px 0; box-shadow: 0 12px 50px rgb(237 121 36 / 42%); }
.submit-btn button:hover{ color: #fff; }
.submit-btn button:focus{ outline: 0;box-shadow: none; }
.banner-title{ position: absolute; bottom: 10%; left: 20px; background: #1a4c87; padding: 4px 8px; border-radius: 4px;}
.banner-title h1, .banner-title h2 { font-size: 40px; font-weight: 700; color: #fff;}
.banner-title h2{ font-size: 32px;}

.overview-sec{ padding: 30px 0; }
.overview-head h1{ font-size: 40px; font-weight: 700; margin: 15px 0 30px; color: #ed7924; text-align: center; }

.course-list{ display: flex; flex-wrap: wrap; gap: 15px; justify-content: center;}
.list-item img{ max-width: 100%; border-radius: 12px 12px 0 0; max-height: 178px; width: 100%;}
.list-item a{ display: inline-block; width: 100%; background: #fff; font-weight: 600; border: 1px solid #ddd; border-radius: 12px;}
.list-item p{ padding: 10px; margin: 0;}
.list-item a:hover, .p-clgs:hover{ box-shadow: 0 20px 50px rgb(189 187 195 / 55%);}
.p-clgs img{ max-height: 90px;}
.owl-nav{ display: flex; align-items: center; justify-content: center; margin: 25px 0 0;}
.owl-nav button{ display: flex; align-items: center; justify-content: center; font-size: 30px !important; outline: 0; margin: 0 5px; background: #ed7924 !important; color: #fff !important; height: 40px; width: 40px; border-radius: 50%;}

.clg-list { display: grid; grid-template-columns: repeat(6, 1fr);  gap: 15px; place-items: center;}
footer p{ font-size: 18px; margin-bottom: 0; }
footer{ padding: 30px 0;  }
.placement-list{ display: grid; grid-template-columns: repeat(5, 1fr); row-gap: 30px; column-gap: 15px; place-items: center;}
.placement-img img{ max-height: 80px;}
.placement-img { text-align: center;}