:root{
    --blue: #0d4b97;
	--violet: #3e0f55;
	--yellow: #D4A851;
}


/* reset css */
	*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
	img{max-width: 100%;}
	ul,li{list-style: none;margin: 0;}
	a{text-decoration: none !important;display: inline-block;font-size: 16px;cursor: pointer;  color: #131313;}
	select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
	select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
	input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
	textarea{resize: none;}
	p {color: #131313;font-size: 14px;margin: 15px 0;text-align: justify;  line-height: 1.6;}

	iframe{width: 100%;height: 100%;border: none;}

	h1{font-size: 32px;}
	h2{font-size: 28px; font-weight: 500; color: var(--yellow);}
	h3{font-size: 24px; font-weight: 400; color: var(--violet);}
	h4{font-size: 22px;}
	h5{font-size: 20px;}
	h6{font-size: 18px;}

	h2.index-h2 { font-size: 60px; text-align: left; font-weight: 600; background: linear-gradient(to left, #D76511 0%, #f48534 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	h3.index-h3 { font-size: 44px; }

	h2.inner-h2 { font-size: 40px; font-weight: 400; line-height: 1.4;}
	h3.inner-h3 { font-size: 30px; font-weight: 600; color: var(--orange);}

	*,:after,:before, body, a, ul, li, select, input, textarea, button, input::placeholder, textarea::placeholder, p, h3, h4, h5, h6{font-family: "verdana", sans-serif;}
	  h1, h2  {font-family: 'trajan pro';}
/* reset css */

/* common css */
	.wrapper {width: 100%;overflow: hidden;}
	.fluid-container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
/* common css */
    @font-face{font-family: 'myriad pro';src: local('myriad pro'), url(../fonts/myriadpro.woff) format("woff")}
    @font-face {font-family: 'trajan pro'; src: url('../fonts/TrajanPro-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}

	body{font-family: verdana, sans-serif;overflow-x:hidden ;}
	body{background: url(../images/bg.webp);}
	.color{color:#D4A851;}

/* responsive-css */
	html.hc-nav-yscroll {overflow-y: scroll;}
	.desk-resp-ham {display: none;}
	.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;left: 32px;bottom: 0px;margin: auto;top: 0px;height: 20px;}
	.desk-resp-ham ul.toggle-desk li { transform: translateY(-50%); list-style: none; display: block; position: absolute; left: 0; height: 3px; right: 0; margin: 0 auto; width: 20px; opacity: 1; background: var(--blue); transition: all .25s ease;  z-index: 1;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 52%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 84%;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
	.inner-desk-ham {display: flex;}
	.desk-resp-ham .sidebar {position: fixed;top: 0; right: -350px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;  background: #3e0f55;}
	.desk-resp-ham .sidebar::before {content: '';position: absolute;background: #24293e;top: 0;left: 0;bottom: 0;}
	.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
	.desk-resp-ham .sidebar.active { right: 0px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); padding: 0px 0 120px; top: 0px;}
	.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: none;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
	.desk-resp-ham .sidebar a > img { width: 100%;max-width: 130px;background: #3e0f55;border-radius: 10px}
	.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
	.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
	.nav-dropdown li a {padding: 10px 20px 10px 35px !important;}
	.nav-dropdown li a::before { content: ''; position: absolute; left: 2px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); top: -2px; bottom: 0; margin: auto; left: 20px;}
	.nav-dropdown li a:hover {background: #fff;color: #24293e!important;}
	.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid #fff ;border-bottom: 2px solid #fff;}
	.desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link, .desk-resp-ham .sidebar ul.menu li span.act-link { background: var(--yellow); color: #FFF6E5 !important;  font-weight: 600;}
	.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: #fff;width: 100%; max-width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 16px;text-align: left;}
	.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link { left: 0; background: none; color: var(--yellow) !important;}
	.desk-ham-menu li a.act-link::before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important;}
	.nav-dropdown-1 { background: #718d67;}
	.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
	.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
	.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
	.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
	.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
	.nav-dropdown {display: flex;flex-direction: column;gap: 0px !important;background: #8595a442;}
	.nav-dropdown li a {font-size: 14px !important;}
	.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
	.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span img { width: 100%; max-width: 15px !important; transition: 1s ease-in-out; filter: invert(1); background: none;}
	.desk-resp-ham .sidebar ul.menu li:hover > a.dropdown-span img, .desk-resp-ham .sidebar ul.menu li.act-link > a.dropdown-span img { transition: 1s ease-in-out;filter: invert(1);}
	.nav-dropdown li {background: var(--blue);}
    .resp-home.resp-link{background: var(--green);color: #FFF6E5 !important;font-weight: 600;}
	.nav-dropdown-1 {display: none;}
    .nav-dropdown-1 li a{padding: 10px 20px 10px 50px !important;;}
    .nav-dropdown-1 li a::before{left: 30px}
/* responsive-css */   

/* header css */
	.top-header-wrapper {background: var(--violet); color: #fff; font-size: 14px; padding: 6px 0;}
	.top-header-inner-wrapper { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 5px 30px;}
	.top-header-links-left a, .top-header-links-right a {color: #fff; margin: 0 10px;font-size: 14px;}
	.top-header-links-left span {color: #fff; opacity: 0.7;}
	.top-header-links-left a:hover, .top-header-links-right a:hover {color: #f2d64b;}
	.middle-header-wrapper {background: #fff; padding: 15px 0;}
	.middle-header-inner-wrapper {display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
	.header-logo-wrapper img {width: 100%; max-width: 100px;}
	.header-text {flex: 1; text-align: left; margin-left: 15px;}
	.name {font-size: 24px; font-family: 'trajan pro'; font-weight: 700; color: #6e2a6e; margin: 0; text-align: left;}
	.address {font: 14px trajan pro, verdana, sans-serif, arial; color: #6e2a6e; width: auto; padding: 10px 0px; text-align: left;}
	.address2 {font: 12px trajan pro, verdana, sans-serif, arial; color: #6e2a6e; margin: 5px 0 0; text-align: left;}
	.address3{color: #fe0013; margin: 3px 0 0; font-size: 13px; text-align: left; font-family: 'trajan pro';}
	.header-link-right {text-align: right;}
	.header-link-right .ssr-link {color: #00f; font-size: 12px; font-weight: 700; font-style: italic; font-family: verdana!important; display: block;}
	.header-link-right .ssr-link:hover {color: #0a0a0a}
	.header-wrapper{position: relative; height: 37px;}
	.header-links-wrapper{display: flex;justify-content: space-between; align-items: center; position: relative;}
	.header-inner-wrapper{width: 100%; max-width: 1000px;}
	.nav-links{display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%;}
	.nav-links li {position: relative;}
	.nav-links li a, .nav-links li > span{font-size: 14px; padding: 10px 0px;}
	.nav-links li .home-link img{width: 100%; max-width: 17px;}
	.header-contact-wrapper{display: flex; justify-content: center; align-items: center; gap: 10px; position: relative;   height: 37px;}
	.header-contact-wrapper::before	{content: ''; position: absolute; background: url(../images/nav-bg.webp)no-repeat 0 0 #fff; width: 40px; height: 37px; top: -2px; left: -74px;}
	.header-contact-wrapper span{display: flex; justify-content: center; align-items: center; background: linear-gradient(to bottom, #999, #666); border-radius: 50%; width: 25px; height: 25px;}
	.header-contact-wrapper span img{width: 100%; max-width: 15px; filter: invert(1);}
 	.nav-links li:hover .first-route{opacity: 1;visibility: visible;top: 27px;}   
 	.first-route{position: absolute;width: 230px;opacity: 0;visibility: hidden;top: 27px;display: block;transition: 0.5s;left: 0px;margin: auto; z-index: 3;display: flex;padding: 0px 2px;}
	.first-route::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #e7e7e7; border-radius: 0 15px;}
	.first-route li a{display: block;padding: 0 !important;text-transform: capitalize;}
	.first-child-route{width: 100%; max-width: 600px; display: flex;flex-direction: column;border-right: 1px solid #ffffff2e;position: relative;}
	.first-child-route:last-child {border: none;}
	.first-child-route li {margin: 0px;border-bottom: 1px dotted #c6c6c6;padding: 8px 16px; display: flex; justify-content: flex-start;}
	.first-child-route li:last-child {border-bottom: none;}
	.first-child-route li a, .first-child-route li > span{font-size: 13px;font-weight: initial !important;padding: 0 !important;display: block; line-height: 1.6;margin: 0px 0;width: 100%;     display: flex; justify-content: space-between; align-items: center;}
	.first-child-route li:first-child>a:after {border-bottom: 8px solid #e7e7e7; border-left: 8px solid transparent; border-right: 8px solid transparent; content: ""; height: 0; left: 10px; position: absolute; top: -8px; width: 0;}
	.nav-links > li { position: relative; }
	.nav-links li:hover > .first-route { opacity: 1; visibility: visible;}
	.first-child-route li {position: relative;}
	.second-route{ position: absolute; top: 15px;  left: 98%; min-width: 220px; opacity: 0; visibility: hidden; transition: opacity .2s ease, transform .2s ease; transform: translateX(6px);  z-index: 40; display: flex;}
	.first-child-route li:hover > .second-route { opacity: 1; visibility: visible; transform: translateX(0);}
	.second-route::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: #e7e7e7; border-radius: 0 12px;}
	.second-child-route { width: 100%;max-width: 100%;}
	.second-child-route li {padding: 8px 20px;border-bottom: 1px dotted #c6c6c6; width: 100%; max-width: 100%;}
	.second-child-route li:last-child { border-bottom: none; }
	.second-child-route li a { display: block; line-height: 1.6; text-transform: none; }
	.arrow img {width: 100%; max-width: 30px;}
/* header css */

/* header active links */

	.nav-links li:hover span, .nav-links li a:hover, .nav-links li span:hover, .nav-links li.act-link span, .nav-links li a.act-link, .nav-links li span.act-link {color: var(--violet); font-weight: 600;}
	.first-child-route li a:hover, .first-child-route li a.act-link {color: var(--violet); font-weight: 600 !important;}
	.first-child-route > li > span:hover,	.first-child-route > li > span.act-link { color: var(--violet); font-weight: 600 !important;}

/* header active links */

/* scrolled header */
	.header-wrapper {width: 100%;z-index: 99;}
    .header-wrapper.scrolled-header {position: fixed;top: 0;left: 0;right: 0;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);}
    .header-wrapper.scrolled-header .logo span img {max-width: 150px;}
    .header-wrapper.scrolled-header .logo p {font-size: 20px;}
    .top-wrapper, .header-wrapper {width: 100%;}
/* scrolled header */


/* footer css */
	.top-footer-wrapper{background: var(--violet); padding: 30px 0px 15px;}
	.top-footer-inner-wrapper{display: flex; justify-content: space-between; align-items: flex-start; gap: 30px}
	.footer-logo{width: 100%; max-width: 450px;}
	.footer-logo a img{width: 100%; max-width: 100px;}
	.footer-logo a{display: flex; justify-content: center; align-items: center; gap: 20px}
	.footer-logo a p{color: #fff; font-size: 19px; text-align: left; margin: 0px;}
	.footer-logo p, .footer-section ul li a, .address-links ul li a{color: #fff; font-size: 13px;	}
	.footer-links-wrapper{display: flex; justify-content: center; align-items: center; gap: 30px; width: 100%; max-width: 400px;}
	.footer-links li{line-height: 1.5;}
	.address-links span{display: block; color: #fff; font-size: 22px; font-weight: 500;}
	.address-links ul li{color: #fff; display: flex; justify-content: flex-start; align-items: flex-start; gap: 10px; margin: 7px 0px; font-size: 14px;}
	.address-links{width: 100%; max-width: 300px;}
	.links{display: flex; justify-content: center; align-items: center; gap: 20px; padding: 15px 0 0;}
	.links li a span{display: flex; justify-content: center; align-items: center;}
	.links li a span img{width: 100%; max-width: 20px; filter: invert(1)}
	.footer-section span{display: block; color: #fff; font-size: 20px; text-align: center; padding: 0 0 10px;}

	.footer-section ul li:hover a, .footer-section ul li.act-link a{color: var(--yellow)}
	.address-links ul li a:hover, .links li a:hover span img{color: var(--yellow) !important}

	.copyrights-wrapper {background: #fff;}
	.copyrights {display: flex;justify-content: space-between;align-items: center;gap: 3px;padding: 7px 0;}
	.copyrights p {font-size: 13px;color: #0e0e0e;font-weight: 400;margin: 0;text-align: start;}
	.copyrights a {color: #0e0e0e;font-size: 13px;font-weight: 400;}
	.copyrights a:hover{color: var(--green);}
/* footer css */

/* banner css */
.banner-wrapper{height: calc(100vh - 210px);}
/* banner css */


/* button css */
	.common-btn{display: flex; justify-content: center; align-items: center; margin: 20px 0 0;}
	.common-btn a, .common-btn .button{padding: 10px 30px; color: #D4A851; border: 1px solid #D4A851; font-size: 14px; width: 100%; max-width: 150px;     text-align: center;}
	.common-btn a:hover{background: #D4A851; color: #fff;}

/* button css */

/* index links css */
	.links-wrapper { background: var(--violet); border-radius: 0 0 10px 10px; width: 300px; padding: 40px 20px 40px; color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); flex-shrink: 0;}
	.links-top-wrapper h4 {font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: center; color: #fff; margin-bottom: 25px; padding-bottom: 10px; font-family: 'trajan pro';}
	

    .left-links li {position: relative; display: flex; align-items: center; gap: 12px; border-radius: 30px; padding: 14px 20px 18px 70px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);background: url(../images/left-link-bg.webp) no-repeat center center/cover; left: -0px; margin: 0 0 25px;}
    .left-links li span {position: absolute; left: 0px; width: 60px; height: 60px; background: #7b2cbf; border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 4px solid #fff;}
    .left-links li span img {width: 30px; filter: invert(1); height: auto;}
    .left-links li a {font-family: 'trajan pro'; font-size: 16px; font-weight: 600; color: #7b2cbf;}
    .left-links li:hover {transform: translateX(5px);transition: 0.3s ease;}
    .left-links li:nth-child(1) span{background: linear-gradient(to bottom, #fcc84e, #ed9c02);}
    .left-links li:nth-child(2) span{background: linear-gradient(to bottom, #f660af, #e5038d);}
    .left-links li:nth-child(3) span{background: linear-gradient(to bottom, #f58f1f, #ef6526);}
    .left-links li:nth-child(4) span{background: linear-gradient(to bottom, #66ebc0, #35ae9d);}
/* index links css 

/* introduction css */
	.introduction-wrapper{padding: 70px 0px}
	.introduction-inner-wrapper{display: flex; justify-content: flex-start; align-items: center; gap: 50px;}
	.introduction-right-wrapper{width: 100%; max-width: 900px;}
	.introduction-right-wrapper h2{color: #d90c0c}
	.introduction-right-wrapper .common-btn{justify-content: flex-start;}
/* introduction css */


/* why choose */
	.why-choose-wrapper { background: url(../images/index-scroll.webp); background-attachment: fixed; background-size: cover; position: relative; padding: 60px 0;}
	.why-choose-wrapper::before {content: ''; position: absolute; inset: 0; background: linear-gradient(to right, #000000ad, #000000c9);}
	.why-choose-inner-wrapper {display: flex; justify-content: space-between; align-items: center; gap: 50px; position: relative;}
	.why-choose-left {display: flex;justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; max-width: 600px; gap: 20px;}
	.feature {display: flex; align-items: center; gap: 12px; background: rgba(255,255,255,0.05); padding: 12px 15px; border-radius: 6px; width: 100%; max-width: 258px;}
	.feature span img {width: 100%; max-width: 40px; filter: invert(1);}
	.feature p {color: #fff; font-size: 16px; font-weight: 600; text-align: left;}
	.why-choose-right-wrapper {max-width: 600px;}
	.why-choose-right-wrapper h2 {color: #fff;}
	.why-choose-right-wrapper p {color: #ddd;}
/* why choose */

/* principal css */
	.principal-wrapper{background: #3f1056; padding: 60px 0 60px; position: relative;} 
	.principal-wrapper::before{content:''; position: absolute; background: url(../images/pattern2a.webp) no-repeat center center/cover; bottom:0; left:0; width: 250px; height: 250px}
	.principal-wrapper::after{content:''; position: absolute; background: url(../images/pattern2a.webp) no-repeat center center/cover; top:0; right:0; width: 250px; height: 250px; transform: rotate(180deg);}
	.principal-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px; position: relative;}
	.principal-left-wrapper::before{content:''; position: absolute; width: 300px; height: 230px;border: 1px solid #D4A851; top: -11px; left: -11px; z-index: -1;}
	.principal-left-wrapper{ width: 100%; max-width: 350px; z-index: 0; position: relative;}
	.principal-left-wrapper img{width: 100%; max-width: 350px;}
	.principal-right-wrapper{width: 100%; max-width: 700px;}
	.principal-right-wrapper h2{color: #fff;}
	.principal-right-wrapper p{color: #fff;}
	.principal-right-wrapper > span:nth-of-type(1){color: #fff; display: flex; font-size: 20px;}
	.principal-right-wrapper > span:nth-of-type(2){color: #d97f0b; display: block; font-size: 15px;}
	.principal-right-wrapper .common-btn{justify-content: flex-start;}
/* principal css */



/* testimonials css */
	.testimonials-wrapper{position: relative; margin: 70px 0px;}
	.testimonials-wrapper h2{position: relative; text-align: center;}
	.testimonials-inner-wrapper{position: relative; padding: 20px 0 0;}
	.testimonial-inner span:first-child{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 120px; margin: auto;}
	.testimonial-inner span:first-child img{width: 100%; max-width: 120px; height: 120px; border-radius: 50%; object-fit: fill; border: 1px solid #d97f0b;}
	.testimonial-inner {background: #fff; padding: 30px 25px; box-shadow: rgba(0, 0, 0, 0.12) 0px 3px 10px; text-align: center; max-width: 320px; margin: 10px auto 10px auto; border-radius: 20px; position: relative;}
	.testimonial-inner span:nth-child(2) { display: block; padding: 15px 0px 0px; color: #d97f0b; font-size: 20px; font-weight: 600;}
	.testimonial-inner p{text-align: center; font-size: 14px;}
	.testimonial-inner::before, .testimonial-inner::after {content: ''; position: absolute; width: 150px; height: 160px; border: 5px solid #d97f0b9e;}
	.testimonial-inner::before {top: 0; left: 0; border-right: none; border-bottom: none;}
	.testimonial-inner::after {bottom: 0; right: 0; border-top: none; border-left: none;}
/* testimonials css */

/* achievements css */
	.achievement-wrapper{padding: 80px 0px;}
	.achievement-inner-wrapper { width: 48%;}
	.achievement-inner-wrapper h2 {  margin: 0 0 20px; border-bottom: 2px solid #e2e2e2; padding:0 0 10px}
	.achievement-inner{display: flex; justify-content: center; align-items: stretch; gap: 30px}
	.event-card {display: flex; gap: 15px; align-items: center; background: #fff; padding: 15px; margin: 20px 5px !important; border-radius: 12px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: 0.3s ease; width: 100%; max-width: 98%;}
	.event-card:hover {transform: translateY(-3px); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.event-card img {width: 80px; height: 80px; border-radius: 10px; object-fit: cover;}
	.event-content h3 {font-size: 16px; font-weight: 700; margin-bottom: 5px;}
	.ticker-announcements, .ticker-events {height: 200px; overflow: hidden; position: relative;}
	.inner-wrap { position: absolute; width: 100%;}
/* achievements css */

/* gallery css */
	.gallery-wrapper {padding: 0 0 80px;}
	.gallery-wrapper h2{text-align: center; padding: 0 0 15px;}
	.gallery-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 10px; max-width: 1000px; margin: auto;}
	.gallery-inner-wrapper span.tall {width: 25%; height: 420px; border-radius: 6px; overflow: hidden;}
	.gallery-inner {width: 75%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px;}
	.gallery-inner span {width: calc(50% - 10px); height: 200px; border-radius: 6px; overflow: hidden;}
	.gallery-inner-wrapper span.wide { height: 260px; border-radius: 6px;}
	.gallery-inner-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
/* gallery css */


/* to top */
	#to-top {cursor: pointer;position: fixed;bottom: 25px;right: 25px;width: 40px;z-index: 9;border-radius: 50%;rotate: 0deg;}
/* to top */


/* sitemap css */
	.sitemap-wrapper {padding: 60px 0; color: #1c1c1c;}
	.sitemap-inner-wrapper {max-width: 1100px; margin: 0 auto;}
	.sitemap-inner, .sitemap-inner-top{width: 100%; max-width: 100%;}
	.sitemap-inner li a { font-size: 18px; font-weight: 600; color: var(--blue);     margin: 10px 0px;}
	.sitemap-inner-top > li > span {display: block; font-size: 20px; font-weight: 600; color: var(--blue); margin-bottom: 10px;}
	.sitemap-inner-middle li a, .sitemap-inner-middle li span {display: inline-block; font-size: 16px; color: #333; padding: 4px 0; transition: color 0.3s ease, transform 0.3s ease;}
	.sitemap-inner-middle li a:hover {transform: translateX(4px);}
	.sitemap-inner-middle {margin-left: 15px; border-left: 2px solid #e0e0e0; padding-left: 15px;}
	.sitemap-inner-middle li {margin-bottom: 6px;}
	.sitemap-inner-bottom li a {display: inline-block; font-size: 16px; color: #333; padding: 4px 0; transition: color 0.3s ease, transform 0.3s ease;}
	.sitemap-inner-bottom li a:hover {transform: translateX(4px);}
	.sitemap-inner-bottom {margin-left: 15px; border-left: 2px solid #e0e0e0; padding-left: 15px;}
	.sitemap-inner-bottom li {margin-bottom: 6px;}
/* sitemap css */

/* contact us */
    .contact-inner-wrapper{padding: 50px 0px 0px;}
    .contact-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px;}
    .contact-wrapper{width: 100%;}
    .contact-left-wrapper { background-color: var(--violet); padding: 40px 30px; border-radius: 10px; width: 100%; max-width: 440px;}
    .contact-left-wrapper h2 { font-size: 22px; color: #fff; padding: 0 0 25px;}
    .contact-info {display: flex; justify-content: flex-start; align-items:center; margin: 0 0 20px; gap: 20px}
    .contact-info span {display: flex; justify-content: center; align-items: center; background: var(--yellow); border-radius: 50%; width: 40px; height: 40px; flex-shrink: 0;}
    .contact-info span img {width: 100%; max-width: 20px; filter: invert(1);}
    .contact-info a {font-size: 16px; color: #fff;}
    .contact-info a:hover {color: var(--yellow);}
    .social-icons {display: flex; justify-content: flex-start; align-items: center; gap: 15px; margin: 40px 0 0;}
    .social-icons span {display: flex; align-items: center; justify-content: center;  background: var(--yellow); border-radius: 50%; width: 40px; height: 40px;}
    .social-icons span img {width: 100%; max-width: 20px; filter: invert(1);}
    
    .contact-right-wrapper{width: 100%; max-width: 410px;}
    .contact-form textarea {width: 100%;height: 150px;padding: 15px;border: 1px solid  #242121;border-radius: 8px;}
    .form-md { width: 100%; text-align: center; margin: 0px auto 32px auto;}
    .form-md .form-group {max-width: 500px;}
    .form-group {margin: 25px 0;position: relative;}
    .form-md input, .form-md textarea, .form-md select {position: relative;display: block;width: 100%;border: 1px solid #ccc;margin: 0px auto;padding: 15px;outline: none !important;font-size: 16px;color: rgba(0,0,0,0.85);transition: all .2s ease-in-out; border-radius: 10px;}
    .form-md input:hover, .form-md input:focus, .form-md textarea:hover, .form-md textarea:focus { border: 1px solid #575454; }
    .form-md input:valid + label, .form-md input:focus + label, .form-md textarea:valid + label, .form-md textarea:focus + label { top: -6px;color: var(--dark-blue);font-weight: bold;}
    .form-md label {position: absolute; top: 50%; left: 15px; transform: translateY(-50%); font-size: 16px; color: #777; background: white; padding: 0 6px; pointer-events: none; transition: all 0.2s ease-in-out;}
    .form-md input:focus + label,.form-md input:valid + label,.form-md textarea:focus + label,.form-md textarea:valid + label {top: -8px; left: 10px; font-size: 14px; color: var(--); font-weight: 600; background: white; transform: none;}
    .form-md .common-btn{justify-content: flex-start;}

    .map {display: flex;justify-content: center;align-items: center;width: 100%;max-width: 90%;border-radius: 15px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 70px auto;}
    .map iframe {height: 500px;}
   
    input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset !important; -webkit-text-fill-color: #111111 !important; transition: background-color 5000s ease-in-out 0s;}

/* contact us */

/* inner banner */
	.inner-page-banner-wrapper{background: url(../images/banners/banner-1.webp) no-repeat center center/cover; width:100%; height:450px;position: relative;}
 	.inner-page-banner-wrapper::before{content:'';position: absolute;width: 100%;height: 100%;}
 	.inner-page-banner-wrapper .fluid-container{height:100%;}

 	.breadcrumb-text{display: flex;justify-content: flex-end;align-items: center;gap: 10px;position: relative; padding: 10px 0 0;}
 	.breadcrumb-text h1{color: #fbf3f3;text-align: center;width: 100%;max-width: 700px;}
 	.breadcrumb-text ol{display: flex !important;justify-content: center;align-items: center;gap: 10px;}
 	.breadcrumb-text nav ol {display: flex;justify-content: flex-start;align-items: center;gap: 10px; flex-wrap: wrap;}
 	.breadcrumb-text nav ol li a, .breadcrumb-text nav ol li span{color: #131313;display: flex;justify-content: center;align-items: center;font-size: 14px;font-weight: 500;text-align: center;}
 	.active-breadcrumb {color: var(--yellow); font-size: 14px;}

/* inner banner */

/* error page css */
	.error-banner-wrapper{height: 350px}
	.inner-error-page h1, .inner-error-page h4, .inner-error-page p{text-align: center;}
/* error page css */

	.page-wrapper{display: flex; align-items: flex-start; gap: 30px; width: 100%; max-width: 1280px; margin: auto;}
	.fluid-container-link{padding: 0px 0 0 50px;}
	.sidebar-wrapper { background: var(--violet); border-radius: 0 0 10px 10px; width: 260px; padding: 40px 20px 40px; color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); margin: 0 0 50px;}
	.sidebar-inner-wrapper h4 {font-size: 18px; font-weight: 700; text-transform: uppercase; text-align: left; color: #fff; margin-bottom: 25px; padding-bottom: 10px;}
	.sidebar-links li span {display: flex;align-items: center;justify-content: center;width: 100%; max-width: 20px;}
	.sidebar-links li span img {width: 100%; max-width: 15px;}
	.sidebar-links li  a{font-size: 14px; display: flex; align-items: center;justify-content: flex-start; gap: 5px; padding: 10px 15px 10px 30px; position: relative; background: url(../images/left-link-bg.webp) no-repeat center center/cover; left: -32px; margin: 0 0 10px; top: 15px;}
	.heading{background: url(../images/news-head-1.webp) no-repeat; position: absolute; top: -13px; left: 68px; height: 59px; width: 223px; text-align: center; z-index: 2;}
	.sidebar-links-wrapper{position: relative;}
	.heading p{font-size: 20px; color: #0A5FC6; position: relative; top: 8px; margin: 0; text-align: center; left: 0;}
	.sidebar-links li a::before{position: absolute; content: ''; left: 14px; top: 0; width: 6px; height: 6px; background: #3f1056; border-radius: 50%; bottom: 0; margin: auto 0;}


	.sidebar-links li.has-dropdown {flex-direction: column; align-items: flex-start; cursor: pointer;}
	.sidebar-links li.has-dropdown > a {display: flex; align-items: center; width: 100%;}
	.sidebar-links li span {margin-left: auto;}
	.sidebar-links li span img {width: 10px; transition: transform 0.3s; transform: rotate(90deg);}
	.sub-links {width: 100%; margin-top: 8px; padding-left: 25px; display: none;}
	.sub-links li {background: none; left: 0; top: 0; padding: 6px 0; margin: 0;}
	.sub-links li a {background: none !important; left: 0; top: 0; margin: 0; padding: 6px 0 6px 15px; color: #fff}
	.sub-links li a::before{position: absolute;content: ''; left: 0; top: 0; width: 6px; height: 6px; background: #fff; border-radius: 50%; bottom: 0; margin: auto 0;}
	.sidebar-links li.active > .sub-links {display: block;}
	.sidebar-links li.active > a span img {transform: rotate(-90deg);}
	.sub-links li a:hover, .sub-links li a.active {font-weight: 600;color: #ffd966;}
	.sidebar-links li a.active {font-weight: 600;}

/* admission css */
	.common-li{margin: 15px 0;}
	.common-li li{position: relative; padding: 5px 0 10px 30px; font-size: 14px; line-height: 1.6;}
	.common-li li::before{content:''; position: absolute; background: url(../images/icons/check.webp)no-repeat center center/cover; width: 20px; height: 20px; top:6px; left: 0; filter: invert(70%) sepia(11%) saturate(1810%) hue-rotate(2deg) brightness(95%) contrast(95%);}
	.common-li.inner li::before{content:''; position: absolute; width: 10px; height: 10px; background: #d4a851; border-radius: 50%;top: 11px; left: 0; filter: none}

	.mca-admission-inner-wrapper{padding: 50px 0 0 ;}
	.management-quota-wrapper{padding: 50px 0px;}
	.management-quota-wrapper h2{padding: 0 0 15px;}
	.management-quota-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 20px;background: linear-gradient(45deg, #3e0f55, #3e0f55bf); padding: 20px; border-radius: 10px}
	.management-quota-inner p{width: 100%; color: #fff;}
	.management-quota-inner h3{color: #fff;}

	.documents-wrapper{padding: 30px 0 50px;}
	.documents-inner-wrapper ul{background: #fff; width: 100%; max-width: 600px; padding: 0px 20px; border: 1px solid #f2f2f2; border-radius: 10px; position: relative;}
	.documents-inner-wrapper ul li{border-bottom: 1px solid #f2f2f2; padding: 10px 0px; font-size: 14px;}
	.documents-inner-wrapper ul li:last-child{border-bottom: none}

	.pgcet-quota-inner-wrapper {width: 100%; max-width: 900px; margin: 30px auto; position: relative;}
	.pgcet-quota-inner-wrapper::before {content: ""; position: absolute; width: 2px; background: #d9d9d9; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);}
	.pgcet-quota-inner {width: 100%; padding: 20px 0; position: relative; display: flex; align-items: center;}
	.pgcet-quota-inner .content {background: #ffffff; padding: 20px 25px; border-radius: 10px; width: 44%; box-shadow: 0px 4px 12px rgba(0,0,0,0.1);}
	.pgcet-quota-inner.left .content {margin-right: auto;}
	.pgcet-quota-inner.right .content {margin-left: auto;}
	.pgcet-quota-inner .circle {width: 40px; height: 40px; background: var(--violet); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 50%; transform: translateX(-50%); z-index: 10; font-size: 18px;}

	.curriculum-inner-wrapper{padding: 50px 0 35px;}
	.curriculum-inner-wrapper h2, .curriculum-inner-wrapper h3{padding: 0 0 10px;}

/* admission css */

/* about css */
	.about-us-inner{display: flex; justify-content: center; align-items: center; gap: 30px; padding: 50px 0 0;}
	.about-inner-left{width: 100%; max-width: 550px;}
	.about-inner-right{width: 100%; max-width: 400px;}
	.about-inner-right img{width: 100%; max-width: 400px; border-radius: 10px;}
	.about-us-inner:nth-of-type(2){flex-direction: row-reverse;}


	.legacy-wrapper{padding: 50px 0px  0px;}
	.legacy-inner-2, .legacy-inner-3{padding: 30px 0 0;}
	.legacy-year-wrapper h3 { text-align: center; margin: 0 0 28px; font-weight: 700; letter-spacing: 1px; color: #353638; font-size: 20px;}
	.legacy-year-inner-wrapper { position: relative; max-width: 900px; margin: 0 auto; padding: 30px 0;}
	.legacy-year-inner-wrapper::before {content: ""; position: absolute; left: 50%; top: 12px; bottom: 12px; width: 4px; transform: translateX(-50%); background-image: linear-gradient(#72a8f5 33%, rgba(114,168,245,0) 0%); background-size: 4px 18px; background-repeat: repeat-y; z-index: 1; border-radius: 2px; box-shadow: 0 0 18px rgba(80,150,255,0.06) inset; height: calc(100% - 94px);}
	.legacy-year-inner { position: relative; display: flex; align-items: center; margin: 36px 0; min-height: 64px; }
	.legacy-year-inner .circle { position: absolute; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; background: radial-gradient(circle at 35% 35%, #ffd7a8, #ffb06b); border-radius: 50%; z-index: 3; box-shadow: 0 6px 14px rgba(0,0,0,0.35); border: 3px solid rgba(255,255,255,0.06);}
	.legacy-year-inner h4 { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); font-size: 18px; color: #32302e; font-weight: 700; z-index: 4; background: #fff; padding: 10px;}
	.legacy-content { max-width: 320px; padding: 14px 18px; color: #fff; border-radius: 8px; font-size: 14px; line-height: 1.5; z-index: 2; position: relative;}
	.legacy-year-inner.left .legacy-content {margin-right: calc(50% + 26px);  margin-left: 8px; text-align: right; background: var(--violet); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.legacy-year-inner.right .legacy-content { margin-left: calc(50% + 100px);  margin-right: 8px; text-align: left; background: var(--violet);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.legacy-year-inner.left .legacy-content::after, .legacy-year-inner.right .legacy-content::after { content: ""; position: absolute; width: 18px; height: 18px; transform: rotate(45deg); top: 50%; margin-top: -9px; z-index: 2;}
	.legacy-year-inner.left .legacy-content::after {right: -9px; border-bottom-right-radius: 3px;}
	.legacy-year-inner.right .legacy-content::after {left: -9px; border-top-left-radius: 3px;}
	.legacy-year-inner-wrapper::after {content: ""; position: absolute; left: 0; right: 0; top: 40px; height: 240px; background-image:radial-gradient(circle at 8% 10%, rgba(255,255,255,0.02), transparent 4%), radial-gradient(circle at 92% 85%, rgba(255,255,255,0.015), transparent 4%); pointer-events: none; z-index: 0;}
	.legacy-content p {margin: 0; color: rgba(255,255,255,0.95); font-size: 14px;}
	.legacy-year-inner.left .legacy-content, .legacy-year-inner.right .legacy-content {word-wrap: break-word;}

	.principle-desk{padding: 50px 0;}
	.principle-desk-inner-wrapper{display: flex; justify-content: center; align-items: flex-start; gap: 30px}
	.principle-desk h2{padding: 0 0 20px;}
	.principle-desk-left{width: 100%; max-width: 300px; background: #f2f2f2; padding: 10px; border-radius: 5px; margin: 15px 0 0;}
	.principle-desk-left > span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 300px;}
	.principle-desk-left > span img{width: 100%; max-width: 300px; border-radius: 5px;}
	.principle-name{color: var(--violet); font-size: 18px; font-weight: 500; padding: 10px 0;}
	.principle-detail{color: #363232; font-size: 15px; margin: 0 0 10px; text-align: center;}
	.principle-desk-right .principle-detail{text-align: left;}
	.principle-desk-right{width: 100%; max-width: 650px; }

	.recognition-wrapper{padding: 35px 0 50px;}
	.recognition-inner{display: flex; justify-content: center; align-items: stretch; gap: 30px; padding: 30px 0 0;}
	.recognition-one-wrapper{width: 100%; max-width: 500px; background: #f2f2f2; padding: 20px 20px 5px; border-left: 4px solid #D4A851; border-radius: 5px;}
	.recognition-inner-wrapper:nth-child(2){padding: 50px 0 0;}
	.recognition-inner-wrapper:nth-child(2) h2{padding: 0 0 20px;}
	.recognition-inner-wrapper:nth-child(2) .recognition-inner:nth-of-type(2){padding: 30px 0 0}
/* about css */


/* department css */
	.department-inner-wrapper{padding: 50px 0 35px;}
	.department-inner-wrapper span{display: block; font-size: 22px; font-weight: 500; padding: 15px 0 0;}

	.vision-mission-wrapper{display: flex; justify-content: center; align-items: flex-start; gap: 30px;}
	.vision-mission-inner{width: 100%; max-width: 500px;}
	.vision-mission-inner h2{position: relative;}
	.vision-mission-inner h2::before{content:''; position: absolute; background: #D4A851; width: 80px; height: 3px; left:0; bottom: -5px;}
	.vision-mission-inner span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 90px; height: 90px; border-radius: 50%; background: #D4A851; border: 1px solid #fff; margin: 0 0 20px;}
	.vision-mission-inner span img{width: 100%; max-width: 60px;}

	.strengths-wrapper{padding: 50px 0px;}
	.strengths-wrapper h2{text-align: center;}
	.holderCircle { width: 500px; height: 500px; border-radius: 100%; margin: 60px auto; position: relative; }
	.dotCircle { width: 100%; height: 100%; position: relative; margin: auto; top: 0; left: -50px; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }
	.dotCircle .itemDot {display: flex; align-items: center; justify-content: center;width: 80px;height: 80px;position: absolute;background: #ffffff;color: #da9313;border-radius: 50%;text-align: center;line-height: 80px;font-size: 30px;z-index: 3;cursor: pointer;border: 2px solid #eae8e5;}
	.dotCircle  .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
	.dotCircle  .itemDot.active .forActive { display: block; }
	.round {position: absolute;left: 0px;top: 0;width: 490px;height: 490px;border: 2px dashed var(--violet);border-radius: 100%;-webkit-animation: rotation 100s infinite linear;background: #f2f2f2;}
	.dotCircle .itemDot:hover, .dotCircle .itemDot.active { color: #ffffff; transition: 0.5s; background: var(--violet); }
	.dotCircle .itemDot { font-size: 20px; }
	.contentCircle {border-radius: 100%;color: #222222;position: absolute; top: 50%; width: 100%; max-width: 400px; transform: translate(-50%, -50%);;left: 38%;right: 0;bottom: -34%;margin: auto;}
	.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 52px; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; }
	.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }
	.contentCircle .CirItem i { font-size: 180px; position: absolute; top: 0; left: 50%; margin-left: -90px; color: #0e0e0e; opacity: 0.1; }
	.dotCircle span {display: flex;justify-content: center;align-items: center;}
	.dotCircle span img{width: 100%;max-width: 36px;position: static;top: -4px;left: 1px;filter: invert(16%) sepia(14%) saturate(5423%) hue-rotate(252deg) brightness(92%) contrast(114%);}
	.dotCircle span:hover img, .dotCircle .itemDot.active img{filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(110deg) brightness(98%) contrast(108%) !important;}
	.title-box .title {letter-spacing: 2px; position: relative; z-index: -1; font-size: 20px;}
	.title-box span { text-shadow: 0 10px 10px rgba(0, 0, 0, .15);color: var(--violet); }
	.title-box p {font-size: 16px;text-align: center;}
	.dotCircle .itemDot { top: 50%; left: 50%; transform-origin: center;}
	.contentCircle .CirItem { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 20px;}
/* department css */

/* program overview css */
	.program-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 30px; padding: 50px 0;}
	.program-inner-left{width: 100%; max-width: 300px;}
	.program-inner-left img{width: 100%; max-width: 300px;}
	.program-inner-right{width: 100%; max-width: 700px;}

	.program-objective-wrapper h2, .program-objective-wrapper p{text-align: center;}
	.program-objective-inner-wrapper{display: flex; justify-content: center; align-items: stretch; gap: 30px; flex-wrap: wrap;}
	.program-objective-inner-wrapper span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 60px; height: 60px; background: var(--violet); border-radius: 50%; margin: auto;} 
	.program-objective-inner-wrapper span img{width: 100%; max-width: 30px; filter: invert(1); }
	.program-objective-inner{width: 100%; max-width: 280px; border: 1px solid #ccc; border-radius: 5px; padding: 15px 15px 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.program-objective-inner p{text-align: center;}

	.pedagogy-wrapper{padding: 50px 0px;}

	.industry-wrapper{margin: 0 0 50px;}
	.industry-wrapper{background: #D4A851; padding: 50px 30px; display: flex; justify-content: center; align-items: center; gap: 30px; border-radius: 5px;}
	.industry-wrapper h2{color: var(--violet)}
	.industry-left{width: 100%; max-width: 500px;}
	.industry-inner{display: flex; justify-content: center; align-items: center; gap: 20px}
	.industry-inner span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 40px;}
	.industry-inner span img{width: 100%; max-width: 40px;}
	.industry-right{width: 100%; max-width: 300px;}
	.industry-right img{width: 100%; max-width: 300px;}
/* program overview css */

/* why choose css */
    .distinctives-wrapper{padding: 50px 0px 35px;}
    .distinctives-wrapper h2{padding: 0 0 20px;}
    .facilities-wrapper{padding: 50px 0;}
    .facilities-inner-wrapper .common-li li::before{background: url(../images/icons/right-arrow.webp) no-repeat center center / cover;}
    .facilities-inner{display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; padding: 10px 0 0;}
    .facilities-inner-wrapper{padding: 40px 0 0;}
    .facilities-inner-wrapper:nth-of-type(1){padding: 20px 0 0;}
    .facilities-inner img{width: 100%; max-width: 280px; }
    
    .student-support-wrapper{padding: 0px 0 35px;}
    .student-support-wrapper h2{padding: 0 0 20px;}
/* why choose css */

  	.syllabus-inner-wrapper{padding: 0px 0px 50px;}
  	.syllabus-inner-wrapper h2{padding: 0 0 20px;}
  	.tabs {display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 20px;}
		
  	.tab {padding: 10px 16px; border: 1px solid #ccc; background: #f5f5f5; cursor: pointer; font-weight: 600; border-radius: 5px;}
  	.tab.active { background: var(--violet); color: #fff; border-color: var(--violet);}
  	.semester {display: none;}
  	.semester.active {display: block;}
  	.table-responsive {overflow-x: auto;}
  	.syllabus-table { width: 100%; max-width: 965px; margin: 0 auto; table-layout: fixed; }
  	.syllabus-table th, .syllabus-table td { border: 1px solid #ddd; padding: 10px; text-align: center; font-size: 14px;}
  	.syllabus-table th {background: var(--violet); color: #fff;}
  	.total-row td {font-weight: bold; background: #f2f2f2;}
  	.syllabus-table th:nth-child(2), .syllabus-table td:nth-child(2) {width: 40%;}


/* our team css */
	.faculty-tabs {margin: 0 0 20px; display: flex; justify-content: flex-start; align-items: center; gap: 10px;}
	.faculty-tab-btn {padding: 10px 20px; background: #eee; border:1px solid #ccc; cursor:pointer; border-radius: 4px; width: 100%; max-width: fit-content; min-width: 150px; text-align: center; font-size: 18px;}
	.faculty-tab-btn.active { background: var(--violet); color:#fff;}
	.faculty-tab-content {display:none;}
	.faculty-tab-content.active {display:block;}
	.faculty-inner-wrapper{padding: 50px 0px;}
	.faculty-inner{display: flex; justify-content: center; align-items: flex-start; gap: 30px; border: 1px solid #ccc; border-radius: 10px; padding: 20px 20px 5px; margin: 40px 0 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
	.faculty-left{width: 100%; max-width: 200px;}
	.faculty-left img{width: 100%; max-width: 200px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 1px solid var(--blue); height: 200px;}
	.faculty-right{width: 100%; max-width: 750px;}
	.faculty-right span{display: block; font-size: 18px; color: var(--yellow)}
/* our team css */

/* support serivces css */
	.mentoring-inner-wrapper{padding: 50px 0px 35px;}
	.mentoring-inner-wrapper span{display: block; font-size: 22px; font-weight: 500; padding: 0 0 7px;}
	.mentoring-inner-process-wrapper{display: flex; justify-content: flex-start; align-items: flex-start; gap: 30px; margin: 20px 0 0; position: relative;}
	.mentoring-inner-process-wrapper::before{content:''; position: absolute; width: 2px; background: #3e0f5569; top: 45px; bottom: 0; left: 20px; height: 30px;}
	.mentoring-inner-process-wrapper:last-of-type::before{display: none;}
	.mentoring-inner-left{width: 100%; max-width: 40px; height: 40px; border-radius: 50%; border: 3px solid var(--violet); display: flex; justify-content: center; align-items: center;}
	.mentoring-inner-left img{width: 100%; max-width: 20px;}
	.mentoring-inner-right span{display: block; font-size: 20px;}
	.mentoring-inner-right p{margin: 7px 0;}
	.mentoring-system-wrapper{padding: 35px 0}
	.handbook-wrapper h2{padding: 0 0 20px;}
/* support serivces css */

/* placement cell css */
	.placement-cell-inner-wrapper{padding: 50px 0px 0;}
	.placement-info{margin: 7px 0px;}
	.placement-cell-inner-wrapper span:nth-of-type(1){display: block; font-size: 22px; padding: 15px 0 5px;}
	.placement-cell-inner-wrapper span:nth-of-type(2){display: block; font-size: 18px;}
	.placement-head{background: #f8f8f8; padding: 20px; border-radius: 10px; border: 1px solid #e0e0e0; width: 100%; max-width: 400px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.placement-tab{padding: 60px 0 50px;}
	.placement-buttons { display: flex; gap: 10px; margin-bottom: 20px;}
	.placement-buttons button {padding: 10px 20px;border: none;background: #ddd;cursor: pointer;}
	.placement-buttons button.active { background: var(--violet); color: #fff;}
	.placement-content {display: none; }
	.placement-content.active {display: block; padding: 20px; width: 100%; max-width: 100%; text-align: center;}
	.placement-content p{text-align: center; font-size: 18px;}
	.placement-images{ display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100%; gap: 30px; flex-wrap: wrap;}
	.placement-images span{ display: flex; justify-content: center; align-items: center; width: 100%; max-width: 150px;}
	.placement-images span img{  width: 100%; max-width: 150px;}


	.major-recruiter-wrapper{padding: 0px 0px 50px;}
	.major-recruiter-inner-wrapper span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 150px;margin: 20px auto; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; border: 1px solid #f0f0f0; }
	.major-recruiter-inner-wrapper span img{width: 100%; max-width: 120px; margin: auto;}
	.major-recruiter-inner-wrapper span img {width: 100%; height: auto; max-width: 110px; object-fit: contain; filter: drop-shadow(0 0 0 rgba(0,0,0,0));}

/* placement cell css */

/* skill and career development css */
	.academic-year-inner-wrapper{padding: 50px 0px; display: flex; flex-direction: column; gap: 20px;}
	.academic-year-inner h2{padding: 0 0 20px;}
	.academic-year-inner{padding: 0 0 25px;}
	.academic-year-inner span{font-size: 19px; color: var(--violet);}
	.academic-year-inner p{margin: 7px 0px 15px;}
	.academic-accordion-item {box-shadow: 0 8px 25px rgba(0,0,0,0.08);}
	.academic-accordion-header {display: flex; justify-content: space-between; align-items: center;gap: 30px; cursor: pointer; padding: 18px 22px; background: var(--violet);border: 1px solid #fff;}
	.academic-accordion-header h2 {margin: 0;font-size: 22px;}
	.accordion-icon {font-size: 26px;transition: transform 0.3s ease; color: var(--yellow);}
	.academic-accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; padding: 0 22px;}
	.academic-accordion-header.active .accordion-icon {transform: rotate(45deg);}
	.academic-accordion-content.active {max-height: 2000px;padding: 20px 22px 25px;}


	.individual-photo-components {display: flex;justify-content: center;margin-top: 20px;gap: 20px;}
	.meet-team-heading-section h3{color: var(--brown)}
	.individual-photo-components .magnific-img {width: 100%;max-width:280px;height: 280px;position: relative;transition: all .3s ease-in-out;background: no-repeat center center/cover;}
	.individual-photo-components .magnific-img>a {display: block;height: 100%;width: 100%;background: no-repeat center center/cover;position: relative;}
	.individual-photo-components .magnific-img>a em   {position: absolute;top: 0;left: 0;width: 96%;height: 94%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;bottom: 0;right: 0;margin: auto;}
	.individual-photo-components .magnific-img>a:hover em   {opacity: .6;}
	.individual-photo-components .magnific-img>a em img   {width: 32px; height: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;}
	.individual-photo-components .magnific-img>a:hover em img {margin-top: 0;opacity: 1;}
	.mfp-arrow {background: #eee url('../images/previous.webp') no-repeat center/20px !important;width: 48px !important;height: 48px !important;transition: all .4s !important;}
	.mfp-arrow-right {background-image: url('../images/next.webp') !important;}
	.mfp-arrow::before,.mfp-arrow::after {display: none;}
	.mfp-close {font-size: 32px;}
	.mfp-container:hover button.mfp-arrow,.mfp-container:hover .mfp-counter {opacity: 1 !important;}
	.mfp-arrow:hover {width: 60px !important;}

/* skill and career development css */


	.statutory-inner-wrapper{padding: 50px 0px; width: 100%; max-width: 900px;}
	.statutory-inner-wrapper h2{padding: 0 0 20px;}
	.statutory-tabs { display: flex; gap: 10px; padding: 10px; background: #f2f4f8; border-radius: 10px; overflow-x: auto; overflow-y: hidden; flex-wrap: nowrap; scroll-behavior: smooth;}
	.statutory-tab-btn {flex: 0 0 auto; padding: 12px 22px; background: #ffffff; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer;}
	.statutory-tab-btn.active {background: var(--violet); color: #ffffff;}
	.statutory-tab-contents {margin-top: 25px; padding: 25px; background: #fff; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); width: 100%; max-width: 960px;}
	.statutory-tab-content {display: none;}
	.statutory-tab-content.active {display: block;}
	.statutory-tab-content h2{padding: 0 0 20px;}
	.statutory-tab-content .common-li{margin: 5px 0px 15px;}
	.statutory-tab-content p{margin: 5px 0px 15px;}
	.statutory-tab-content span{font-size: 20px;}


/* calender events */
	.calendar-events-wrapper{width: 100%;}
	.common-links.calendar{padding: 50px 0px;}
	.common-links{display: flex; justify-content: flex-start; align-items: center; gap: 30px; flex-wrap: wrap; padding: 0 0 50px;}
	.common-links a{padding: 10px 30px;border: 1px solid #D4A851; font-size: 14px; width: 100%; max-width: fit-content;}
	.common-links a:hover{background: #D4A851; color: #fff;}
/* calender events */

	.academic-resources-wrapper{width: 100%;}
	.program-outcomes-wrapper{padding: 50px 0 ;}


/* scholarship css */
	.scholarships-inner-wrapper{padding: 50px 0px 0;}
	.scholarships-inner-wrapper .common-li{margin: 15px 0 30px;}
	.scholarships-inner-wrapper h3{padding: 20px 0 0;}
/* scholarship css */


/* index slider */
    .index-page-slider, .slide {height: 450px;}
    .index-page-slider .slider-txt { width: 80%; height: 100%; display: flex; justify-content: flex-end; align-items: center; flex-direction: column; text-align: center; position: relative; padding: 0 40px 0px; margin: auto;}
    .index-page-slider .slider-txt h2 { padding: 20px; color: #fff; background: #612061; font-size: 24px; border-radius: 10px 10px 0 0;}
    .slide {width: 100%; position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 0;position: relative; border-bottom: 4px solid #612061;}
    .is.owl-carousel .owl-dots {display: none !important;}
    .is.owl-carousel .owl-nav { display: flex !important; justify-content: space-between; align-items: center; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 0px;}
    .is.owl-carousel .owl-nav button { background: #0000009e !important; width: 30px; height: 70px; top: 0 !important; bottom: 0 !important; display: flex; justify-content: center; align-items: center; border-radius: 0 !important;}
    .is.owl-carousel .owl-nav button span { color: #fff; font-size: 20px;}
/* index slider */


/* testimonial css */
	.testimonials-inner-page{padding:50px 0 20px;}
	.testimonials-inner-main{display:flex; max-width:900px; margin:0 0 30px; background:#fff; border-radius:14px; overflow:hidden; box-shadow:0 15px 30px rgba(0,0,0,0.08);}
	.testimonial-left{width: 100%;max-width:35%; background:#e4e9f1; padding:40px 20px; }
	.testimonial-img{ width:180px; height:180px; border-radius:50%; overflow:hidden; border:6px solid #fff; display:flex; align-items:center; justify-content:center; margin: auto;}
	.testimonial-img img{width:100%; height:100%; object-fit:cover;}
	.testimonial-right{width: 100%; max-width:65%; padding:35px 40px 50px;}
	.testimonial-right span{display: block; font-size: 19px; font-family: 'trajan pro'; font-weight: 700; color: #6e2a6e;}
/* testimonial css */

/* value added css */
	.vap-wrapper{padding: 50px 0 35px;}
	.vap-inner-wrapper h2{padding: 0 0 20px;}
	.course-table{width:100%; border-collapse:collapse; max-width:500px;}
	.course-table th, .course-table td{border:1px solid #999; padding:12px 15px; text-align:center; font-size:14px;}
	.course-table th{background:#f5f5f5; font-weight:600;}
	.course-table tbody tr:hover{background:#fafafa;}
/* value added css */

/* career css */
	.carrers-wrapper{padding: 50px 0;}
	.carrers-wrapper h3{padding: 10px 0 0;}
/* career css */

/* join us css */
	.join-us-wrapper {padding: 50px 0 0;}
	.join-us-wrapper .common-btn{    justify-content: flex-start;}
	.join-us-wrapper .common-btn a{max-width: fit-content;}
	.email-link{color: var(--blue); font-size: 18px;}

/* join us css */
/* alumni css */
	.alumni-wrapper{padding: 50px 0;}
/* alumni css */
	.main-top-wrapper{width: 100%; max-width: 100%;}
	.magazine-inner-wrapper{padding: 50px 0; width: 100%; display: flex; justify-content: center; align-items: center;} 
	.magazine-inner-wrapper img{width: 100%; max-width: 500px;}
	ul.common-li.inner {padding: 0 0 0 30px;}