@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
:root{--blue-dark:#091e3a; --red:#d73f84; --sky-blue-light:#2d9ee0; --dark-sky-blue:#2f80ed; --white:#fff; --transition:all .4s ease-in; scroll-behavior: smooth;}
*{margin: 0; padding: 0;}
body{ font-family: 'Poppins', sans-serif; margin: 0; font-size: 16px;color: #2D3436; }
ul {list-style-type: none; padding: 0; margin: 0; }
a, button{ text-decoration: none; transition: var(--transition);}
a:hover, a:focus, button:hover, button:focus {text-decoration: none; outline: none; }
img{max-width: 100%;}
.mr-5{margin-right: 5px;}
.my-10{margin: 10px 0;}
.text-blue{ color: #091e3a;}
.bg-blue{ background-color: #091e3a;}
.bg-light{ background: #fefbe9;}
.text-yellow{ color: #f4e830;}
.txt-light{color: #8c8aac;}
.text-white{color: #fff;}
.logo img{ max-height: 45px;}
.flex-center{display: flex; align-items: center;}

header{ padding: 10px 0;}
header img{ max-height: 80px;}
.common{ padding: 30px 0;}
.banner-left img{width: 100%; object-fit: cover;}
.mr-15{ margin-right: 15px;}
.form-group{margin-bottom: 1rem;}
.form-container{  padding: 30px; background: #091e3a;color: #fff; }
.form-container h2{ font-size: 24px; margin-bottom: 5px; font-weight: 700; }
.banner-txt {position: absolute; right: 10%; bottom: 15%; z-index: 2;}
.banner-txt h1{font-size: 36px; font-weight: 700; margin: 0; color: var(--red);}
.input-group-text{ background: #fff; border-color: #091e3a;}
.form-container .form-control {border-radius: 0; height: 42px}
.form-container .form-control::placeholder{color: #2D3436;}
.form-container .form-control:focus{ box-shadow:none;}
.submit-btn button {border:0; background: var(--red); width: 100%; font-weight: 700; color: #fff !important; border-radius:0; font-size: 20px; padding: 12px 18px; margin: 10px 0 0; box-shadow: 0 12px 50px rgb(10 21 59 / 35%);}
.submit-btn button:hover{ color: #fff; }
.submit-btn button:focus{ outline: 0; }
.heading{ margin: 0 0 40px;}

.heading h2{ font-size: 34px; margin: 0; font-weight: 700; color: var(--blue-dark);}
.heading h2 span{color: var(--red);}
.why-choose { grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 20px; counter-reset: section; }
.why-choose li { font-size: 16px; padding: 60px 14px 10px; position: relative;background-color: var(--white); }
.why-choose li::before { counter-increment: section; font-size: 22px; position: absolute; top: 10px; content: counters(section,".") " "; min-height: 35px; color: #fff; font-weight: 700; min-width: 35px; display: flex; align-items: center; justify-content: center; background: var(--blue-dark); box-shadow: rgb(10 21 59 / 24%) 0px 4px 12px; }

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{border: 1px solid var(--red);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{background: var(--red); color: var(--white); border: 1px solid var(--red); }
.nav-tabs .nav-link{margin: 0; font-size: 16px;margin-right: 10px; font-weight: 600; border-radius: 4px; border: 1px solid var(--red);color: var(--red);}
.course-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 15px;}
.course-item{padding: 12px; border-radius: 4px; }
.course-item svg{height: 16px;width: 16px; margin-right: 5px;}
.course-item h3{font-size: 18px; font-weight: 600;}
.course-item p{margin: 0;}
.course-item .btn{background-color: transparent; color: var(--red) !important; border: 1.5px solid var(--red); font-weight: 600; font-size: 14px;}

.placements {display: grid;grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); flex-wrap: wrap; gap: 15px;}
.placements li{ text-align: center; margin-bottom: 15px;}
.placements li img{max-height: 45px; width: 100%; object-fit: contain; mix-blend-mode: darken;}

.fixed-btn{display: inline-block; background: var(--red); color: var(--white) !important; padding: 10px 10px; font-weight: 600; position: fixed; right: 0; top: 60%; z-index: 2; writing-mode: vertical-lr;}
footer{ background: var(--blue-dark);}

.banner-img{background-image: url(../images/banner.jpeg); background-size: cover; height: 600px; background-position: center;}
.banner-img .banner-txt{ width: 550px; }
.banner-img header img{max-height: 120px;}