/*common-css*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
html{  scroll-behavior: smooth;}
body{ font-family: 'Poppins', sans-serif; margin: 0; font-size: 16px; }
ul {list-style-type: none; padding: 0; margin: 0; }
a:hover, a:focus, button:hover, button:focus {text-decoration: none; outline: none; }
.display-flex {display: flex }
.display-grid {display: grid }
.flex-1{ flex:1; }
.align-items-start {align-items: flex-start }
.align-items-end {align-items: flex-end }
.align-items-center {align-items: center }
.flex-wrap {flex-wrap: wrap }
.flex-column {flex-direction: column }
.justify-space-between {justify-content: space-between }
.justify-content-center {justify-content: center }
.justify-content-end {justify-content: flex-end }
.text-blue{ color: #1b4d89;}
.text-yellow{ color: #e3b121;}
.text-green{ color: #6cb784;}
.logo img{ max-height: 90px;}
.logo{ margin: 10px 0;}
.bg-light{ background: #f7f7f7;}

.banner-img{ position: relative; padding: 30px; background-image: url(../images/banner.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed; }
.banner-img::before{ content: ""; position: absolute; inset:0; background: rgba(0, 0, 0, .7);}
/* .banner-bg{ background-image: url(../images/banner.png); background-size: cover; background-repeat: no-repeat; background-position: center; height: 100vh; } */
.clg-name h1{ font-size: 50px; margin-bottom: 0; font-weight: 700; display: inline-block; color: #fff; }
.clg-name p{  font-size: 20px; margin: 15px 0; color: #fff;}
.short-item svg{ height: 45px; width: 45px; fill: #6db784; margin-bottom: 10px;}
.short-item .txt{ font-size: 18px; font-weight: 600; color: #1b4d89 ;}
.short-item{ width: 20%; flex-direction: column;}
.form-flex .form-group:first-child{ margin: 0 15px 15px 0; }
.enroll-btn .btn{ font-size: 26px; margin-top: 20px; background: #1b4d89; color: #e3b121; border-radius: 40px; font-weight: 700; padding: 15px 30px; box-shadow: 0 12px 50px rgba(27, 77, 136, 0.62);}

.top_form{ background: #e3b121; position: relative;  max-width: 430px; margin: auto;  padding: 28px; z-index: 1; box-shadow:0 20px 50px rgb(227 177 35 / 49%); }
.top_form h2{ font-size: 30px; margin: 0 0 20px; font-weight: 700;color: #1b4d89; }
.top_form .form-control{   height: 50px; font-size: 16px; }
.top_form .form-control::placeholder{ color: #1b4d88; font-weight: 300;}
.top_form .form-control:focus{ box-shadow: inset 0 1px 1px rgb(27 77 137 / 20%), 0 0 7px rgb(227 177 35 / 77%); }
.submit-btn button{  background: #1b4d89; outline: 0 !important; color: #e3b121 !important; padding: 9px 24px; border-radius: 40px; font-size: 26px; font-weight: 700; margin: 10px 0; box-shadow: 0 12px 50px rgb(27 77 137 / 50%); }
.submit-btn button:hover{ color: #fff; }
.submit-btn button:focus{ outline: 0; }

.common{ display: inline-block; width: 100%; padding: 30px;}
.common h2{ font-size: 50px; margin-top: 0; line-height: 1.2; position: relative;  display: inline-block; color: #1b4d88; }
.common h2::before{ content: ""; display: block; height: 7px; width: 100px; background: #e3b121; position: absolute; left: 0; bottom: 0; }
.heading h3{ font-size: 30px; margin: 0 0 30px;}
.ease{ transition: all .3s ease-in-out;}
.course-head{ font-size: 30px; text-align: center; margin-top: 0; background: #e3b121; color: #fff; padding: 10px; border-radius: 6px; box-shadow: 0 10px 20px rgba(249, 228, 90, 0.81);}
.course-list{ padding: 0;}
.why-choose-list, .feature-list { grid-template-columns: repeat(3, 1fr); gap: 20px; }

.why-choose-list .item img{ height: 50px; width: 50px; margin-bottom: 10px;}
.why-choose-list li{ position: relative; padding: 20px;  font-size: 16px; border-radius: 12px; }
.why-choose-list li:hover{ background: #f7f7f7; box-shadow: 0 20px 50px rgb(159 151 151 / 40%);}
.feature-list{  gap: 10px;}
.feature-list h6{ font-size: 20px; margin: 5px 0;}
.feature-list p{ font-size: 16px; margin: 0 0 5px; font-weight: 500;}
.feature-list li{ font-size: 14px; font-weight: 300; padding: 12px; border-radius: 12px; background: #e3b121; box-shadow: 0 20px 50px rgb(227 177 35 / 49%);}
.feature-list li:hover{ transform: translateY(-2px);}

.courses-slider svg{ height: 18px;width: 18px; margin-right: 10px;}
.courses-slider h3{ font-size: 18px; font-weight: 600; margin: 0 0 5px; line-height: 1.2; min-height: 43px;}
.courses-slider h3 small{ font-weight: 500; font-size: 12px;}
.courses-slider p{ margin: 5px 0;}
.apply-btn{ background: #1b4d89; margin-top: 5px; color: #fff !important; padding: 6px 14px; border-radius: 28px; font-weight: 600; outline: 0 !important; box-shadow: 0 12px 50px rgb(27 77 137 / 50%); }
.courses-slider .item{ background: #fff; border: 3px solid #e3b121; padding: 20px 16px; border-radius: 12px;}
.scholarship-banner{ background-image: url(../images/scholarship.png); background-size: contain; background-position: center; height: 40vh; background-repeat: no-repeat;}

.placement-item { grid-template-columns: repeat(6, 1fr); gap: 20px; place-items: center; margin: 20px 0;}
.placement-item  img{ max-height: 50px;}
.placement-item .item{ margin: 10px 0; border: 1px solid #e3b121; width: 100%; text-align: center; padding: 12px; border-radius: 2px;}
.facility-list { grid-template-columns: repeat(4, 1fr); place-items: center; gap: 15px;}
.facility-list img{ height: 70px; width: 70px;}
.facility-list .item{text-align: center;}
.facility-list p{ margin: 5px 0;}

.contact{ flex-wrap: wrap; margin: 20px 0;}
.address-block{ padding: 16px 20px; text-align: center; background: #e3b121; border-radius: 6px; margin: 0 auto; max-width: 340px; box-shadow: 0 10px 20px rgb(227 177 35 / 48%);}
.address-txt{ font-size: 16px; margin: 15px 0 0;}
.address-txt p{ margin: 0 0 10px;}
.address-txt a{ color: currentColor;}
.contact svg{ height: 40px; width: 40px;  fill: #1b4d89;}
.adress span{ font-size: 20px; font-weight: 700; }

footer .svg-icons{ height: 20px; width: 20px; margin-right: 10px;}
footer{  padding: 30px;}
.cc-logo h3{ font-size: 16px; margin: 0;}
.contact-num a{ margin-right: 10px; }
.contact-num{ margin: 15px 0;}
.contact-num svg{ fill: #1b4d88;}
footer p{ margin: 0;}
.social-icon a{ display: flex;}