/* 2. canvas menu css */ /* 3. owl css */ /* 4. reset css */ /* 5. custom css */ /* 6. header css */ /* 7. slider css */ /* 8 . about-us-section */ /* 9. about-learn-more */ /* 10. vison mission goal */ /* 11. mesage and news */ /* 12. beolow banner section */ /* 13. index-college-life */ /* 14. index-events-wrapper */ /* 15. gallery-news-wrapper */ /* 15. footer */ /* 16. call-to-wrapper */ /* 17. courses-ofered wrappper */ /* 2. canvas css */ html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999}.hc-offcanvas-nav.is-ios *{cursor:pointer!important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;width:240px;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;max-height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none;box-sizing:border-box}.hc-offcanvas-nav .nav-content{height:100%;max-height:100vh}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav input[type=checkbox]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav a,.hc-offcanvas-nav a:hover{text-decoration:none}.hc-offcanvas-nav .nav-item{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after{content:"";position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after{visibility:visible;opacity:1;transition-delay:50ms}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,-webkit-transform .4s ease;transition:visibility 0s ease .4s,transform .4s ease;transition:visibility 0s ease .4s,transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0;-webkit-transform:translate3d(-240px,0,0);transform:translate3d(-240px,0,0)}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0;-webkit-transform:translate3d(240px,0,0);transform:translate3d(240px,0,0)}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%;height:auto;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%;height:auto;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:20px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before{display:block;position:absolute;left:0;height:4px;background:#34495e;transition:all .2s ease}.hc-nav-trigger span::after,.hc-nav-trigger span::before{content:"";width:100%}.hc-nav-trigger span::before{top:-10px}.hc-nav-trigger span::after{bottom:-10px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}.hc-nav-trigger.toggle-open span::after{-webkit-transform:rotate(-90deg) translate3d(10px,0,0);transform:rotate(-90deg) translate3d(10px,0,0)}.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after{background:rgba(0,0,0,.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background:#336ca6}.hc-offcanvas-nav h2{font-size:19px;font-weight:400;text-align:left;padding:20px 17px;color:#1b3958}.hc-offcanvas-nav .nav-item,.hc-offcanvas-nav a{padding:14px 17px;font-size:15px;color:#fff;z-index:1;background:rgba(0,0,0,0)}.hc-offcanvas-nav:not(.touch-device) a:hover{background:#00c3ff}.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a{border-top:1px solid #2c5d8f;margin-top:-1px}.hc-offcanvas-nav li{text-align:left}.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a{background:#2c5d8f}.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover{background:#2b5c8d}.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav li.nav-parent .nav-item{padding-right:58px}.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease}.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}.hc-offcanvas-nav li.nav-close span::before{margin-left:-9px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.hc-offcanvas-nav li.nav-close span::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next{border-left:1px solid #2c5d8f}.hc-offcanvas-nav li.nav-back span::before,.hc-offcanvas-nav span.nav-next::before{-webkit-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.hc-offcanvas-nav li.nav-back span::before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-right span.nav-next::before{margin-left:0;margin-right:-2px}.hc-offcanvas-nav.nav-position-right li.nav-back span::before{margin-left:0;margin-right:-2px}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-top span.nav-next::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top li.nav-back span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-bottom span.nav-next::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:0 0}.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item{font-size:14px}.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li{transition:background .3s ease}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover{background:#2f649a}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before{margin-top:2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before{margin-top:-2px;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}html.hc-nav-yscroll{overflow-y:scroll}body.hc-nav-open{overflow:visible;position:fixed;width:100%;min-height:100%}.nav-close{display:none!important}.hc-offcanvas-nav{visibility:hidden;display:none;position:fixed;top:0;height:100%;z-index:9999}.hc-nav-open .hc-offcanvas-nav{visibility:visible}.hc-offcanvas-nav.is-ios *{cursor:pointer!important}.hc-offcanvas-nav .nav-container{position:fixed;z-index:9998;top:0;width:255px;height:100%;max-width:100%;max-height:100%;box-sizing:border-box;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav .nav-wrapper{width:100%;height:100%;max-height:100vh;-ms-scroll-chaining:none;overscroll-behavior:none;box-sizing:border-box}.hc-offcanvas-nav .nav-content{height:100%;max-height:100vh}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav ul{list-style:none;margin:0;padding:0}.hc-offcanvas-nav li{position:relative;display:block}.hc-offcanvas-nav li.level-open>.nav-wrapper{visibility:visible}.hc-offcanvas-nav input[type=checkbox]{display:none}.hc-offcanvas-nav label{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;cursor:pointer}.hc-offcanvas-nav a{position:relative;display:block;box-sizing:border-box;cursor:pointer}.hc-offcanvas-nav li.nav-parent .nav-item:hover,.nav-back a:hover,.nav-close a:hover,.resom:hover{color:#fff!important}.hc-offcanvas-nav .nav-item{position:relative;display:block;box-sizing:border-box}.hc-offcanvas-nav .nav-item svg{font-size:16px;margin-right:16px;color:#8fc3e8;transition:all .4s}.hc-offcanvas-nav .nav-item:hover svg{color:#fff}.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav.disable-body::after{content:"";position:fixed;z-index:9990;top:0;left:0;right:0;bottom:0;width:100%;height:100%;-ms-scroll-chaining:none;overscroll-behavior:none;visibility:hidden;opacity:0;transition:visibility 0s ease .4s,opacity .4s ease}.hc-offcanvas-nav .sub-level-open::after,.hc-offcanvas-nav.disable-body.nav-open::after{visibility:visible;opacity:1;transition-delay:50ms}.hc-offcanvas-nav:not(.nav-open)::after{pointer-events:none}.hc-offcanvas-nav.nav-levels-expand .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav.nav-levels-expand .nav-wrapper::after{display:none}.hc-offcanvas-nav.nav-levels-expand ul .nav-wrapper{min-width:0;max-height:0;overflow:hidden;transition:height 0s ease .4s}.hc-offcanvas-nav.nav-levels-expand .level-open>.nav-wrapper{max-height:none}.hc-offcanvas-nav.nav-levels-overlap .nav-content{overflow:scroll;overflow-x:visible;overflow-y:auto;box-sizing:border-box}.hc-offcanvas-nav.nav-levels-overlap ul .nav-wrapper{position:absolute;z-index:9999;top:0;height:100%;visibility:hidden;transition:visibility 0s ease .4s,-webkit-transform .4s ease;transition:visibility 0s ease .4s,transform .4s ease;transition:visibility 0s ease .4s,transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.nav-parent{position:static}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper-1{width:297px}.hc-offcanvas-nav.nav-levels-overlap ul li.level-open>.nav-wrapper-2{width:337px}.hc-offcanvas-nav.nav-position-left{left:0}.hc-offcanvas-nav.nav-position-left .nav-container{left:0;-webkit-transform:translate3d(-280px,0,0);transform:translate3d(-280px,0,0)}.hc-offcanvas-nav.nav-position-left.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.hc-offcanvas-nav.nav-position-right{right:0}.hc-offcanvas-nav.nav-position-right .nav-container{right:0;-webkit-transform:translate3d(280px,0,0);transform:translate3d(280px,0,0)}.hc-offcanvas-nav.nav-position-right.nav-levels-overlap li .nav-wrapper{right:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.hc-offcanvas-nav.nav-position-top{top:0}.hc-offcanvas-nav.nav-position-top .nav-container{top:0;width:100%;height:auto;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hc-offcanvas-nav.nav-position-top.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.hc-offcanvas-nav.nav-position-bottom{top:auto;bottom:0}.hc-offcanvas-nav.nav-position-bottom .nav-container{top:auto;bottom:0;width:100%;height:auto;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hc-offcanvas-nav.nav-position-bottom.nav-levels-overlap li .nav-wrapper{left:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.hc-offcanvas-nav.nav-open[class*=hc-nav-] div.nav-container{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hc-nav-trigger{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;top:107px;right:15px;z-index:9980;width:30px;min-height:24px}.hc-nav-trigger span{width:30px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.hc-nav-trigger span,.hc-nav-trigger span::after,.hc-nav-trigger span::before{display:block;position:absolute;height:4px;background:#d0630e;transition:all .2s ease;width:25px;top:7px}.hc-nav-trigger span::after,.hc-nav-trigger span::before{content:"";width:100%}.hc-nav-trigger span::before{top:-7px}.hc-nav-trigger span::after{bottom:-7px}.hc-nav-trigger.toggle-open span{background:rgba(0,0,0,0);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hc-nav-trigger.toggle-open span::before{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}.hc-nav-trigger.toggle-open span::after{-webkit-transform:rotate(-90deg) translate3d(10px,0,0);transform:rotate(-90deg) translate3d(5px,0,0)}.hc-offcanvas-nav .nav-wrapper::after,.hc-offcanvas-nav::after{background:rgba(0,0,0,.3)}.hc-offcanvas-nav .nav-container,.hc-offcanvas-nav .nav-wrapper,.hc-offcanvas-nav ul{background-color:#6d229b}.hc-offcanvas-nav h2{font-size:19px;font-weight:400;text-align:center;padding:20px 17px;font-family:Souvenir Lt BT;color:#fff}.hc-offcanvas-nav .nav-item,.hc-offcanvas-nav a{padding:8px 10px;font-size:14px;transition:all .4s;z-index:1;background:rgba(0,0,0,0);display:flex;align-items:center;font-family:content1;border-bottom:1px solid rgba(255,255,255,.2)}.hc-offcanvas-nav .nav-item:hover,.hc-offcanvas-nav a:hover{background:#2c97ea!important;color:#fff!important}.first-nav li a.resact,.hc-offcanvas-nav:not(.touch-device) a:hover,.second-nav li a.resact,.second-nav ul li a.resact{background:#02596c}.second-nav li{position:relative}.second-nav li i{position:absolute;bottom:10px;right:15px}.hc-offcanvas-nav ul:first-of-type:not(:first-child)>li:first-child:not(.nav-back):not(.nav-close)>a{border-top:1px solid #2c5d8f;margin-top:-1px}.hc-offcanvas-nav li{text-align:left}.hc-offcanvas-nav li.nav-back a,.hc-offcanvas-nav li.nav-close a{background:#2c97ea}.hc-offcanvas-nav li.nav-back a:hover,.hc-offcanvas-nav li.nav-close a:hover{background:#8fc3e8}.nav-close a:hover{color:#fff}.hc-offcanvas-nav li.nav-back:not(:first-child) a,.hc-offcanvas-nav li.nav-close:not(:first-child) a{margin-top:-1px}.hc-offcanvas-nav li.nav-parent .nav-item{padding-right:58px;font-family:content1;line-height:1.4}.hc-offcanvas-nav li.nav-back span,.hc-offcanvas-nav li.nav-close span,.hc-offcanvas-nav li.nav-parent span.nav-next{width:45px;position:absolute;top:0;right:0;bottom:0;text-align:center;cursor:pointer;transition:background .2s ease}.hc-offcanvas-nav li.nav-close span::after,.hc-offcanvas-nav li.nav-close span::before{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin-top:-3px;border-top:2px solid #fff;border-left:2px solid #fff}.hc-offcanvas-nav li.nav-close span::before{margin-left:-6px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.hc-offcanvas-nav li.nav-close span::after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hc-offcanvas-nav a[href]:not([href="#"])>span.nav-next{border-left:1px solid #2c5d8f}.hc-offcanvas-nav li.nav-back span::before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;margin-left:-2px;box-sizing:border-box;border-top:2px solid #fff;border-left:2px solid #fff;-webkit-transform-origin:center;transform-origin:center}.hc-offcanvas-nav span.nav-next::before{-webkit-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.hc-offcanvas-nav li.nav-back span::before{-webkit-transform:translate(-50%,-50%) rotate(-45deg);transform:translate(-50%,-50%) rotate(-45deg)}.hc-offcanvas-nav.nav-position-left.nav-open .nav-wrapper{box-shadow:1px 0 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-right.nav-open .nav-wrapper{box-shadow:-1px 0 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-right span.nav-next::before{margin-left:0;margin-right:-2px}.hc-offcanvas-nav.nav-position-right li.nav-back span::before{margin-left:0;margin-right:-2px}.hc-offcanvas-nav.nav-position-top.nav-open .nav-wrapper{box-shadow:0 1px 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-top span.nav-next::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.nav-position-top li.nav-back span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom.nav-open .nav-wrapper{box-shadow:0 -1px 2px rgba(0,0,0,.2)}.hc-offcanvas-nav.nav-position-bottom span.nav-next::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-position-bottom li.nav-back span::before{margin-left:0;margin-right:-2px;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}.hc-offcanvas-nav.nav-levels-expand .nav-container ul .nav-wrapper,.hc-offcanvas-nav.nav-levels-none .nav-container ul .nav-wrapper{box-shadow:none;background:0 0}.hc-offcanvas-nav.nav-levels-expand .nav-container ul h2,.hc-offcanvas-nav.nav-levels-none .nav-container ul h2{display:none}.hc-offcanvas-nav.nav-levels-expand .nav-container ul ul .nav-item,.hc-offcanvas-nav.nav-levels-none .nav-container ul ul .nav-item{font-size:14px}.hc-offcanvas-nav.nav-levels-expand .nav-container li,.hc-offcanvas-nav.nav-levels-none .nav-container li{transition:background .3s ease}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open{background:#2e6296}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a{border-bottom:1px solid #295887}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open a:hover,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open a:hover{background:#2f649a}.hc-offcanvas-nav.nav-levels-expand .nav-container li.level-open>.nav-item .nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container li.level-open>.nav-item .nav-next::before{margin-top:2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.hc-offcanvas-nav.nav-levels-expand .nav-container span.nav-next::before,.hc-offcanvas-nav.nav-levels-none .nav-container span.nav-next::before{margin-top:-2px;-webkit-transform:translate(-50%,-50%) rotate(-135deg);transform:translate(-50%,-50%) rotate(-135deg)}.cf::after,.cf::before{content:"";display:block;height:0;overflow:hidden}.cf::after{clear:both}#main-nav{display:none}.nav-content h1{font-size:50px;font-weight:700;text-align:center;letter-spacing:5px;padding-bottom:8px}.resp-logo-img{width:200px;margin:10px auto 0;transition:all .4s}.nav-content h2{font-size:32px;line-height:1.4;text-align:center;color:#edbf47;font-family:heading;text-transform:uppercase;display:block;padding:10px 0 0;margin:0;letter-spacing:-2px;border-bottom:1px solid rgba(237,191,71,.2)}header .git{display:inline-block;text-decoration:none;color:#fff;border-radius:4px;padding:4px 10px 4px 0;font-size:15px;font-weight:400;color:#fffce1;background:#54b9cb;transition:background .15s ease-in-out}header .git:hover{background:#4ca8b9}header .git:hover svg{border-color:#54b9cb}header .git svg{width:15px;height:15px;fill:#fffce1;position:relative;top:2px;padding:0 10px;margin-right:10px;border-right:1px solid #4daabb;transition:border-color .15s ease-in-out}header .ver{padding-top:15px;font-weight:200;color:#dab977}header .ver span{color:#fffce1}header .toggle{position:absolute;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:none;z-index:9980;width:35px;min-height:24px;position:relative;width:auto;top:12px;left:auto;float:right;display:block;cursor:pointer;box-sizing:content-box;font-size:20px;padding-left:30px;line-height:24px;height:40px}header .toggle span{width:26px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}header .toggle span,header .toggle span::after,header .toggle span::before{display:block;position:absolute;left:0;height:3px;background:#6d229b;transition:all .25s ease}header .toggle span::after,header .toggle span::before{content:"";width:100%}header .toggle span::before{top:-7px}header .toggle span::after{bottom:-7px}header .toggle.toggle-open span{background:rgba(0,0,0,0);-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .toggle.toggle-open span::before{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,5px,0)}header .toggle.toggle-open span::after{-webkit-transform:rotate(-90deg) translate3d(10px,0,0);transform:rotate(-90deg) translate3d(10px,0,0)}header .toggle:hover span,header .toggle:hover span::after,header .toggle:hover span::before{background:#6d229b!important}header .toggle div{display:inline-block;margin-right:15px}main{flex:1 0 auto;padding-bottom:30px;text-align:left}main .content{border-top:1px solid rgba(255,255,255,.1)}main h4{font-size:15px;letter-spacing:1px;font-weight:600;text-transform:uppercase;margin:20px 0}main h4:first-child{margin-top:30px}main .actions{margin:0 -15px;text-align:center}main .actions.checkboxes{text-align:left;padding-top:8px}main .actions.checkboxes label{font-size:14px;text-transform:uppercase;cursor:pointer}main .actions.checkboxes label input{display:none}main .actions.checkboxes label input:checked~span{background:#dab977}main .actions.checkboxes label input:checked~span::before{content:"";position:absolute;top:50%;left:50%;margin-top:-1px;border:solid #243949;border-width:0 3px 3px 0;display:inline-block;padding:5px 2px;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}main .actions.checkboxes label span{display:inline-block;position:relative;top:-1px;width:22px;height:22px;background:#fffce1;margin-right:12px;vertical-align:top;transition:all .1s ease}main .actions div{padding:0 15px 20px;box-sizing:border-box}@media screen and (min-width:800px){main .actions{display:flex;flex-wrap:wrap}main .actions div{float:left;flex:1 1 33.33%;max-width:33.33%}main .actions.position div{float:left;flex:1 1 25%;max-width:25%}}main .button{position:relative;display:block;padding:18px 30px 16px;text-transform:uppercase;text-align:center;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:1px;text-decoration:none;color:#243949;cursor:pointer;background:#fffce1;border-radius:30px/80px;transition:all .1s ease}main .button:not(.active):hover{color:#d5af63}main .button.active{background:#dab977}.hc-offcanvas-nav .nav-wrapper-0>.nav-content{padding-bottom:41px}.hc-offcanvas-nav a{font-size:16px}.hc-offcanvas-nav li.search .nav-item{padding-top:0}.hc-offcanvas-nav li.search input[type=text]{width:100%;box-sizing:border-box;border:none;border-radius:3px;font-size:14px;color:#fff;background:rgba(255,255,255,.12);padding:5px 10px;box-shadow:none;outline:0}.hc-offcanvas-nav li.search input[type=text]::-webkit-input-placeholder{color:rgba(255,255,255,.8)}.hc-offcanvas-nav li.search input[type=text]:-ms-input-placeholder{color:rgba(255,255,255,.8)}.hc-offcanvas-nav li.search input[type=text]::-ms-input-placeholder{color:rgba(255,255,255,.8)}.hc-offcanvas-nav li.search input[type=text]::placeholder{color:rgba(255,255,255,.8)}.hc-offcanvas-nav li.add>a::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"add"}.hc-offcanvas-nav li.new>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"fiber_new"}.hc-offcanvas-nav li.cryptocurrency>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"local_atm"}.hc-offcanvas-nav li.devices>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"devices"}.hc-offcanvas-nav li.mobile>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"phone_android"}.hc-offcanvas-nav li.television>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"desktop_windows"}.hc-offcanvas-nav li.camera>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"camera_alt"}.hc-offcanvas-nav li.magazines>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"import_contacts"}.hc-offcanvas-nav li.store>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"store"}.hc-offcanvas-nav li.collections>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"collections"}.hc-offcanvas-nav li.credits>.nav-item::before{font-family:"Material Icons";font-weight:400;font-style:normal;display:inline-block;line-height:1;text-transform:none;text-indent:0;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";display:inline-block;width:19px;height:19px;margin-right:15px;font-size:19px;vertical-align:top;content:"credit_card"}.hc-offcanvas-nav ul.bottom-nav{position:absolute;z-index:10;bottom:0;width:100%;display:flex;flex-wrap:nowrap;align-items:stretch;border-top:1px solid #2c5d8f}.hc-offcanvas-nav ul.bottom-nav li{flex:auto}.hc-offcanvas-nav ul.bottom-nav li a{padding:10px;text-align:center;height:100%;border-bottom:none}.hc-offcanvas-nav ul.bottom-nav li svg{fill:#fff;display:inline-block;vertical-align:middle}.hc-offcanvas-nav ul.bottom-nav li.github svg{width:17px;height:17px}.hc-offcanvas-nav ul.bottom-nav li.ko-fi svg{width:21px;height:21px}.hc-offcanvas-nav ul.bottom-nav li.email svg{width:19px;height:19px}header .toggle{display:none!important} /* 2. canvas css */ /* 3. owl css */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none;font-size:28px}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{color:#d0630e;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-theme .owl-dots .owl-dot.active span{background:#fff} .owl-dots{text-align-last: center;margin-top: 32px;} /* 3. owl css */ /* 4. reset css */ a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0} /* 4. reset css */ /* Dynamic Pageination Active Link */ .pagination {display: flex;justify-content: center;align-items: center;gap: 10px;transform: translateY(-10px);} .pagination button.active{color: #000;border: 1px solid #fac93c;padding: 8px;margin: 5px;border-radius: 5px;} .pagination button.act1{background: #fac93c;color: #fff !important;} .pagination button{transition: all .3s ease-in-out;} .pagination button:hover{background: #fac93c;color: #fff !important;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} /* Dynamic Pageination Active Link */ /*pop-up*/ /* 5. custom css */ main h4:first-child ,main h4{margin: 0 0 0 0;} table {width: 100%;border-collapse: separate;border-spacing: 1px;margin: 20px 0;} table th {padding: 10px;text-align: center;color: #fff;background-color: #153f91;font-size: 18px;} table td {padding: 16px;font-size: 16px;font-weight: 300;color: #000;background: #eee;vertical-align: middle;} main h4{font-weight: 300;} main{padding: 0;} *,:before,:after{box-sizing: border-box;padding: 0;margin: 0;} a,button{display: inline-block;text-decoration: none;cursor: pointer;}a:hover,a:focus,input,input:focus,select,select:focus,textarea,textarea:focus,button{outline: none;border: none;}li{list-style: none;}.fl{float: left;}.fr{float: right;}.clear{clear: both;}.textl{text-align: left;}.textc{text-align: center;}.textr{text-align: right;}.dib{display: inline-block;} select,input,textarea,select::placeholder,input::placeholder,textarea::placeholder{opacity: 1;color: #000;font-size: 16px;transition: all .2s;} select,input,textarea{width: 100%;transition: all .2s;outline: none;border: none;font-family: content1;} .wrapper{width: 100%;overflow: hidden;} .fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;} select:focus,input:focus,textarea:focus,a:focus{border: none;outline: none;} img{max-width: 100%;} @font-face {font-family: 'content1';src: url("../fonts/Jost-Regular.ttf") format("truetype");font-style: normal; } @font-face {font-family: 'content2';src: url("../fonts/Jost-SemiBold.ttf") format("truetype");font-style: normal; } @font-face {font-family: 'content3';src: url("../fonts/Jost-Bold.ttf") format("truetype");font-style: normal;} @font-face {font-family: 'heading';src: url("../fonts/LeBeauneNew.otf") format("truetype");font-style: normal; } h1,h2,h3,h5,h6{font-family: heading;} h4,body{font-size: 16px;font-family: content1;} p{line-height: 1.7;font-size: 18px;margin: 16px 0;color: #6b6b6b; font-family: 'content1'; text-align: justify;} h2{font-size: 32px;color: #fff;text-transform: uppercase;letter-spacing: 1px;} h2.full-length-h2{color: #0082fa;margin-top: 10px;font-size: 40px;margin-bottom: 0;display: inline-block;position: relative;} h2.full-length-h2::before {content: '';position: absolute;top: 0;right: -625px;bottom: 0;margin: auto 0;height: 1px;width: 600px;background: #6d229b;opacity: .2;} .common-button-spuc a{display: inline-block;padding: 12px 20px;border-bottom: 1px solid #2c97ea;color: #777777;font-size: 20px;text-transform: uppercase;letter-spacing: 1px;position: relative;z-index: 0;transition: all .2s;} .common-button-spuc a:before{ content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0px;background-color: #2c97ea;z-index: -1;transition: all .3s ease-in-out;} .common-button-spuc a:hover:before{height: 100%} .common-button-spuc a:hover{color: #fff} .common-button-spuc{margin-bottom: 15px;} /* .container{padding: 15px 15px 10px;} */ iframe{width: 100%; height: 100%;} .iframes-section1 iframe{height: 920px;} .iframes-section2 iframe{height: 680px;} /* 5. custom css */ /* 6. top header css */ header {transition: all .4s;position: fixed;z-index: 4;left: 0;right: 0;width: 100%;} header .top-header{background-color: #6d229b;} header .top-header .fluid-container{display: flex;align-items: center;justify-content: space-between;} header .top-header ul{display: flex;align-items: center;justify-content: flex-start;} header .top-header ul a{display: block;padding: 4px 10px;font-size: 12px;color: #fff;transition: all .3s;position: relative;z-index: 0;} header .top-header ul a:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 100%;z-index: -1;background-color: #FAC93C;transition: all .1s;height: 0;} header .top-header ul a:hover:before{height: 100%;} .logo-menu-header {padding: 15px 0;background-color: rgba(255, 255, 255,1);transition: all .2s;} .logo-menu-header .logo-and-title{display: flex;justify-content: flex-start;align-items: center;} .logo-menu-header .logo-and-title img{width: 86px;display: block;margin-right: 16px;transition: all .3s;} .logo-menu-header .logo-and-title em{display: block;} .logo-menu-header .logo-and-title em h3 {font-size: 30px;color: #6d229b;margin-bottom: -7px;text-transform: uppercase;transition: all .3s;font-family: content1;} .logo-menu-header .logo-and-title em h5 {font-size: 18px;color: #6d229b;text-transform: uppercase;transition: all .3s;margin: 0px 0 0;font-family: content1;} .logo-menu-header .logo-and-title em h6{font-size: 16px;font-family: content1; color: #333;} .logo-menu-header .logo-and-title em h6 a{font-size: 16px;font-family: content1; color: #333} .desktop-menu-container ul{margin-top: 21px;} .desktop-menu-container ul li{display: inline-block;margin-right: 20px;position: relative;} .desktop-menu-container ul li:last-child{margin-right: 0;} .desktop-menu-container ul li a{display: block;padding-bottom: 44px;position: relative;color: #6d229b;font-size: 18px;} .desktop-menu-container ul li:hover >a{color: #0082fa !important;} .desktop-menu-container ul li a:before{content: '';position: absolute;bottom: 0;right: 0;width: 0;height: 4px;background-color: #0082fa;transition: all .2s;} .desktop-menu-container ul li:hover > a:before{width: 100%;} .first-route {position: absolute;width: 280px;opacity: 0;visibility: hidden;top: 100px;transition: all .18s ease-in-out;left: 0;background: #fbf7f7;z-index: 2;display: flex;flex-direction: column;box-shadow: 0 2px 4px 0 rgba(25,29,36,.08);margin-top: 0 !important;} .first-route li {margin: 0 !important;} .first-route li a {padding: 8px 20px !important;border-bottom: 1px solid #efefef;font-size: 16px !important;transition: all .2s;text-transform: capitalize;color: #6A6A6A !important;} .first-route li a:before{display: none;} .desktop-menu-container ul li:hover .first-route {opacity: 1;visibility: visible;top: 67px;} header.spuc-fixed{transition: all .4s;transform: translateY(-26px);box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);} header.spuc-fixed .logo-and-title img{width: 86px;} header.spuc-fixed .logo-menu-header{top: 0;background: rgba(255, 255, 255,.96);box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);} header.spuc-fixed .logo-and-title h3{font-size: 25px;} header.spuc-fixed .logo-and-title h5{font-size: 17px;} header.spuc-fixed .logo-and-title h6{font-size: 15px;} header.spuc-fixed .desktop-menu-container ul li a{padding-bottom: 40px;} header.spuc-fixed .desktop-menu-container ul li:hover .first-route{top: 63px;} header.spuc-fixed .desktop-menu-container ul{margin-top: 30px;} .desktop-home img {width: 100%;height: 17px;filter: invert(16%) sepia(38%) saturate(6074%) hue-rotate(270deg) brightness(88%) contrast(94%);} /* 6. top header css */ /* 7. index slider */ .spuc-index-slider{margin-top: 125px;} .spuc-index-slider{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; position: relative;} .spuc-index-slider .swiper-wrapper .swiper-container {width: 100%;} .spuc-index-slider .fluid-container{padding-bottom: 30px;} .spuc-index-slider .swiper-wrapper .swiper-slide {background: no-repeat center center/cover;height: 650px;position: relative;z-index: 0;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;} .spuc-index-slider .swiper-wrapper .swiper-slide .index-slide-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0,.1) 80%);z-index: -1;} /* background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(64, 61, 61)); } */ .spuc-index-slider .swiper-pagination-bullet {background-color: transparent;border: 2px solid #fff;border-radius: 50%;width: 12px;height: 12px;opacity: 1;} .spuc-index-slider .swiper-pagination-bullet-active {background-color: #fff;} .spuc-index-slider .swiper-button-container {background-color: #fff;} .spuc-index-slider .swiper-container .swiper-pagination-bullet-active{background: #FAC93C !important;} .spuc-index-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{background: rgba(255,255,255,.6);} .spuc-index-slider .swiper-container .swiper-pagination-bullet{width: 12px;height: 12px;} .spuc-index-slider .swiper-container .swiper-pagination-bullet{border: none;} .spuc-index-slider .swiper-slide-active h2 {opacity: 1;transform: translateY(0%) scale(1);transition: 1s ease;transition-delay: .5s;} .spuc-index-slider .swiper-button-prev, .swiper-button-next{color: #fff !important;transition: all .2s;} .spuc-index-slider .swiper-button-prev::after, .swiper-button-next::after{font-size: 24px !important;color: #6b6b6b;} .spuc-index-slider .swiper-button-prev, .spuc-index-slider .swiper-button-next{background: #f9f9f9;width: 48px;bottom: 50%;top: initial;height: 48px; z-index: 1;} .spuc-index-slider .swiper-button-prev{left: 0;} .spuc-index-slider .swiper-button-next{right: 0;} /* first slide */ /* .spuc-index-slider .swiper-slide .first-slide::before {content: '';position: absolute;top: 0;right: -40px;bottom: 0;margin: auto 0;width: 300px;height: 300px;border: 20px solid #fff;} */ .spuc-index-slider .swiper-slide .first-slide,.spuc-index-slider .swiper-slide .second-slide{position: relative;text-align: right;} .spuc-index-slider .swiper-slide .second-slide{text-align: left !important;} .spuc-index-slider .swiper-slide .first-slide h3,.spuc-index-slider .swiper-slide .second-slide h3{font-size: 32px;font-family: content2;color: #fff;text-transform: uppercase;transition: all .8s;opacity: 0;transform: translateY(-100%);} .spuc-index-slider .swiper-slide .first-slide h1,.spuc-index-slider .swiper-slide .second-slide h1{transition: all 1s;color: #FAC93C;font-family: content3;font-size: 52px;line-height: 1.2;opacity: 0;transform: translateY(100%);transition-delay: .6s;text-transform: uppercase;} .spuc-index-slider .swiper-slide-active .first-slide h3,.spuc-index-slider .swiper-slide-active .second-slide h3{opacity: 1;transform: translateY(0%);} .spuc-index-slider .swiper-slide-active .first-slide h1,.spuc-index-slider .swiper-slide-active .second-slide h1{opacity: 1;transform: translateX(0%);} /* first slide */ /* 7. index slider */ /* 8.about-us-section */ .about-us-section{padding: 60px 0 60px;position: relative;z-index: 0;} .about-us-section:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 100%;background: url('../images/school-overlay.jpg') no-repeat bottom/contain;z-index: -1;opacity: .035;} .about-us-section h3 {font-family: content1;text-transform: uppercase;font-size: 18px;color: #636466;letter-spacing: 1px;margin-bottom: 12px;} .about-us-section h1{max-width: 800px;margin: 0 auto;font-size: 44px;line-height: 1.2;color: #0082fa;} .about-us-section .slogan-about{display: flex;justify-content: center;align-items: center;margin-top: 10px;margin-bottom: 40px;} .about-us-section .slogan-about em{padding: 0 20px;position: relative;color: #636466;font-size: 18px;} .about-us-section .slogan-about em:not(:last-child):before{content: '';position: absolute;right: 0;top: 0;bottom: 0;margin: auto 0;width: 1px;height: 60%;background-color: #abafb5;} /* .about-us-section p{max-width: 900px;margin: 0 auto;} */ article.para-img{display: flex;justify-content: center;} article.para-img > *{width: 50%;padding:0 40px;text-align: justify;background: no-repeat top center/cover;} .about-us-section a {display: inline-block;padding: 12px 14px;border-bottom: 1px solid #2c97ea;color: #777777;margin-top: 52px;font-size: 18px;text-transform: uppercase;letter-spacing: 1px;position:relative;z-index: 0;transition: all .2s;} .about-us-section a:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0px;background-color: #2c97ea;z-index: -1;transition: all .3s ease-in-out;} .about-us-section a:hover:before{height: 100%;} .about-us-section a:hover{color: #fff;} /* 8.about-us-section */ /* 9. about-learn-more */ .about-learn-more{padding: 40px 0 60px;position: relative;z-index: 0;background: #fff;} .about-learn-more:before{content: '';position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;width: 100%;height: 100%;background: url('../images/gray-overlay.jpg') no-repeat center/cover;z-index: -1;opacity: .5;} .about-learn-more .fluid-container{display: flex;justify-content: center;} .about-learn-more .fluid-container article{width: 100%;padding: 60px 20px;background: no-repeat center center/cover;} .about-learn-more .fluid-container article h2{font-size: 40px;color: #0082fa;margin-top: 6px;} .about-learn-more .fluid-container article h4 {color: #6b6b6b;font-size: 28px;font-family: content1;text-transform: uppercase;} .about-learn-more .fluid-container article p{text-align: justify;} .about-learn-more .fluid-container article .stats-container{margin-top: 40px;} .about-learn-more .fluid-container article ul {display: flex;justify-content: center;flex-wrap: wrap;width: 100%;position: relative;} .about-learn-more .fluid-container article ul:nth-child(1):before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 1px;background: #fff;opacity: .2;z-index: 1;} .about-learn-more .fluid-container article ul li {width: 100%;display: flex;justify-content: flex-start;align-items: center;max-width: 25%;padding: 40px 20px;position: relative;background: #6d229b;transition: all .3s ease-in-out} .about-learn-more .fluid-container article ul li:not(:last-child):before{content: '';position: absolute;top: 0;bottom: 0;height: 100%;right: 0;width: 1px;background: #fff;margin: auto 0;opacity: .2;} .about-learn-more .fluid-container article ul li img{display: inline-block;width: 52px;margin-right: 20px;filter: invert(82%) sepia(43%) saturate(533%) hue-rotate(3deg) brightness(108%) contrast(93%);transition: all .3s ease-in-out} .about-learn-more .fluid-container article ul li span {font-size: 18px;color: #fff;text-transform: uppercase;letter-spacing: 1px;width: calc(100% - 100px);font-family:content1; transition: all .3s ease-in-out;} .about-learn-more .fluid-container article ul li:hover{background: #FAC93C;} .about-learn-more .fluid-container article ul li:hover img{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(216deg) brightness(103%) contrast(103%);} .table-scroll, .governing-council-table{margin: 30px auto;} .vani-magazine-wrap .link{all: unset;} .vani-magazine-wrap h3{margin-top: 30px;color: #fac93c;font-weight: 600;font-size: 22px;} /* 9. about-learn-more */ /* 10. vison mission goal */ .vision-mision-goal{display: flex;justify-content: center;position: relative;z-index: 0;background: url('../images/home/college-building-photo2.jpg') no-repeat center center/cover;z-index: 0;} .vision-mision-goal::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #192f59;opacity: .9;} .vision-mision-goal article{padding: 60px 20px 32px;width: 100%;max-width: 450px;position: relative;z-index: 0;} .vision-mision-goal article:nth-child(2){background: rgba(143, 231, 63,.7);} .vision-mision-goal article:nth-child(2) img{filter: invert(100%) sepia(95%) saturate(20%) hue-rotate(0deg) brightness(106%) contrast(105%);} .vision-mision-goal article:nth-child(2) h4{color: #fff;} .vision-mision-goal article h4 {font-size: 32px;margin-bottom: 0;color: #8fe73f;font-family: content3;text-transform: uppercase;} .vision-mision-goal article img{width: 48px;display: block;filter: invert(80%) sepia(74%) saturate(443%) hue-rotate(34deg) brightness(93%) contrast(95%);} .vision-mision-goal article i{display: block;margin-bottom: 40px;} .vision-mision-goal article p{text-align: left;color: #fff;margin-top: 24px;font-size: 16px;} /* 10. vison mission goal */ /* 11.pricipal message */ section.pincipal-message-index-wrapper .index-message-container{width: 100%;max-width: 2000px;margin: 0 auto;display: flex;justify-content: center;} .index-message-container article {padding: 60px 40px;display: flex;justify-content: center;flex-direction: column;background: no-repeat center center/cover;width: 50%;} .index-message-container article.indi-message img{width: 52px;display: block;margin-bottom: 20px;filter: invert(88%) sepia(91%) saturate(827%) hue-rotate(319deg) brightness(96%) contrast(93%);} .index-message-container article.indi-message h3 {font-size: 24px;margin-bottom: 12px;font-weight: 600;letter-spacing: 1px;} .index-message-container article.indi-message a {display: inline-block;padding: 12px 14px;border-bottom: 1px solid #2c97ea;color: #777777;margin-top: 32px;font-size: 18px;text-transform: uppercase;letter-spacing: 1px;position: relative;z-index: 0;transition: all .2s;} .index-message-container article.indi-message a:before{content: '';position: absolute;bottom: 0;left: 0;right: 0;width: 100%;height: 0px;background-color: #2c97ea;z-index: -1;transition: all .3s ease-in-out;} .index-message-container article.indi-message a:hover {color: #fff;} .index-message-container article.indi-message a:hover:before {height: 100%;} .index-message-container article.indi-background {position: relative;z-index: 0;align-items: center;padding: 60px 0 20px;} .index-message-container article.indi-background div {width: 100%;max-width: 550px;position: relative;height: 500px;outline: 10px solid rgba(179, 173, 173,.6);outline-offset: 14px;} .index-message-container article.indi-background h6{margin-top: 60px;display: inline-block;padding: 10px 20px;background: #edbf47;color: #fff;font-family: content2;text-transform: uppercase;letter-spacing: 3px;} .index-message-container article.indi-background div img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;} .index-message-container article.indi-background:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0,.8) 80%);z-index: -1;} /* 11.pricipal message */ /* 13. index-college-life */ .index-college-life{padding: 80px 0 80px;position: relative;z-index: 0;} .index-college-life:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position: top right;background-image: url('../images/transparent-bg.png');background-repeat: no-repeat;background-size: auto;z-index: -1;opacity: .6;} .index-college-life:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -2;background: #f8f8f8;} .index-college-life h5 {font-size: 18px;color: #6b6b6b;text-transform: uppercase;} .duplex-para{display: flex;justify-content: space-between;margin: 10px 0 40px;position: relative;} .duplex-para p{width: 48%;text-align: left;} .index-college-life h3 {color: #29ce3b;font-size: 40px;text-transform: capitalize;line-height: 1.6;font-weight: 700;position: relative;z-index: 0;} .index-college-life h3::before {content: '';position: absolute;z-index: -1;bottom: 0;left: 0;right: 0;width: 42%;background: rgba(107, 107, 107,.1);height: 2px;top: 0;margin: auto;} .index-college-life h3 span{display: block;} section.facilities-wrapper{margin-top: 40px;} section.facilities-wrapper .index-facility-container{display: flex;justify-content: space-between;} section.facilities-wrapper .index-facility-container article{background: no-repeat center center/cover;width: 49.5%;padding: 60px 20px;position: relative;z-index: 0;} .index-facility-container article h4 {color: #FAC93C;font-size: 36px;font-weight: 900;margin-bottom: 28px;text-transform: uppercase;} .index-facility-container article p{color: #f0eeee;text-align: left;} .index-facility-container article a {padding: 8px 32px;color: #29ce3b;position: relative;z-index: 0;transition: all .2s ease-in-out;font-family: content2;margin-top: 10px;font-size: 18px;text-transform: uppercase;} .index-facility-container article a::before {content: '';position: absolute;left: 0;bottom: 0;margin: auto;height: 2px;width: 100%;background-color: #29ce3b;transition: all .3s ease-in-out;z-index: -1;} .index-facility-container article a:hover:before{height: 100%;} .index-facility-container article a:hover,.index-facility-container:nth-child(2) article a{color: #fff;} section.facilities-wrapper .index-facility-container article:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));} /* 13. index-college-life */ /* 14.index-events-wrapper */ .index-events-wrapper{padding: 60px 0 0;} .index-events-wrapper h3{color: #0082fa;font-size: 18px;} .latest-events-frame{margin: 40px auto 0;height: 600px;} .latest-events-frame-container {text-align: center;} .latest-events-frame-container article {width: 100%;max-width: 350px;border-radius: 8px;background: #fff;display: inline-block;margin: 0 auto;} .latest-events-frame-container article .event-image {height: 200px;transition: all .4s;overflow: hidden;} .latest-events-frame-container article .event-image .event-single-image {display: block;width: 100%;background: no-repeat center center/cover;border-radius: 8px 8px 0 0;transition: all .4s;height: 100%;position: relative;} .latest-events-frame-container article .events-description-block {border: 2px solid #f9f9f9;padding: 20px;background: linear-gradient(-146deg,#fff 50%,#f9f9f9 0%);border-radius: 0 0 8px 8px; min-height: 307px;} .latest-events-frame-container article h3 {font-size: 20px;color: #2c97ea;text-align: center;text-transform: uppercase;} .latest-events-frame-container article p {text-align: center;line-height: 1.2;margin: 10px 0;font-size:16px} .latest-events-frame-container article .date-read {display: flex;justify-content: space-between;margin-top: 40px;align-items: center;} .latest-events-frame-container .date-read span {background: #FAC93C;padding: 8px;} .latest-events-frame-container .date-read span em {font-size: 14px;position: relative;text-transform: capitalize;padding: 0 6px;color: #fff; } .latest-events-frame-container .date-read span em:not(:last-child)::before {content: '';position: absolute;top: 0;right: -2px;bottom: 0;margin: auto 0;height: 80%;width: 1px;background: rgba(255, 255, 255, 0.3);} .latest-events-frame-container .date-read a {text-transform: uppercase;letter-spacing: 1px;font-size: 16px;color: #0082fa;} .latest-events-frame-container article:hover .event-image .event-single-image {transform: scale(1.2);} .latest-events-frame-container article .event-image .event-single-image::before {content: 'Read More';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: transparent;transition: all .4s;display: flex;justify-content: center;align-items: center;color: transparent;font-family: content1;border-radius: 8px 8px 0 0;} .latest-events-frame-container article:hover .event-image .event-single-image::before {background: rgba(0,0,0,.6);color: #fff;} .latest-events-frame-container.owl-carousel .owl-nav {margin-top: 30px;display: flex;justify-content: center;} .latest-events-frame-container.owl-carousel .owl-nav button {width: 60px;height: 32px;display: flex;justify-content: center;align-items: center;font-size: 24px;background: #FAC93C;margin: -8px 2px;color: #fff;} /* 14.index-events-wrapper */ /* 15.news-wrapper */ /* .latest-news-frame-wrapper iframe, .latest-events-frame iframe{height: 700px;} */ .latest-news-frame-wrapper{width: 100%;height: 522px;margin-top: 40px;} a.individual-news-component {width: 100%;} a.individual-news-component .single-news-component {padding: 20px;position: relative;max-width: 600px;margin: 0 auto;text-align: left;background: linear-gradient(-15deg,#fff 50%,#f9f9f9 0%);border: 1px solid #eee;border-radius: 3px;} a.individual-news-component .single-news-component:first-child{margin-bottom: 20px;} .single-news-component h3 {color: #2c97ea;font-size: 24px;} .single-news-component p {margin: 18px 0;text-align: left;color: #6b6b6b;line-height: 1.2;} .single-news-component span {margin-top: 20px;display: flex;justify-content: flex-start;color: rgba(255, 255, 255, 0.3);} .single-news-component span i {padding: 10px;background: #FAC93C;} .single-news-component span em {color: #fff;margin-right: 4px;position: relative;padding: 0 6px;text-transform: capitalize;} .single-news-component span em:not(:last-child)::before {content: '';position: absolute;right: 0;top: 0;bottom: 0;height: 80%;width: 1px;background: rgba(255, 255, 255, 0.3);margin: auto 0;} .latest-news-frame-container.owl-carousel .owl-nav button{width: 60px;height: 32px;display: flex;justify-content: center;align-items: center;font-size: 24px;background: #FAC93C;margin: 0 2px;color: #fff;} .latest-news-frame-container.owl-carousel .owl-nav{margin-top: 40px;display: flex;justify-content: center;} /* 15.news-wrapper */ /* 15. footer */ .contact-footer{padding: 30px 0 0px;background: #192f59;} footer{padding: 160px 0 0px;background: #192f59;} footer .footer-logo-wrapper {margin: 0px 0 0px;display: flex;justify-content: center;align-items: center;padding: 0px 10px 50px;} footer .upper-links-container{display: flex;justify-content: center;margin-top: 32px; margin-bottom: 32px;flex-wrap: wrap;} footer .upper-links-container div{width: 25%;} footer .upper-links-container div h5 {color: #FAC93C;margin-bottom: 20px;font-size: 24px;font-family: content2;text-transform: uppercase;} footer .upper-links-container div ul li{margin: 8px 0;} footer .upper-links-container div ul li a{display: block;color: #fff; width: fit-content;} footer .footer-logo-wrapper .footer-logo-container{width: 100px;margin-right: 20px;} footer .footer-logo-wrapper a{display: flex;justify-content: center;align-items: center;color: #FAC93C;} footer .footer-logo-wrapper h4{font-size: 24px;} footer .footer-logo-wrapper h6{font-size: 20px;} .swaragh-credits{display: flex;justify-content: space-between;align-items: center;} .swaragh-credits p{margin: 0;color: #FAC93C;font-size: 14px;} .swaragh-credits p a{color: #fff;} footer .swaragh-cred {padding: 10px 0;border-top: 1px solid rgba(173, 173, 173,.2);} footer .footer-social-wrapper {display: flex;justify-content: center;border-top: 1px solid rgba(173, 173, 173,.2);padding: 16px 0 10px;margin: 0px 0 20px;align-items: center;border-bottom: 1px solid rgba(173, 173, 173,.2);} footer .footer-social-wrapper ul{display: flex;justify-content: center;align-items: center;} footer .footer-social-wrapper ul li{margin: 0 20px;} footer .footer-social-wrapper ul li:nth-child(1){margin-left: 0;} footer .footer-social-wrapper ul li:nth-child(3){margin-right: 0;} footer .footer-social-wrapper ul li a{font-size: 14px;color: #fff;display: flex;justify-content: flex-start;align-items: center;} footer .footer-social-wrapper ul li a i{display: block;margin-right: 10px;font-size: 20px;} /* 15. footer */ /* 16. call-to-wrapper */ .call-to-wrapper {text-align: center;position: relative;top: 96px;} .call-to-wrapper .call-to-container{max-width: 1280px;margin: 0 auto;background-image: url('../images/call-to-action-img.jpg');background-position: 0px 55%;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 0;display: flex;justify-content: center;} .call-to-wrapper .call-to-container article{display: flex;justify-content: center;padding: 60px 20px;width: 50%;} .call-to-wrapper .call-to-container article:nth-child(2){align-items: center; width: 38%;} .call-to-wrapper .call-to-container article:nth-child(1){flex-direction: column;text-align: left;padding-left: 70px} .call-to-wrapper .call-to-container article p{font-size: 20px;color: #000;margin: 0;text-align: left;} .call-to-wrapper .call-to-container article h4{font-size: 32px;color: #000;} .call-to-wrapper .call-to-container article a{display: inline-block;padding: 12px 40px;background: #fff;color: #000;font-size: 20px;text-transform: uppercase;letter-spacing: 2px;} .call-to-wrapper .call-to-container article a:hover{color: #fff; background-color: #6d2491;} .call-to-wrapper .call-to-container::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #FAC93C;opacity: .9;bottom: 0;right: 0;margin: auto;} /* 16. call-to-wrapper */ /* 17. courses-ofered wrappper */ .courses-ofered-wrappper{padding: 60px 0;position: relative;z-index: 0;background: #fff} .courses-ofered-wrappper h4{font-size: 18px;color: #6b6b6b;text-transform: uppercase;} section.courses-indi-container{display: flex;justify-content: flex-start;flex-direction: column;margin-top: 40px;} section.courses-indi-container article {display: flex;justify-content: flex-start;} section.courses-indi-container article:nth-child(1){margin-bottom: 40px;position: relative;padding-bottom: 20px;} section.courses-indi-container article:nth-child(1):before{content: '';position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;width: 100%;height: 1px;background-color: #000;opacity: .06;} section.courses-indi-container article h5{width: 300px;color: #FAC93C;font-family: content2;font-size: 24px;text-transform: uppercase; text-shadow: 1px 1px 1px #e1e1e1; margin-top: 16px;} section.courses-indi-container article div.streams-container {display: flex;justify-content: start;width: calc(100% - 100px);gap: 5px;} article div.streams-container .individual-strems{width: 33%;} article div.streams-container .individual-strems h6 {padding: 12px 10px;background-color: #153f91;color: #fff;font-size: 20px;font-family: content2;letter-spacing: 1px;} article div.streams-container .individual-strems ul{margin-top: 32px;} article div.streams-container .individual-strems ul li {margin: 28px 0;padding-left: 48px;position: relative;font-size: 20px;color: #6b6b6b;} article div.streams-container .individual-strems ul li::before {content: '';position: absolute;bottom: -50%;left: 0;right: 0;margin: 0 auto;width: 80%;height: 1px;background-color: #6b6b6b;opacity: .05;} article div.streams-container .individual-strems ul li:last-child:before{display: none;} article div.streams-container .individual-strems ul li img{position: absolute;top: 0;left: 0;bottom: 0;margin: auto 0;width: 32px;filter: invert(85%) sepia(31%) saturate(1099%) hue-rotate(338deg) brightness(102%) contrast(96%); transition: all .3s;} article div.streams-container .individual-strems ul li img:hover{transform: rotate(360deg);} .individual-strems h2{font-size: 26px;margin: 20px 0;text-transform: uppercase;letter-spacing: 1px; color: #6d2491;} /* courses-ofered wrappper */ /* new phot gallery */ section.new-photogallery{padding: 60px 0 0; position: relative;} .new-photogallery:before{content: '';position: absolute;top: 0;right: 0;left: 0;margin: 0 auto;width: 100%;height: 100%;background: url('../images/gray-overlay.jpg') no-repeat center/cover;z-index: -1;opacity: .5;} section.new-photogallery section.new-gallery_container{display: flex;justify-content: center;flex-wrap: wrap;margin: 40px 0} section.new-photogallery section.new-gallery_container a{width: 250px;height: 200px;margin: 10px;position: relative;z-index: 0;overflow: hidden;} section.new-photogallery section.new-gallery_container a img{width: 100%;height: 100%;object-fit: cover;transition: all .8s ease-in-out} section.new-photogallery section.new-gallery_container a:hover img{transform: scale(1.2)} section.new-photogallery section.new-gallery_container a span{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background: transparent;color: transparent;display: flex;justify-content: center;align-items: center;width: 96%;height: 94%;transition: all .3s ease-in-out;z-index: 1;} section.new-photogallery section.new-gallery_container a:hover span{background:rgba(0, 0, 0, 0.6);color:#fff;} /* new phot gallery */ /* inner pages ******************************************************/ /* banner */ section.inner-banner-wrapper{height: 500px;background: no-repeat top center/cover; margin-top: 130px;} section.inner-banner-wrapper .fluid-container {height: 100%;display: flex;justify-content: flex-end;align-items: flex-start;flex-direction: column;text-align: center;padding-bottom: 20px;} section.inner-banner-wrapper h1{font-size: 42px;color: #FAC93C;font-family: content2;text-transform: uppercase;} section.inner-banner-wrapper.with-overlay{position: relative;z-index: 0;} section.inner-banner-wrapper.with-overlay:before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0,.3) 99%);z-index: -1;} section.inner-banner-wrapper .breadcrumbs-wrapper * {font-size: 14px;color: #fff;text-transform: uppercase;} section.inner-banner-wrapper .breadcrumbs-wrapper .bread-act{color: #FAC93C;} section.inner-banner-wrapper .breadcrumbs-wrapper{display: flex;justify-content: flex-start;align-items: center;} section.inner-banner-wrapper .breadcrumbs-wrapper span{margin-right: 10px;} section.inner-banner-wrapper .breadcrumbs-wrapper span:nth-child(2n){font-size: 8px;} section.inner-banner-wrapper .breadcrumbs-wrapper span:last-child{margin-right: 0;} /* banner */ /* left section */ main.content-section-wrapper{padding: 40px 0px 0;} main.content-section-wrapper.isfull_width .right-section-container{display: none} main.content-section-wrapper.isfull_width .left-section-container{width: 100%;margin: 0} main.content-section-wrapper p{line-height: 1.6; font-size: 18px;} main.content-section-wrapper .fluid-container{display: flex;justify-content: center;gap: 30px;} main.content-section-wrapper .fluid-container.no-flex{display: block;} main.content-section-wrapper .left-section-container{width:100%;} .main-heading h2{color: #6d2491;position: relative;font-size: 28px;display: inline-block;margin: 30px 0 5px 0;} .main-heading:first-child h2{margin: 0 0 10px} .left-section-container article p a{color: #000;} .main-heading-1 h2{color: #6d2491;position: relative;font-size: 26px;display: inline-block;padding-top: 15px;} /* left section */ /* right section */ main.content-section-wrapper .right-section-container{width: 380px;} aside.quick-links{width: 100%;} aside.quick-links h3{padding: 14px 10px;color: #fff;font-size: 32px;text-transform: uppercase;border-radius: 16px 16px 0px 0px;text-align: center;background: #6d2491;font-family: 'content3';position: relative;z-index: 0;overflow: hidden;margin-bottom: 4px;} aside.quick-links.courses-offered-right-link-container h3{font-size: 25px !important;} aside.quick-links ul{position: relative;} aside.quick-links ul:before{content: '';position: absolute;bottom: -24px;left: 0;width: 100%;height: 20px;background: #6d2491;border-radius: 0 0 20px 20px;} aside.quick-links ul li{margin-bottom: 4px;} aside.quick-links ul li a{display: flex;justify-content: space-between;align-items: center;text-align: left;font-size: 18px;padding: 12px 10px;background: #F5F6F7;color: #000;transition: all .3s ease-in-out;position: relative;z-index: 0;} aside.quick-links ul li a:before {content: '';position: absolute;top: 0;bottom: 0;margin: auto 0;height: 100%;width: 0px;left: 0;background: #6d2491;transition: all .3s ease-in-out;z-index: -1;} aside.quick-links ul li:hover a:before{width: 100%} aside.quick-links ul li a i{font-size: 10px;color: #585858;transition: all .3s ease-in-out;} aside.quick-links ul li:hover a i,aside.quick-links ul li:hover a{color: #fff} /* right section */ /* inner pages**********************************************/ /* Contact us page */ .contact-container{width: 100%;max-width: 1280px;padding: 0 20px;} .address-details{padding: 20px;background: #f9f9f9;} .address-details h4{margin: 0px 0 20px;font-size: 24px;text-transform: uppercase;letter-spacing: 1px;} .address-details ul li{color: #6b6b6b;margin: 14px 0;font-size: 18px;line-height: 1.4;} .address-details ul li a{text-decoration: underline;color: #6d229b} .locate-frame{height: 250px;} .locate-frame iframe{width:100%;height: 100%; margin-top: 20px;} input,textarea,select{font-family: content-menu} .contact-us-form form .contact-input, .contact-us-form form .button-input{margin: 16px 0;display: flex;justify-content: center;} .contact-us-form form em{width: 40px;display: flex;justify-content: center;align-items: center;background: #6d2491;color: #fff;} .contact-us-form form input, .contact-us-form form textarea{padding: 16px 20px;background: #f0ecec;font-size: 16px;} #recap{max-width: 300px;margin: 10px auto;} .contact-us-form form button{padding: 14px 0px;border: none;outline: none;color: #fff;background: #6d2491;font-family: content-semi-bold;font-size: 24px;width: 100%;text-transform: uppercase;display: inline-block;} section.duplex-call-to-action{display: flex;padding: 40px;background: #a3002f;display: flex;justify-content: space-between;align-items: center;margin: 20px 0;outline: 2px solid #fff;outline-offset: -6px;} section.duplex-call-to-action h3{font-size: 40px;color: #fff;font-family: content-semi-bold;} section.duplex-call-to-action a{display: inline-block;padding: 10px 20px;color: #fff;border: 2px solid #fff;font-size: 20px;} .form-duplex-wrapper{display: flex;justify-content: center;} .form-duplex-wrapper1{display: flex;justify-content: center;gap: 30px;} .form-duplex-wrapper .contact-us-form,.form-duplex-wrapper .address-details{width: 100%;} .form-duplex-wrapper1 .contact-us-form,.form-duplex-wrapper1 .address-details{width: 100%;} .contact-us-form p{margin: unset;} /* Contact us page */ /* news and events page */ section.news-component-wrapper{padding: 20px;padding-bottom: 28px;margin-bottom: 0px;border-bottom: 1px solid #eee4e4;text-align: center;} section.news-component-wrapper h3{font-family: content1;text-transform: capitalize;margin-bottom: 32px;font-size: 28px;color: #000000b0;} section.news-component-wrapper a.news-coponent-img{display: block;height: 300px;width: 100%;max-width: 350px;margin: 0 20px 20px 0px;position: relative;float: left;background: no-repeat center center/cover;} section.news-component-wrapper p{text-align: left;} section.news-component-wrapper p span{color: #6d229b;} section.news-component-wrapper:nth-child(2n){background: #f9f9f9;} section.news-component-wrapper a.news-coponent-img em{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0;display: flex;justify-content: center;align-items: center;transition: all .4s ease-in-out;} section.news-component-wrapper a.news-coponent-img em img{width: 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;} section.news-component-wrapper a.news-coponent-img em i{margin-top: 60px;opacity: 0;transition: all .4s ease-in-out;transition-delay: .2s;color: #fff;} section.news-component-wrapper a.news-coponent-img:hover em img, section.news-component-wrapper a.news-coponent-img:hover em i {margin-top: 0;opacity: 1;} section.news-component-wrapper a.news-coponent-img:hover em{opacity: .8;} /* news and events page */ /* gallery page */ .update-photos-wrap h5{margin-top: 50px;} article.album-container_article{display: flex;justify-content: center;flex-wrap: wrap;} article.album-container_article a{display: block;margin: 20px;position: relative;border: 6px solid #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);overflow: hidden;transition: all .3s ease-in-out} article.album-container_article a .album-image_container{width: 250px;height: 250px;background: no-repeat center center/cover;} article.album-container_article a span.album-name_container{position: absolute;top: 0;left: -240%;bottom: 0;right: 0;margin: auto;background: rgba(0, 0, 0, 0.6);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;transform: rotate(360deg);transition: all .3s ease-in-out;width: 94%;height: 92%;} article.album-container_article a:hover span.album-name_container{left: 0;transform: rotate(0);text-align: center;} /* gallery page */ /* album page */ article.image-gallery_parent-component{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px} article.image-gallery_parent-component a{width: 250px;height: 250px;position: relative;background: no-repeat center center/cover;overflow: hidden;border: 6px solid #fff;box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);margin: 20px} article.image-gallery_parent-component a span{position: absolute;top: -240%;left: 0;bottom: 0;right: 0;margin: auto;background: rgba(0, 0, 0, 0.6);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;transform: rotate(360deg);transition: all .3s ease-in-out;width: 94%;height: 92%;} article.image-gallery_parent-component a span img{width: 32px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%)} article.image-gallery_parent-component a:hover span{top: 0;transform: rotate(0);} /* album page */ /* video gallery page */ section.video-details-wrapper{display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px; gap: 30px;} section.video-details-wrapper article{width: 100%;max-width: 280px;margin: 20px 10px;box-shadow: 0 0 6px -3px #000;} .video-iframe-container iframe{width: 100%; height: 100%;} section.video-details-wrapper article h4 {text-align: center;padding: 20px;text-transform: capitalize;margin: 0;font-family: content1;font-size: 18px;} /* video gallery page */ /* press clippings page */ article.press-clipping-wrapper{display: flex;justify-content: center;flex-wrap: wrap;margin-top:40px;} article.press-clipping-wrapper a {width: 220px;height: 200px;background: no-repeat center center/cover;margin: 10px 10px;position: relative;box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);border-radius: 4px} article.press-clipping-wrapper a:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);transition: all .2s ease-in-out;opacity: 0;border-radius: 4px} article.press-clipping-wrapper a img{position: absolute;top: 0;left: 0;right: 0;bottom: -140px;margin: auto;width: 28px;filter: invert(99%) sepia(22%) saturate(313%) hue-rotate(161deg) brightness(118%) contrast(100%);transition: all .2s ease-in-out;opacity: 0;transition-delay: .2s} article.press-clipping-wrapper a:hover img{bottom: 0;opacity: 1} article.press-clipping-wrapper a:hover:before{opacity: 1} /* press clippings page */ /* new latest news and events */ section.news_latest_events_container{display: flex;justify-content: center; gap: 20px;} section.news_latest_events_container article:last-child{width: 65%;} section.news_latest_events_container article:first-child{width: calc(100% - 60%);} /* new latest news and events */ /* Handover to Anusha on 30/12/2021 ******************************************************************/ /* Index */ .act-link{color: #2c97ea !important;} .desktop-menu-container ul li a.act-link{color: #0082fa;} .first-route li a.act-link{color: #0082fa !important;} .upper-links-container div ul li a.act-link{color: #0082fa !important;} aside.quick-links ul li a.act-link{color: #ffffff;} aside.quick-links ul li a.act-link i{color: #ffffff;} .resp-act-link{color:#ffed00 !important;} .resp-act-link>a{color: #ffed00 !important;} /* Index */ /*Pratap Css Start*/ .marquee-container{max-width:980px;margin:0 auto;width:100%}.padSides{font-size:14px;padding:5px 20px;width:100%;box-sizing:border-box}.marquee-container p{font-size:12px;text-align:justify;color:#fff;font-family:content1;margin:unset}.adm-open{position:fixed;right:0;top:15%;background:#ffff1a;box-shadow:0 0 3px #000;text-align:center;font-size:14px;z-index:9999;border-radius:10px 0 0 10px}.adm-open a{padding:10px 16px;display:inline-block;color:#000;font-weight:700;line-height:1.5}.animated.infinite{animation-iteration-count:infinite}.flash{animation-name:flash}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:.5}} .marquee-container p a{color: #fff;} /*Pratap Css End*/ /* Navigation */ .second-route li ul.sub-links{display: none; position: relative;} .first-route li a{position: relative;} .sub-links {position: absolute;top: 20px;left: 100%;width: 100%;background-color: #f9f9f9;margin: 0 !important;opacity: 0;visibility: hidden;transition: all .3s ease-in-out;} .sub-links li{display: block !important;} .first-route li:hover .sub-links{opacity: 1;visibility: visible;top: 0;} /* Navigation */ /* Governing Council */ .governing-council-table td{border: 1px solid #cecece38;} .governing-council-table-heading td{background-color: #dddddd;} /* .governing-council-table-rows1 td{font-weight: 600;} */ .governing-council-table-rows td{background-color: #fff;} .Ananth-ram{width: 100%; max-width:200px;margin: 0 auto; box-shadow: 0 0 10px #ccc;} .Ananth-ram img{width: 100%;height: 100%;object-fit: cover;} .left-section-container .name-of-chairman{text-align: center;color: #6d2491;font-size: 24px;font-weight: 600;position: relative;} /* Governing Council */ /* Best Practice */ .best-practices-heading{padding: 10px 0 0;} .best-practices-heading:first-child{padding: 0;} .best-practices-heading h3, .best-practice-description h3, .best-practices-parts h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} .best-practices-heading h3 p, .best-practices-main p{margin: 10px 0;} .best-practices-parts ul li{line-height: 1.8;color: #6b6b6b; margin-left: 20px;list-style-type: disc;font-size: 18px;} .best-practices-parts p{margin-top: 10px;} .best-practice-description{margin: 10px 0 30px 0;} .best-practice-description,.best-practice-description article .best-practice-imgs{display: flex;justify-content: space-between; gap: 40px 10px;flex-wrap: wrap;margin-top: 40px;} .best-practice-description article{width: 100%;padding: 20px;} .best-practice-description article h4 {font-size: 28px;color: #0082fa;margin-bottom: 20px;font-family: 'content1';text-transform: capitalize;} .best-practice-description article:nth-child(odd){background-color: #F5F6F7;} .best-practice-description article .best-practice-imgs{margin-top: 20px;justify-content: center;gap: 10px;} .best-practice-description article .best-practice-imgs a{width: 100%;height: 150px;overflow: hidden;} article .best-practice-imgs a img{width: 100%;height: 100%;object-fit: cover;transition: all .6s ease-in-out;} .best-practices-ul li{color: #6b6b6b; line-height: 1.6; list-style: disc; margin-left: 20px; font-size: 18px;} .extra-curricular-image{margin: 20px 0;} .title-bestpractice{display: flex; justify-content: center; gap: 30px;} .iframe{width: 100%; height: 100%;} .best-practices-heading h2, .title-bestpractice h2, .support-title h2{font-size: 26px; color: #6d2491;margin: 20px 0 5px 0px;} .issuuembed iframe {width: 100%;height: 900px;max-width: 900px;margin: 30px auto;} /* Best Practice */ /* Overview */ .Overview-kengeri{width: 100%;margin: 0 auto;} .Overview-kengeri img{width: 100%; height: 100%; object-fit: cover;} /* Overview */ /* vision-mision */ .vision-mission-content{margin: 0 16px;} .vision-mission-image{margin-top: 30px;} .vision-mission-description p span{font-family: 'content1';text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} .vision-mission-image{width: 100%; max-width: 480px; margin: 20px auto;} .vision-mission-image img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;} .vision-mission-heading{font-size: 26px;} .vision-mission-description{background: #f9f9f9;padding: 20px;border-radius: 4px;border-left: 6px solid rgba(61, 114, 231,0.9);box-shadow: 0px 12px 18px -6px rgba(34,56,101,0.12);margin-bottom: 32px;position: relative;z-index: 0;} /* vision-mision */ /* Principal Desk */ .principal-heading{display: flex; justify-content: space-between; align-items: center; box-shadow: 0 0 5px #ccc; gap: 20px; padding: 10px;} .overview-content h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} /* Principal Desk */ /* Course Science */ .course-paragraph p{font-size: 18px;} .Physics{color: #000;} .Chemistry{color: #000;} .Mathematics{color: #000;} .Biology, .Computer-Science, .Electronics, .Accountancy{color: #000;} /* Course Science */ /* Value- Added */ .value-added-section{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-bottom: 10px;} .value-added-part{width: 100%;max-width: 450px;box-shadow: 0 0 5px #ccc;margin: 13px;padding: 15px;} .value-added-part h3{color: #316aa1;margin-bottom: 10px;} .value-added--heading h3 {text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 0 0 15px 0 !important;} .value-added--heading p {margin: 0;} .value-added-ul{margin: 0 0 0 10px;color: #6b6b6b;} .value-added-ul li {list-style-type: square;margin-left: 20px;line-height: 1.6;} .value-added--content{margin-top: 35px;} .value-added--content p{margin: 0;} .value-added--heading h4{color: #6d2491;margin: 5px 0;font-weight: 600;font-size: 20px; margin-top: 20px;} ul.value-images{display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;} /* Value- Added */ /* Assignment Notes */ .assignment-notes-table{margin: 0px 0 30px 0;} .assignment-notes-tile{color: #0082fa;font-family: 'content1';font-size: 20px;} .assignment-notes-mid-term{font-family: 'content2';color: #6d2491;} /* Assignment Notes */ /* Academic Achievements */ .academic-achievements-main{display: flex; justify-content: center; gap: 20px; margin-top: 20px;} .academic-achievements-image.single{max-width: 950px; height: 100%; margin: 0 auto;width: unset;} .academic-achievements-image{width: 100%; max-width: 350px; height: 100%; margin: 0 auto;} .academic-achievements-image a img{width: 100%; max-width: 100%; object-fit: cover; border-radius: 5px; border: 1px solid #dddddd;} .academic-achievements-image-fancy{position: relative;} .academic-achievements-image-fancy::before{ border-radius: 5px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; color: #fff; content: 'Click Here'; background-color: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center;} .academic-achievements-image-fancy:hover::before{opacity: 1;} .academic-achievements-tile {color: #0082fa;font-size: 24px;font-family: 'content1';} .academic-achievement-title-description td{background-color: #fff;} .academic-achievement-table tr:nth-child(even){background-color: #fff;} .academic-achievement-title-description td:nth-child(1){text-transform: capitalize;} .academic-achievement-title td{font-family: 'content3';} .academic-achievement-table:last-child{margin: 30px 0 20px 0;} /* Academic Achievements */ /* Admission Process */ .admission-process-important p{font-size: 18px; color: #000; font-family: 'content1';} .admission-process-important span{color: rgba(255, 0, 0, 0.692);font-size: 20px;font-family: 'content2'; margin: 10px 0 0 0;} .admission-process-title{margin: 0; color: #0082fa; font-family: 'content1'; font-size: 26px; position: relative;} .admission-process-title p{margin: 0;} .academic-achievements-tile-paragraph{margin-left: 25px;} .admission-process-main{line-height: 1.8;} .admission-process-main ul{font-family: 'content1'; font-size: 18px;} ul.admission-process-description li {position: relative;padding-left: 20px;margin: 12px 0;line-height: 26px;} ul.admission-process-description li::before {position: absolute;content: '';top: 10px;left: 0;width: 6px;height: 6px;border-radius: 50%;background-color: #0000007a;} .admission-process-important{ margin: 20px 0; background-color: #eee; padding: 5px 10px; border-radius: 5px;} /* Admission Process */ /* Apply Online */ .apply-online-table{margin: 40px 0;} .apply-online-link{color: #46B1E1; font-style: italic;} .link {background: #46b1e1;margin: 0 auto;text-align: center;width: 50%;} .link a {color: #fff;padding:5px;text-align: center;} .link:hover{border: 2px solid #6d2491; background: unset;} .link:hover a{color:#000;} /* Apply Online */ /* discipline-and-conduct */ .discipline-and-conduct-main:first-child{margin:0;} .discipline-conducted-image{width: 100%; max-width: 350px; height: 200px;} .discipline-conducted-image img{width: 100%; height: 100%; object-fit: cover; border-radius: 5px;} .discipline-and-conduct-title {color: #0082fa;font-size: 24px;font-family: 'content1'; margin: 30px 0 10px 0;} .discipline-and-conduct-main:first-child h5.discipline-and-conduct-title{margin-top: unset;} .dicipline-sub li{color: #6b6b74;line-height: 1.8;font-size: 18px;list-style-type: disc; margin-left: 25px;} /* discipline-and-conduct */ /* Calender of Events */ .calendear-of-events-links a{color: #46B1E1; font-size: 18px; line-height: 1.4;} .calendear-of-events-links a:hover{text-decoration: underline;} .academic-achievements-tile1 {color: #0082fa;font-size: 24px;font-family: 'content1';} .calender-of-events--table-content{text-align: center;} .calender-of-events-title-description{background-color: #fff;} .calendar-main{display: flex;justify-content: space-between;gap: 20px;} .calendar-main div{background: #eee;} .calendear-of-events-links{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 40px;} .calendear-of-events-links h5 {font-size: 20px;text-transform: capitalize;text-align: center;color: #6d2491;} .calendear-of-events-links h5 {font-size: 18px;} .calendear-of-events-links a {padding: 10px 20px;color: #FAC93C;margin-top: 20px;border: 2px solid #fff;transition: all 0.3s ease-in-out;} .calendear-of-events-links a:hover{border: 1px solid #3f1056; color: #6d2491; text-decoration: none;} /* Calender of Events */ /* Academic staff */ .academic-staf-content h3, .academic-staf-images h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;} .academic-images-upload {width: 100%;justify-content: center;gap: 50px;margin: 20px 0;} .academic-images-upload img{width: 100%;height: 100%; object-fit: cover;} .academic-images-upload a{margin: 10px 0;} .tbsbhd{text-align: center;} /* Academic staff */ /* SRF */ .srf.main-article h3, .srf.main-article h3, h3.side-heading{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;} .srf.main-part{margin: 40px 0;} h3.side-heading{margin: 30px 0 8px 0;} .srf.main-list{color: #6b6b6b;line-height: 1.6; font-size: 18px;} .srf.main-list li{list-style-type: disc; margin-left: 30px;} /* SRF */ /* Committties */ .committies-title{font-family: 'content3';} .committies-table{margin-top: 50px;} .academic-achievement-table-number td{background-color: #f3c84756;} .academic-achievement-table-number{background-color: #ffffff;} .commitee-title{color: #0082fa;font-size: 24px;font-family: 'content1';} /* Committties */ /* Scholler ship */ .scholarship-reuired{display: flex; justify-content: center; gap: 10px;} .scholarship-required-list{width: 100%; box-shadow: 0 0 5px #ccc;margin: 13px;padding: 15px;} .scholarship-required-list h3{color: #316aa1;margin-bottom: 10px;font-weight: 600;} .scholarship-required-list ul{position: relative; margin-left: 15px;} .scholarship-required-list ul li{list-style-type: disc; line-height: 1.8;} .main-heading1 h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;} /* Scholler ship */ /* FAQ */ .span-Q{color: #316aa1; margin-right: 10px;} .ulcss, .acc__panel p{padding-bottom: 1.5em;} /* FAQ */ /* mentoring-counselling-main */ .mentoring-counselling-main1 table{margin: 0 0 30px 0;} .mentoring-counselling-main p{font-family: 'content1'; font-size: 18px; position: relative; padding: 0 25px;} .mentoring-counselling-main p::before {position: absolute;content: '';width: 6px;height: 6px;top: 10px;left: 0;border-radius: 50%;background-color: #0000009c;} /* mentoring-counselling-main */ /* Extra Curricular Activity */ .extra-curricular-main h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} .extra-curricular-main p{margin: 0;} /* Extra Curricular Activity */ /* Student Safety */ .insurence-scope h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} .anti-ragging-para p, .welfare-content p, .insurence-title p{margin: unset;} /* Student Safety */ /* co-curricular-achivement */ .co-curricular-achivement-table{margin: 30px 0;} .co-curricular-achivement-table-description td{background-color: #fff;} .acheivement-images {width: 100%; max-width: 300px;} /* co-curricular-achivement */ /* Alumini */ .alumini-students-opinion article h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} .alumini-opinion-of-students{width: 100%; box-shadow: 0 0 5px #ccc;margin: 30px 0;padding: 15px; } .alumini-opinion-of-students h4{color: #2c97ea; font-size: 16px;margin-top: 10px;} .alumini-opinion-of-students span{color: #2c97ea; font-size: 12px; padding: 2px 0 15px 0;display: block;} .alumini-opinion-of-students p{margin: 0;} .regards p{margin: 20px 0 10px 0;font-size: 14px;} .girls-welfare-image{width: 100%;margin: 0 auto; margin-bottom: 10px;} .girls-welfare-image img{width: 100%;height: 100%; object-fit: cover;} .alumini-image{width: 100%;margin: 0 auto;} .alumini-image img{width: 100%;height: 100%; object-fit: cover;} .student-image{border: 1px solid #ccc; width: 100%; max-width: 200px; margin: 0 auto; height: 200px;} /* Alumini */ /* Cultural and Sports */ .cultural-image-collection{display: flex; justify-content: center;align-items: center; gap: 30px;margin-bottom: 30px;} .image-cultural{width: 100%;max-width: 500px;margin: 20px 0;} .image-cultural img{width: 100%; height: 100%; object-fit: cover;} /* Cultural and Sports */ /* Halls of utility */ .halls-utility-paragraph article:first-child{padding: 0px 0;} .halls-utility-paragraph article{padding: 30px 0 0;} .halls-utility-paragraph article h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 0px 0 10px 0;} .halls-utility-images {display: flex;justify-content: flex-start;gap: 50px;width: 100%;flex-direction: column;margin: 20px 0;} .halls-utility-images img{width: 100%; height: 100%; object-fit: cover;box-shadow: 0 0 5px #ccc;} .main-image-infrastructure{display: flex;justify-content: center;align-items: center;gap: 30px;} .halls-utility-image{width: 100%;height: 230px;} /* Halls of utility */ /* Laboratory */ .facility-laboratories-section h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 20px;margin: 25px 0 10px 0;} .laboratories-images img{width: 100%; height: 100%; object-fit: cover;} .facility-laboratories-section{padding: 10px 0;} .facility-laboratories-section:first-child{padding: 0px 0;} /* Laboratory */ /* Library */ .library-main h3{text-transform: uppercase; color: #316aa1; font-weight: 600; font-size: 20px;font-family: 'content1';} .library-images-content{display: flex;justify-content: flex-start; gap: 20px;} .library-images {width: 100%;max-width: 500px;} .library-images img{width: 100%; height: 100%; object-fit: cover; margin: 10px 0;} /* .library-main p{margin: 0;} */ /* Library */ /* Site Map */ .sitemap-spuckengeri{padding: 5px 20px;position: relative; z-index: 1;} .sitecss li a{color: #000;} .sitecss li{background: url(../images/bullet.png) left 10px no-repeat;padding: 0 0 0 17px;margin: 5px 0 0;font-size: 18px;} .sub-sitecss li{list-style-type: disc;background: none;margin-left: 35px;padding: 0;font-size: 16px;} .sub-sitecss2 li{list-style-type: circle;font-size: 16px;} /* Site Map /* Support Facilities */ .facilities-heading h3{text-transform: uppercase;color: #316aa1;font-weight: 600;font-size: 16px;font-family: 'content1';} .facilities-heading ul li{line-height: 1.5; color:#6b6b6b;} figure{margin: 0px 0 50px 0;} figcaption{color: #316aa1;font-size: 18px;} .support-facility-image-container figure{width: 100%;} .support-facility-image-container p{color: #316aa1;font-size: 18px;} /* Support Facilities */ /* Events */ .news-component-wrapper h3{color: #6d2491;} /* Events End */ /* Handover to Anusha on 30/12/2021 ******************************************************************/ .intro-img::before{position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5);z-index: 0;} .intro-img::after{content: '';position: absolute;width: 35px;height: 35px;left: 0;right: 0;bottom: 0;top: 0;margin: auto;background: no-repeat center center/cover;background-image: url('../images/icons/video.png');filter: invert(100%) sepia(100%) saturate(2%) hue-rotate(89deg) brightness(109%) contrast(101%);z-index: 1;} .intro-img{position: relative;background: no-repeat center center/cover;} .intro-img a{border-bottom: 0;position: absolute;width: 100%;height: 100%;z-index: 2;} .intro-img a::before{display: none;} /* Common css for inneer pages */ .combinations-syllabus {display: flex;justify-content: center;align-items: center;padding-bottom: 30px;padding-top: 10px; gap: 30px; flex-wrap: wrap;} .combinations-syllabus li {width: 100%;max-width: 200px;display: flex;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;flex-direction: column;justify-content: center;align-items: center;padding: 10px;} .combinations-syllabus li img{width: 50px; margin: 20px 30px; text-align: center;} .individual-strems{margin: 40px 0;} .course-h6{color: #6d2491;font-size: 24px;font-family: Content2; text-transform: uppercase;} .individual-strems h3{color: #6d2491;font-size: 22px;} /* Accordion ================================================== */ .acc {margin: 0 auto;max-width: 800px;} .acc__card {margin: 10px auto;position: relative;box-shadow: rgba(0, 0, 0, .24) 0px 3px 8px;} .acc__title { background: #fff; color: #003552; cursor: pointer; display: block; padding: 1em 1.5em; position: relative; text-align: left; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px;} .acc__title::after {width: 8px;height: 8px;border-right: 1px solid #003552;border-bottom: 1px solid #003552;position: absolute;right: 10px;content: " ";top: 17px;transform: rotate(45deg);transition: all 0.2s ease-in-out;} .acc__title.active{border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;} .acc__title.active::after { transform: rotate(-138deg); transition: all 0.2s ease-in-out;} .acc__panel {background: #fff;color: #212121;display: none;margin: 0; padding: 0 20px; text-align: left;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;line-height: 1.8;} .acc__title, .acc__card{color: #6d2491;font-size: 18px;} .acc__panel p{margin-top: unset;} .testimonial{background: #270836; padding: 40px 20px; border-radius: 10px; margin: 40px auto; position: relative;} .testimonial::before{content: '';position: absolute;bottom: -20px;left: 45px;margin: auto;width: 0;height: 0;border-left: 20px solid transparent;border-right: 5px solid transparent;border-top: 25px solid #270836;} .testimonial p {font-size: 18px; text-shadow: initial; color: #fff;line-height: 1.4;} .testimonial p i img{margin: 0px 10px; width: 30px; filter:invert(65%) sepia(94%) saturate(637%) hue-rotate(0deg) brightness(107%) contrast(103%);} .person-details{display: flex; margin: 10px 0px;} .person-details em{background: #00c3ff; width:70px; height: 70px; border-radius: 50%; color: #fff; font-size: 35px; display: flex; justify-content: center; align-items: center; margin: 0px 10px;} .person-details h4{font-size: 22px; text-shadow: initial; color: #ab1c2f;} .person-details h4 span img{width: 70px;} .testimonial-block{margin-bottom: 90px;} .testimonial-block:last-child{margin-bottom: unset;} .inner-page .h-and-b{height: 520px;background-color: #15293b;background-size: contain;background-position: bottom center;border-bottom:10px solid #792a87;background-repeat: no-repeat} .inner-page .cover{background-size: cover} .inner-page .slider, .inner-page .slider > .img-div{height: 520px;border-bottom:10px solid #792a87} .right-link{float: right} .para{width: 50%;float: left;text-align: justify} .para p{text-align: justify} .para img, .w-para img{margin:7px auto 17px;width: 100%;border: 5px solid #fff;box-shadow: 0 0 10px #ddd;max-width: 500px;} .founders img{width: auto; height: 167px;border-radius: 50%} .para .highlater{margin: 20px 0 10px;font-size: 16px} .founders .para{text-align: center;margin-bottom: 20px} .founders .highlater{margin: 0;padding: 0;letter-spacing: 1px} .founders .textl{text-align: left} .w-para h3{margin-top: 30px;} .w-para p{text-align: left} .w-para .textc, .b-mem p, .para .textc{text-align: center;} .highlater span{display: block;color: #db1b30;margin: 5px 0 15px;font-size: 16px} .w-para ul li, .para ul li, .acc__panel ul li{list-style-image: url('../images/bullet.png');letter-spacing: 0;text-align: left;margin:0 0 5px 30px } b{font-weight: 600;color: #005AA0;} .w-para.founders p{text-align: justify;} .table-wrapper{overflow-x:auto; white-space: nowrap;} table.administrative-table td:first-child{width: 60px;text-align: center;} table.administrative-table th:first-child{width: 60px;} .main-heading-2 h2{color: #6d2491;position: relative;font-size: 26px;display: inline-block;} .main-heading-2{margin-top: 20px;} .value-added-program-container p{margin: 0;} .value-added-program-container ul li { color: #6b6b6b; line-height: 1.9; font-size: 18px; border: 2px solid #eee; margin: 20px 0; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 10px 20px; width: 100%; max-width: 250px;} .value-added-program-container ul li:hover{background: #eee; transition: .2s ease-in-out;} .value-added-program-container ul li span {display: flex;justify-content: center;align-items: center;width: 100px;} .value-added-program-container ul li span img {padding: 10px;width: 70px;} .value-images img:hover{filter: invert(85%) sepia(31%) saturate(1099%) hue-rotate(338deg) brightness(102%) contrast(96%);transition: all .3s;} .academic-achievement-title td{text-align: left;} .academic-table, .academic-achievement-content, .calendar-main, .Committees-heading, .administrative-table-box, .committe-table-statement, .strength-growth-table-wrapper{overflow-x: auto;} .main-heading1{margin-bottom: 40px;} .error-wrapper h2{color: #000; font-size: 20px;} .academic-achievement-content{margin-top: 30px;} /* Go to top css */ #to-top {cursor: pointer;position: fixed;bottom: 20px;right: 5px;z-index: 9;display: flex;justify-content: center;align-items: center;} #to-top img{width: 48px;filter: invert(71%) sepia(93%) saturate(381%) hue-rotate(346deg) brightness(104%) contrast(96%);transition: all .2s;} #to-top:hover img{filter: invert(18%) sepia(54%) saturate(4665%) hue-rotate(192deg) brightness(96%) contrast(102%);} /* Go to top css */ /* Loading Css */ .se-pre-con {position: fixed;left: 0;top: 0;z-index:11; background: url('../images/spinner.gif') center no-repeat #ccc;background-color: #fff;width: 100%;height: 100%;} /* Loading Css */ .scanner{max-width: 120px;margin: 60px auto 0;} /* About the Mangement */ h3.sub-hd {color: #4b2465;font-size: 22px;margin-bottom: 15px;} .about-set-img img{ width:100%;max-width: 45%;border: 5px solid #fff;box-shadow: 0 0 10px #ddd;border-radius: 50%;} /* About the Mangement End*/ .g-recaptcha{display: flex; justify-content: center; align-items: center;} /* Common css for inneer pages */ /*@media only screen and (min-width: 1600px) { .spuc-index-slider .swiper-wrapper .swiper-slide{height: 100vh;} }*/ /* 24-04-2025 */ /*neet links*/ .content-section-inner-wrapper{display: flex;justify-content: space-between !important;align-content: center;gap: 20px;width: 100%;} .neet-links h3{font-size: 22px;color: #9412e6;padding: 20px 0;} .assignments-notes-main li{display: flex; justify-content: center; align-items: center; gap: 10px;} /* 24-04-2025 */ .left-section-container iframe{height: 3400px !important;} @media(max-width:480px){ .assignments-notes-main li { justify-content: start; flex-direction: column; gap: unset; align-items: start;} main.content-section-wrapper p { margin: 15px 0 0;} .assignments-notes-main a { text-align: start;} .neet-links h3 { text-align: start; width: 100%; max-width: 300px;} } @media only screen and (max-width: 1274px) {.value-added-part{max-width: 100%;}} /* media query */ @media only screen and (max-width: 1240px) { section.inner-banner-wrapper {margin-top: unset;} footer{padding: 40px 0 0px;} .call-to-wrapper .call-to-container article h4{margin-top: 20px;} .call-to-wrapper{top: 0;margin-top: 0;} .gallery-news-container .news-wrapper{padding-bottom: 0;} .gallery-news-wrapper .gallery-news-container{flex-direction: column;} .gallery-news-wrapper .gallery-news-container article{width: 100%;} .gallery-container-compo a{width: 200px;height: 200px;} .gallery-news-container .news-wrapper{padding-top: 60px !important;} section.pincipal-message-index-wrapper {padding: 40px 0 0;} h2.full-length-h2::before{display: none;} section.pincipal-message-index-wrapper .index-message-container{flex-direction: column-reverse;justify-content: center;} .index-message-container article{margin: 0 auto;padding:20px;} .index-message-container article{width: 100%;} .index-message-container article.indi-message h3{margin-bottom: 0;} .index-message-container article.indi-message div.textr{text-align: left !important;} .index-message-container article.indi-message a{margin-top: 0;} header{position: unset;} header.spuc-fixed{position: unset;transform:unset;} .spuc-index-slider {margin-top: unset;} .library-images-content {flex-direction: column;gap: unset;} .library-images {max-width: unset; height: unset;margin: 0 auto;} } @media only screen and (max-width: 1200px) { section.inner-banner-wrapper{margin-top: 0;} .courses-ofered-wrappper {padding: 60px 0 0;} .desktop-menu-container{display: none;} .logo-menu-header{padding: 8px 0 8px;} header .toggle {display: block !important;} section.news_latest_events_container{flex-direction: column; align-items: center;} section.news_latest_events_container article{width: 100%} .latest-news-frame-wrapper{height: 560px} .spuc-index-slider .swiper-wrapper .swiper-slide {height: 480px;} header .toggle {top: 50px;right: 35px;position: fixed;} .about-us-section {padding: 20px 0 60px;} .para-img p{margin: unset;} section.news_latest_events_container article:first-child{width: 50%;} section.news_latest_events_container article:last-child{width: 100%;} .responsive-contacts { display: flex; justify-content: flex-start; align-items: center; width: 100%;} } @media only screen and (max-width: 1024px) { main.content-section-wrapper .right-section-container{display: none;} main.content-section-wrapper .left-section-container{width: 100%;margin: 0;margin-bottom: 20px;} .vision-mission-description{column-count: 1;} .academic-achievements-main{flex-wrap: wrap;} } @media only screen and (max-width: 992px) { .scholarship-reuired{flex-direction: column; align-items: center;} footer .upper-links-container{text-align: center;} footer .upper-links-container div{width: 50%;margin: 20px 0;} section.courses-indi-container article{flex-direction: column;justify-content: center;} section.courses-indi-container article h5 br{display: none;} section.courses-indi-container{margin-top: 0;} section.courses-indi-container article div.streams-container{width: 100%;margin-top: 20px;} article div.streams-container .individual-strems ul li{font-size: 18px;margin: 20px 0;} article div.streams-container .individual-strems ul {margin-top: 20px;} article div.streams-container .individual-strems ul li img{width: 24px;} .vision-mision-goal{flex-direction: column;} .vision-mision-goal article{max-width: initial;padding: 40px 20px 32px;} .vision-mision-goal article p{margin-top: 10px; text-align: justify;} .vision-mision-goal article i{margin-bottom: 16px;} .vision-mision-goal article h4{font-size: 28px;} .vision-mision-goal::before{opacity: 1;} .index-college-life{padding: 40px 0 40px;} .index-college-life h3{font-size: 32px} .duplex-para{margin: 10px 0 20px;flex-direction: column;justify-content: center;} .duplex-para p{width: 100%;margin: 10px 0 0; text-align: justify;} .about-learn-more{padding: 0;} .about-learn-more .fluid-container article ul li{max-width: 50%;padding: 20px;} .about-learn-more .fluid-container article ul li img{width: 44px;} .about-learn-more .fluid-container article ul li span{font-size: 16px;} article.para-img{flex-direction: column;} article.para-img > *{width: 100%;padding: 0;} .about-us-section .slogan-about{margin-bottom: 20px;} section.facilities-wrapper .index-facility-container{flex-direction: column;justify-content: center;} section.facilities-wrapper .index-facility-container article{width: 100%;padding: 20px 20px 32px !important;margin-bottom: 10px;} .index-facility-container article p{line-height: 1.4; text-align: justify;} .alumini-main{column-count: 1;} .alumini-sipuc-image{text-align: center;} .student-life-content {flex-wrap: wrap;} .best-practice-description {flex-direction: column; align-items: center;} .principal-heading{flex-direction: column; gap: unset;} .laboratories-main{flex-direction: column;} .laboratories-images{margin: 0 auto;} .principal-image a{width: 100%;} .best-practice-description article{width: 100%;} .form-duplex-wrapper1 {flex-direction: column;} .g-recaptcha{margin: 0 auto;width: 100%;max-width: 300px; display: flex; justify-content: center; align-items: center;} .spuc-index-slider .swiper-slide .first-slide h1, .spuc-index-slider .swiper-slide .second-slide h1 {font-size: 40px;} .spuc-index-slider .swiper-wrapper .swiper-slide {height: 460px;} section.inner-banner-wrapper {height: 330px;} section.inner-banner-wrapper h1{ margin: 0 auto; font-size: 38px;} section.inner-banner-wrapper .breadcrumbs-wrapper{margin: 0 auto;} section.inner-banner-wrapper .breadcrumbs-wrapper * {font-size: 14px;} .best-practice-description article .best-practice-imgs a {height: unset;} .title-bestpractice {flex-direction: column;gap: unset;} .call-to-wrapper .call-to-container {justify-content: center;flex-direction: column;align-items: center;} .call-to-wrapper .call-to-container article , .call-to-wrapper .call-to-container article:nth-child(2) {width: 100%; max-width: 100%;} .call-to-wrapper .call-to-container article p{text-align: center;} .call-to-wrapper .call-to-container article:nth-child(1) {padding: 20px 20px 10px;} .call-to-wrapper .call-to-container article, .call-to-wrapper .call-to-container article:nth-child(2) { padding: 20px 20px} } @media only screen and (max-width: 870px){ .spuc-index-slider .swiper-wrapper .swiper-slide {height: 400px;} section.inner-banner-wrapper {height: 258px;} } @media only screen and (max-width: 900px){ .about-us-section a { margin-top: 20px;} .calendar-main{flex-direction: column;} } @media only screen and (max-width: 768px) { section.inner-banner-wrapper {height: 300px;} section.inner-banner-wrapper h1{font-size: 29px;} .contact-us-form form .contact-input, .contact-us-form form .button-input{width: 100%;} .gallery-news-wrapper .gallery-news-container article{padding-bottom: 0;} .about-us-section h1{font-size: 28px;} .about-us-section .slogan-about em{font-size: 14px;} .latest-events-frame{height: 560px;} section.news-component-wrapper a.news-coponent-img {margin: 0 auto 30px;float: none;} .main-image-infrastructure{flex-direction: column;} .halls-utility-image{margin: 0 auto;} .spuc-index-slider .swiper-wrapper .swiper-slide {height: 300px;} section.inner-banner-wrapper {height: 260px;} section.inner-banner-wrapper .breadcrumbs-wrapper * {font-size: 13px;} section.news_latest_events_container article:first-child {width: 70%;} .swaragh-credits { flex-direction: column !important;} } @media only screen and (max-width: 600px) { .call-to-wrapper .call-to-container article{width: 100%;padding: 40px 20px;} .call-to-wrapper .call-to-container article:nth-child(2){padding-top: 0;} .call-to-wrapper .call-to-container{flex-direction: column;} .about-learn-more .fluid-container article h2{font-size: 32px;margin-top: 2px;} section.courses-indi-container article div.streams-container{flex-direction: column;justify-content: center;} article div.streams-container .individual-strems{width: 100%;} .index-college-life h3::before{display: none;} .index-college-life h3 span{display: initial;} .index-message-container article.indi-background div{outline: none;} .index-message-container article.indi-background{padding: 40px 10px 20px;} .library-images-content {flex-direction: column;align-items: center;} .combinations-syllabus li { max-width: unset;} .combinations-syllabus {flex-direction: column;} } @media only screen and (max-width: 576px) { section.inner-banner-wrapper{margin-top: 0;} footer .footer-logo-wrapper .footer-logo-container{width: 80px;} footer .footer-logo-wrapper h4{font-size: 20px;} footer .footer-logo-wrapper h6{font-size: 12px;} a.individual-news-component .single-news-component{padding:14px 16px;} .single-news-component p{font-size: 16px;line-height: 1.4} .single-news-component span i{padding: 6px;} .single-news-component span{margin-top: 12px;} .single-news-component span em{padding: 0 2px;} a.individual-news-component .single-news-component:first-child {margin-bottom: 40px;} .latest-events-frame-container article .event-image{height: 200px;} .latest-events-frame-container article{max-width: 350px;} .latest-events-frame-container article p{margin: 8px 0} .latest-events-frame-container .date-read span{padding: 6px;} .latest-events-frame-container .date-read span em{padding: 0 6px;} .latest-events-frame-container article .date-read{margin: 20px;} .about-learn-more .fluid-container article ul li{max-width: 100%;padding: 12px;} .about-learn-more .fluid-container article ul li img{width: 40px;} .about-learn-more .fluid-container article ul li span br{display: none;} .logo-menu-header .logo-and-title img{width: 68px;} .logo-menu-header .logo-and-title em h3{font-size: 20px; margin-bottom: -6px;} .logo-menu-header .logo-and-title em h5{font-size: 12px} .logo-menu-header .logo-and-title em h6 {font-size: 10px;margin-top: -6px;} .spuc-index-slider .swiper-slide .first-slide h1, .spuc-index-slider .swiper-slide .second-slide h1 {font-size: 30px;} .spuc-index-slider .swiper-button-prev::after, .swiper-button-next::after {font-size: 15px !important;} .spuc-index-slider .swiper-button-prev, .spuc-index-slider .swiper-button-next {width: 30px;height: 30px;} section.inner-banner-wrapper { height: 200px;} .spuc-index-slider .swiper-wrapper .swiper-slide { height: 220px;} section.inner-banner-wrapper .breadcrumbs-wrapper * {font-size: 11px;} section.news_latest_events_container article:first-child {width: 100%;} .latest-events-frame{margin: 0;} } @media only screen and (max-width: 500px) { footer .footer-social-wrapper ul {flex-direction: column;align-items: flex-start;} footer .footer-social-wrapper ul li{margin: 15px 0;} } @media only screen and (max-width: 488px){ section.inner-banner-wrapper h1 {font-size: 20px;} .spuc-index-slider .swiper-slide .first-slide h1, .spuc-index-slider .swiper-slide .second-slide h1 {font-size: 30px;} .spuc-index-slider .fluid-container {padding-bottom: 60px;} } @media only screen and (max-width: 480px) { .swaragh-credits{justify-content: center;flex-direction: column;} footer .upper-links-container div ul li{margin: 4px 0;} footer .upper-links-container div {width: 100%;margin: 10px 0;} header .toggle {top: 5px;min-height: 0;right: 0px;} .about-us-section .slogan-about em{padding: 0 10px;} footer .upper-links-container div h5{margin-bottom: 10px;} .main-heading1 h3{font-size: 15px;} .cultural-image-collection {flex-direction: column;gap: unset;} .image-cultural{margin: unset;} .spuc-index-slider .swiper-slide .first-slide h1, .spuc-index-slider .swiper-slide .second-slide h1 {font-size: 20px;} .spuc-index-slider .swiper-slide .first-slide h3, .spuc-index-slider .swiper-slide .second-slide h3 {font-size: 30px;} header .toggle {top: 50px;right: 15px;} section.inner-banner-wrapper {height: 180px;} .spuc-index-slider .swiper-wrapper .swiper-slide {height: 200px;} .principal-heading p{text-align: center;} footer .footer-logo-wrapper .footer-logo-container {width: 60px;} footer .footer-logo-wrapper .footer-logo-container {margin-right: 10px;} footer .footer-logo-wrapper h4 {font-size: 16px;} .academic-achievements-tile, .commitee-title {font-size: 22px;} .activites {padding: 0 20px;} .academic-achievement-content {margin-top: 20px;} .academic-achievement-table:last-child {margin: 0 0 20px 0;} .logo-menu-header .logo-and-title img { margin-right: 5px;} .logo-menu-header .logo-and-title em h5 { font-size: 11px; padding-bottom:5px;} .logo-menu-header .logo-and-title em h3 {font-size: 15px;} header .toggle {top: 54px !important;} section.news-component-wrapper a.news-coponent-img {height: 0px !important; } .individual-strems {margin: 20px 0;} footer .footer-logo-wrapper { padding: 0px 10px 20px;} footer {padding: 20px 0 0px;} .mentoring-counselling-main1 table{display: -webkit-inline-box;overflow-x: scroll;} .top-header ul li {display: none;} .fa-phone::before { content: "\f095"; display: block; } .about-us-section {padding: 20px 0;} h2.full-length-h2 { font-size: 24px;} .about-learn-more .fluid-container article {padding: 60px 20px 0;} section.pincipal-message-index-wrapper {padding: 20px 0 0;} .index-message-container article.indi-message img {width: 25px;} .index-facility-container article h4 { font-size: 25px;} .testimonial-block {margin-bottom: 0 !important;} footer .upper-links-container div h5 { font-size: 18px;} footer .upper-links-containe h4, body { font-size: 14px;} .logo-menu-header .logo-and-title em h6 a { font-size: 14px;} } @media only screen and (max-width: 380px) { header .toggle {right: 5px;} section.inner-banner-wrapper {height: 143px;} } @media only screen and (max-width: 360px) { .call-to-wrapper .call-to-container article a {font-size: 19px;} .spuc-index-slider .swiper-wrapper .swiper-slide {width: 100%; height: 190px !important;} .spuc-index-slider .swiper-button-prev, .spuc-index-slider .swiper-button-next {width: 20px;height: 20px;} .spuc-index-slider .swiper-button-prev::after, .swiper-button-next::after {font-size: 14px !important;} header .toggle {top: 30px;min-height: 0;right: 10px;position: fixed;} header{position: unset;} .spuc-index-slider .swiper-slide .first-slide h1, .spuc-index-slider .swiper-slide .second-slide h1 {font-size: 20px;text-align: center;} .spuc-index-slider .swiper-slide .first-slide h3, .spuc-index-slider .swiper-slide .second-slide h3 {font-size: 26px;text-align: center;} header.spuc-fixed{transform:unset;} .about-us-section {padding: 20px 0 60px;} .para-img p{margin: unset;} section.inner-banner-wrapper.with-overlay {background-position: top;background-repeat: no-repeat;} section.inner-banner-wrapper {height: 135px;} .Ananth-ram {max-width: 150px;} .Overview-kengeri {max-width: 300px;} .academic-achievements-tile, .commitee-title {font-size: 20px;} } @media (max-width: 420px) { .academic-table { overflow-x: auto; -webkit-overflow-scrolling: touch; } }