:root{
    --pm-blue:#0b2a55;
    --body-font: "Lato", sans-serif;
}


body{background: url('../images/content_bg.webp');}
a{text-decoration: none;}
.topBar{
    width: 100%; float: left; height: 20px; position: relative;
    svg {width: 100%;float: left;fill: var(--pm-blue);position: absolute;top: 0;-webkit-transform: rotate(180deg);transform: rotate(180deg);background: #fff;}
}

.titleContainer{
    width: 100%;
    float: left;
    position: relative;
    z-index: 5;
    background: #fff;
    padding: 10px 0;
    & ul {margin: 0;padding: 0;}
    & ul li {list-style-type: none;font: 700 14px/30px 'Lato';display: flex;align-items: center;justify-content: flex-end;}
    & ul li i{font-size: 18px;margin-right: 5px;top: 2px;}
}

/* for top menu */
.topMenuWrap { margin-bottom: 0; float: right; text-align: center; position: relative; width: 100%; box-shadow: 0px 1px 14px #00000085; z-index: 2; border-top: 1px solid #cccccc69; background: #effe; }
.topMenuWrap:after {content: '';position: absolute;bottom: -3px;left: 0;width: 100%;height: 1px;background: #ffffff;}
#main-menu {margin: 0;padding: 0;display: inline-flex;}
#main-menu li:has(> ul) > a::after { content: "\f107"; font-family: "Font Awesome 7 Pro"; font-weight: 900; margin-left: 8px; }
#main-menu li ul li:has(> ul) > a::after {content: "\f105";font-family: "Font Awesome 7 Pro";font-weight: 900;margin-left: 8px;position: absolute;right: 14px;top: 7px;}
#main-menu li {display: table-cell;list-style-type: none;margin: 0;padding: 0;position: relative;transition: all ease-in-out 300ms;}
#main-menu li:hover div {color: #fff;transform: rotate(90deg);}
#main-menu li:hover {transition: all ease-in-out 300ms;border-bottom: #ccc;} 
#main-menu li a {color: #000;display: block;font: 400 15px "Lato";padding: 10px 15px;text-decoration: none;margin: 0 0;transition: background 300ms ease-in-out;}
#main-menu li a:hover,#main-menu li:hover a, #main-menu li.selecto a{color: #ffffff !important;background: #0d2c62;}
#main-menu li.current-menu-item:hover > a {color:#dca47f;}
#main-menu li:hover > span {color: #FFF;}
#main-menu li.current-menu-item:hover > span {color: #F00;}
#main-menu li ul,#main-menu li ul li ul{left:0;opacity:0;visibility:hidden;padding:0;position:absolute;top: 36px;text-align:left;width: 210px;z-index:91;margin:0;background: rgba(255, 255, 255, 0.89);-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-ms-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s;/* border:2px solid #b98b6c; */}
#main-menu li ul li ul {top: 0;left: 100%;}
#main-menu li ul li,#main-menu li ul li ul li{float:left;margin:0;width:100%;background:0 0;border-right:none;padding:0;}
#main-menu li ul li:after {content: '';}
#main-menu li ul li:hover {box-shadow: none;}
#main-menu li ul li a,#main-menu li ul li ul li a{margin:0;float:left;padding:3% 3% 3% 6%;color: #000000!important;background:0 0!important;text-transform:inherit;font-size:14px;width:100%;overflow:hidden;-webkit-transition:all .1s ease-in 0s;-moz-transition:all 0s ease-in 0s;-ms-transition:all .1s ease-in 0s;-o-transition:all .1s ease-in 0s;transition: all ease-in-out 0.5s;border-top: 1px solid #274374;border-bottom: 1px solid #071b3e;position: relative;}
#main-menu li ul li a span,#main-menu li ul li ul li a span{color:#0095c6!important;background-color:transparent!important;border-radius:0;padding:0}
#main-menu li ul li a:hover{padding:3% 3% 3% 9%;color: #ffffff !important;background: #fc9537 !important;}
#main-menu li:hover>ul{left:0;opacity:1;visibility:visible;margin-top:2px;/* box-shadow:0 4px 12px rgba(0,0,0,.33); */background: #0d2c62;}
#main-menu li:last-child ul:before{display:inline-block;border-left:10px solid transparent;border-right:10px solid rgba(255,255,255,0);border-bottom:10px solid rgba(255,255,255,0);border-bottom-color:#FFF;position:absolute;top:-12px;right: 25px;}
#main-menu li:last-child ul {left: auto;right: 0;}
#main-menu li:hover > ul li:hover ul {left: 100%;}
#main-menu li:hover ul li:hover{background: #fc9537;}
.selecto {color: #2c75e4 !important;}


/* for bios */

.bios{width: 100%;float: left;position: relative;background: url(../images/slider_bg.webp) no-repeat left top;}
.bios .item{position: relative;}
.bios .item img{height: 100%;}
.bios .item:before{content: '';position: absolute;top: 0;width: 100%;height: 100%;/* background: #0000004d; */}

.bios .caption{position: absolute;bottom: 0;top: 30%;left: 0;right: 0;opacity: 0;padding: 0 26%;}
.bios .active .caption{opacity: 1;display: flex;align-items: flex-end;color: #FFF;flex-direction: column;position: absolute;}
.bios .active .caption .caption1{font-family: 'Playfair Display', sans-serif;font-size: 28px;/* font-weight: 600; */position: relative;letter-spacing: 0.06rem;opacity: 1;top: 0;margin: 20px 0 30px;}
.bios .active .caption .caption1:before{content: '';position: absolute;width: 70px;height: 1px;top: 21px;left: -85px;background: #fff;}
.bios .active .caption .caption1:after{content: '';/* position: absolute; */width: 30px;height: 3px;top: 13px;left: auto;right: -45px;background: #fff;} 
.bios .active .caption .caption2{font-family: 'Playfair Display', sans-serif;font-size: 54px;}
.bios .active .caption .caption2 strong{font-weight: 600;}
.bios .active .caption .caption3{font-family: 'Outfit', sans-serif;font-size: 20px;font-weight: 300;letter-spacing: 0.06rem;margin: 0 0 40px 0;/* display: none; */text-align: justify;}
.bios .active .caption .caption4{display: inline-flex;}
.bios .active .caption .caption4 a{font-family: 'Outfit', sans-serif;color: #fff;font-size: 15px;font-weight: 500;background: #bba88d;padding: 10px 15px;text-decoration: none;text-transform: uppercase;margin: 0 0 0 50px;border-radius: 5px;letter-spacing: 1px;}
.bios .active .caption .caption1, .bios .active .caption .caption2, .bios .active .caption .caption3, .bios .active .caption .caption4{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bios .active .caption .caption1{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
.bios .active .caption .caption2{-webkit-animation-name:slideInDown;animation-name:slideInDown;}
.bios .active .caption .caption3{-webkit-animation-name:slideInUp;animation-name:slideInUp;}
.bios .active .caption .caption4{-webkit-animation-name:slideInUp;animation-name:slideInUp;}


.bios {
    & .custNav{position: absolute;bottom: 10px;left: 10px;}
    & .custNav .owl-dot {width: 6px;height: 15px;background: white;margin: 10px 0 0 3px;border-radius: 5px;transition: all ease-in-out 300ms;}
    & .custNav .owl-dot.active {background: yellow;height: 25px;border-radius: 5px;}
}
.bios {
    & .sliderProgress {position: absolute;right: 30px;top: 30px;width: 32px;height: 35px;z-index: 10;}
    & .sliderProgress svg {width: 100%;height: 100%;transform: rotate(-90deg);}
    & .sliderProgress circle {fill: none;stroke-width: 10;}
    & .progressBg {stroke: rgb(0 0 0 / 22%);}
    & .progressBar { stroke: #fff; stroke-linecap: round; stroke-dasharray: 283; stroke-dashoffset: 283; transition: stroke-dashoffset 0.1s linear; }
    & .progressTime { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; font-weight: 600; display: none; }
}


.newsContainer{width: 100%;position: absolute;display: flex;height: 50px;left: 0;bottom: -27px;color: white;z-index: 9;align-items: center;}
.newsContainer > div {background: var(--pm-blue); position: relative; border-radius: 0 5px 5px 0; }
.newsContainer > div:before { content: ''; position: absolute; width: 100%; height: 100%; left: -100%; background: var(--pm-blue); }

.newsTickr{position: relative;top: -26px;z-index: 1;margin: 0 auto;}
.scrlNews {margin-bottom: 0;width: 100%;float: left;background: var(--pm-blue);color: #fff;position: relative;padding: 20px 10px 16px 63px;border-radius: 50px;
           &::before{content: '';position: absolute;top: -6px;right: -6px;left: -6px;bottom: -6px;border: 2px solid #fff;border-radius: 50px;border-bottom-color: #fc9537;z-index: -1;}
           &::after{content: ''; position: absolute; }
}
.scrlNews i{-webkit-animation-name: example;-webkit-animation-duration: 4s;animation-name: example;animation-duration: 1s;animation-iteration-count: infinite;float: left;position: absolute;left: 22px;top: 13px;font-size: 25px;}
.scrlNews .marquee{width: 100%;float: left;display:block;padding:0;list-style:none;line-height:1;position:relative;overflow:hidden;height:20px;margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;}
.scrlNews .marquee li{letter-spacing: 0.03rem;position:absolute;background-image:none;top:-9999em;left:0px;display:block;white-space:nowrap;font-family: var(--body-font);font-weight: 600;font-size: 16px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-top:0px;padding-right:20px;padding-bottom:0px;padding-left:0px;}
.scrlNews .marquee li:before  {content:''}

.aboutUs{
    width: 100%;float: left;padding: 40px 0 80px;
    & p{font: 400 16px/28px var(--body-font);}
    & .about-feature-box {position: relative;}
    & .about-feature-box:before {content: '';position: absolute;left: 50%;top: 50%;margin: -50px 0px 0px -50px;width: 100px;height: 100px;background: rgba(0,0,0,0.10);border-radius: 50%;z-index: 1;}
    & .about-feature-box .outer {margin: 0px 0px;}
    & .about-feature-box .about-feature {position: relative;margin-bottom: 30px;}
    & .about-feature-box .about-feature {float: left;padding: 0 0;margin: 0 0 0px;width: 50%;}
    & .about-feature-box .about-feature .inner-box {position: relative;display: block;-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);-ms-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.20);-webkit-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
    & .about-feature-box .about-feature:nth-child(1) .inner-box {background: #f5a93f;}
    & .about-feature-box .about-feature:nth-child(1) .inner-box:before{content: '';background: url(../images/pic_discipline.webp) no-repeat center center;position: absolute;width: 100%;height: 100%;opacity: 0.2; /* Safari */ /* Safari */}
    & .about-feature-box .about-feature:nth-child(2) .inner-box {background: #4cc7d6;}
    & .about-feature-box .about-feature:nth-child(2) .inner-box:before{content: '';background: url(../images/pic_fitness.webp) no-repeat center center;position: absolute;width: 100%;height: 100%;opacity: 0.2; /* Safari */ /* Safari */}
    & .about-feature-box .about-feature:nth-child(3) .inner-box {background: #2b8996;}
    & .about-feature-box .about-feature:nth-child(3) .inner-box:before{content: '';background: url(../images/pic_knowledge.webp) no-repeat center center;position: absolute;width: 100%;height: 100%;opacity: 0.5; /* Safari */ /* Safari */}
    & .about-feature-box .about-feature:nth-child(4) .inner-box {background: #dc4549;}
    & .about-feature-box .about-feature:nth-child(4) .inner-box:before{content: '';background: url(../images/pic_strength.webp) no-repeat center center;position: absolute;width: 100%;height: 100%;opacity: .2; /* Safari */ /* Safari */-webkit-filter: contrast(200%) brightness(150%);  /* Safari */filter: contrast(200%) brightness(150%);}
    & .about-feature-box .about-feature .content-box {position: relative;display: table;width: 100%;height: 144px;vertical-align: middle;padding: 20px 20px;text-align: center;border-radius: 0px;overflow: hidden;-webkit-transition: all 300ms linear;-ms-transition: all 300ms linear;transition: all 300ms linear;}
    & .about-feature-box .about-feature .inner-box .inner {position: relative;display: table-cell;width: 100%;vertical-align: middle;}
    & .about-feature-box .about-feature h3 {position: relative;display: inline-block;max-width: 140px;font-size: 24px;font-weight: 700;text-transform: capitalize;line-height: 1.3em;}
    & .about-feature-box .about-feature h3 a{color: #fff;text-decoration: none;}
    & .about-feature-box .about-feature h3 a:hover{text-decoration: none;}
    & .about-feature-box .about-feature:nth-child(4) .inner-box:hover {-webkit-transform: translate(10px,10px);-ms-transform: translate(10px,10px);transform: translate(10px,10px);}
    & .about-feature-box .about-feature:nth-child(3) .inner-box:hover {-webkit-transform: translate(-10px,10px);-ms-transform: translate(-10px,10px);transform: translate(-10px,10px);}
    & .about-feature-box .about-feature:nth-child(2) .inner-box:hover {-webkit-transform: translate(10px,-10px);-ms-transform: translate(10px,-10px);transform: translate(10px,-10px);}
    & .about-feature-box .about-feature:nth-child(1) .inner-box:hover {-webkit-transform: translate(-10px,-10px);-ms-transform: translate(-10px,-10px);transform: translate(-10px,-10px);}
}
.default-btn {
    border: none; position: relative; display: inline-block; text-align: center; overflow: hidden; z-index: 1; color: #ffffff !important; background-color: #fc5a1b; transition: 0.6s; border-radius: 5px; padding: 15px 25px 15px 50px; font-weight: 500; font-size: 16px; text-decoration: none; float: right; margin-top: 10px;
    & span {position: absolute;display: block;width: 0;height: 0;border-radius: 50%;background-color: #000;transition: width 0.5s ease-in-out, height 0.5s ease-in-out;transform: translate(-50%, -50%);z-index: -1;border-radius: 5px;}
    & i {position: absolute;left: 18px;top: 50%;transform: translateY(-50%);font-size: 15px;}
    &:hover {
        color: #ffffff;
        & span { width: 225%; height: 562.5px; }
    }
    &:focus { color: #ffffff;}
}

.foundation{width: 100%;float: left;padding: 70px 0 50px;width: 100%;float: left;background: url('../images/topBg.jpg');position: relative;}
.foundation:before{content: '';position: absolute;top: -26px;background: url('../images/bottm_chara1.webp');width: 100%;height: 26px;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.foundation:after{content: '';position: absolute;background: url('../images/bottm_chara1.webp');width: 100%;height: 26px;bottom: -26px;-webkit-transform: rotate(180deg);transform: rotate(180deg);z-index: 9;}
.foundation .topChera{content: '';position: absolute;width: 100%;float: left;fill: #ffffff;position: absolute;top: 0;-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.foundation .bottomChera{content: '';position: absolute;width: 100%;float: left;fill: #efefef;position: absolute;bottom: 0;}
.foundation img{outline: 1px solid #0b2c51;border: 5px solid #feffff;}
.foundation h2{font: 500 40px/44px Playfair Display;color: #0b2b53;margin: 0;padding: 0 0 20px 0;/* text-shadow: 2px 2px 1px #fefefea8, 2px 3px 4px #00000054; */}
.foundation h2 span{font: 200 28px/13px Playfair Display;display: block;color: #a19388;text-shadow: none;font-style: italic;}
.foundation p{font: 400 16px/28px var(--body-font);display: block;color: #216842;margin: 0 0 20px 0;}
.foundation p a {display: block;position: relative;text-align: right;margin-top: 10px;color: #ef4d3e;padding: 5px 0 0 0;transition: all ease-in-out 0.3s;}
.foundation p a:hover {color: #373435;text-decoration: none;}
.foundation p a:before {content: '';position: absolute;width: 100%;height: 1px;top: 0;left: 0;background: #d7dac2;}
.foundation p a:after {content: '';position: absolute;width: 100%;height: 1px;top: 1px;left: 0;background: #fff;}

.infrastructure{width: 100%;float: left;padding: 50px 0 80px;}

.infrastructure{width: 100%;float: left;/* margin-top: 50px; */padding-bottom: 50px;}
.infrastructure h3{font: 500 40px / 44px Playfair Display;color: var(--pm-blue);}
.infrastructure .pack_item{width: 100%;float: left;box-shadow: 0px 0px 35px 0px rgb(0 0 0 / 10%);margin-bottom: 24px;position: relative;}
.infrastructure .pack_contain{width: 100%;float: left;padding: 15px 20px 25px;position: relative;background: #fff;}
.infrastructure .pack_contain span{position: absolute;top: -29px;left: 0;padding: 5px 13px 5px 34px;background: #ffffff;backdrop-filter: blur(2px);border-radius: 0px 20px 0 0px;font-size: 15px;font-weight: 600;}
.infrastructure .pack_contain span i{float: left;margin-top: 3px;position: absolute;left: 10px;}
.infrastructure .pack_contain .heading{font-size: 20px;font-family: "Raleway", sans-serif;font-weight: 600;line-height: 26px;margin: 0 0 10px 0;width: 100%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #175b17;}
.infrastructure .pack_contain p{line-height: 22px;}
.infrastructure .pack_contain p i{position: relative;font-size: 18px;}
.infrastructure .pack_contain em{font-weight: 600;font-style: normal;font-size: 13px;color: #d9a273;}
.infrastructure .pack_contain a{font-size: 14px;font-family: "Raleway", sans-serif;font-weight: 600;letter-spacing: 0.05em;outline: 1px solid #d9a273;padding: 5px 16px;float: right;color: #165917;border-radius: 50px;box-shadow: 1px 1px 1px #fff, 2px 2px 5px #ccc;transition: all ease-in-out 0.5s;}
.infrastructure .pack_contain a:hover{background: #165917;color: #fff;outline: 0;}

.infrastructure .pack_contain svg{display: block;width: 20px;height: 20px;position: absolute;top: -20px;left: 0px;transform: rotate(270deg) scale(1.01);}
.infrastructure .pack_contain svg > path{fill: #ffffff !important;}
.infrastructure .pack_contain svg:last-child{top: auto;bottom: 0px;right: auto;left: 93px;}

.infrastructure .moreBtn{margin-top: 0;display: inline-block;/* background-color: #F56960; */font-size: 15px;line-height: 1.3;padding: 6px 8px;font-weight: 600;color: #F56960;transition: all ease-in-out 0.3s;float: right;border-left: 1px solid #f7c3c3;position: relative;right: 10%;}
.infrastructure .moreBtn:hover{color: #101F46;}
.infrastructure .owl-nav{float: right;position: relative;right: 10%;top: 1px;color: #9d4b46;}
.infrastructure .owl-nav button {font-size: 17px !important;margin: 0 10px;border: 1px solid #ccc;}
.infrastructure .owl-nav button span{}
.infrastructure .owl-nav button:hover{color: #101F46;}

.mvContainer{float: left;width: 100%;position:relative;color: #ffffff;padding: 110px 0px 0;overflow: hidden;}
.mvContainer .news-column .inner{position: relative;margin-top: 50px;padding: 90px 20px 90px 90px;margin-right: -200px;}
.mvContainer .news-column .inner:before{content: '';position: absolute;left: 0;top: 0;width: 3000px;height: 100%;background: #dc4549;border-radius: 5px 0px 0px 5px;}
.mvContainer .image-layer{position:absolute;left:0;top:0;right: 0;bottom: 110px;opacity:1;background-repeat: no-repeat;background-position: center;background-size: cover;}
.mvContainer .image-layer:before{content: '';position:absolute;left:0;top:0;width: 100%;height: 100%;opacity:0.90;background-color:#1d1d1d;}
.mvContainer .heading{font: 500 40px/44px Playfair Display;color: #ffffff;margin: 0;padding: 0 0 20px 0;position: relative;}
.mvContainer p{font: 400 15px/23px var(--bs-body-font-family);display: block;color: #9a9a9a;margin: 0 0 10px 0;position: relative;}
.mvContainer ol{padding: 0;margin-bottom: 30px;}
.mvContainer ol li{list-style-type: none;position: relative;padding: 0 0 0 30px;margin-bottom: 9px;}
.mvContainer ol li:before{content: '\e1a1';font: 400 18px 'Font Awesome 7 Pro';position: absolute;top: 5px;left: 0;}
.mvContainer ul {position: relative;margin: 0;padding: 0;column-count: 3;}
.mvContainer ul li{list-style-type: none;/* padding: 10px 10px; */text-align: center;margin-bottom: 15px;border-radius: 4px;position: relative;z-index: 0;}
.mvContainer ul li:before{content: '\f0c1';font: 400 38px 'Font Awesome 7 Pro';position: absolute;left: 7px;top: 2px;opacity: 0.1;color: black;z-index: -1;}
.mvContainer ul li a{color: white;padding: 10px 10px;display: block;}

.mvContainer .inner-box{position: relative;padding: 45px 120px 1px 40px;margin-right: -200px;margin-left: 50px;z-index: 0;}
.mvContainer .inner-box:before{content: '';position: absolute;left: 0;top: 0;width: 3000px;height: 100%;background: #dc4549;/* background-image: url('../images/mv.webp'); */border-radius: 5px 0px 0px 5px;/* background-repeat: no-repeat; *//* background-position: right; */z-index: -2;}
.mvContainer .inner-box:after{content: '';position: absolute;left: 0;top: 0;width: 118%;height: 100%;background: url('../images/mv.webp') no-repeat bottom right;z-index: -1;}
.mvContainer .inner-box p{color: #fff;}
.mvContainer .inner-box p strong{color: #fff;display: block;margin-bottom: 10px;font: 500 40px / 44px Playfair Display;}
.mvContainer .inner-box p img {float: left;margin-right: 20px;margin-bottom: 10px;border-radius: 5px;border-bottom: 2px solid #fff;border-right: 2px solid #fff;box-shadow: 5px 5px 11px #b32e32;}
.mvContainer {
    & .gradient1{background-image: linear-gradient(-45deg, #ffeb3b 0%, #5679ff 100%);}
    & .gradient2{background-image: linear-gradient(45deg, #fb6328 0%, #ab6000 100%);}
    & .gradient3{background-image: linear-gradient(-45deg, #6c417a 0%, #00c0eb 100%);}
    & .gradient4{background-image: linear-gradient(45deg, #fb6328 0%, #ab6000 100%);}
    & .gradient5{background-image: linear-gradient(-45deg, #ffeb3b 0%, #5679ff 100%);}
    & .gradient6{background-image: linear-gradient(-45deg, maroon 0%, green 100%);}
    & .gradient7{background-image: linear-gradient(-45deg, #cd2792 0%, #ff35b8 100%);}
    & .gradient8{background-image: linear-gradient(-45deg, #e605ea 0%, #ffbc00 100%);}
    & .gradient9{background-image: linear-gradient(-45deg, #f019d6 0%, #591a54 100%);}
    & .gradient10{background-image: linear-gradient(45deg, #0839fd 0%, #0acbfd 100%);}
    & .gradient11{background-image: linear-gradient(45deg, #009f2c 0%, #00ff47 100%);}
    & .gradient12{background-image: linear-gradient(-45deg, #ffeb3b 0%, #5679ff 100%);}
    & .gradient13{background-image: linear-gradient(-45deg, #e605ea 0%, #ffbc00 100%);}
    & .gradient14{background-image: linear-gradient(-45deg, #c300ac 0%, #000000 100%);}
    & .gradient15{background-image: linear-gradient(-45deg, #ffeb3b 0%, #5679ff 100%);}
    & .gradient16{background-image: linear-gradient(45deg, #009f2c 0%, #00ff47 100%);}
}





.newsFormContainer{width: 100%;float: left;padding: 0 0 50px 0;position: relative;}
.newsFormContainer:after{content: '';position: absolute;background: url('../images/newsBg.webp') no-repeat bottom right;top: 0;left: 0;right: 0;bottom: 0;z-index: 0;}
.newsFormContainer:before{content: '';position: absolute;/* background-image: linear-gradient(90deg, #ffffff 40%, #ffffff21 100%); */top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}
.newsFormContainer .heading{font: 500 46px Playfair;color: #000000;text-shadow: 2px 2px 1px #fefefea8, 2px 3px 4px #00000054;margin-top: -50px;margin-bottom: 30px;position: relative;display: table;}
.newsFormContainer .heading:after{}
#moduletable{margin:0;padding:0;overflow:hidden;position: relative;z-index: 9;width: 100%;float: left;}
#moduletable ul{margin:0;padding:0;width:100%;}
#moduletable ul li{margin:0;/* padding:0; */list-style-type:none;width:100%;float:left;font: 400 16px / 24px var(--body-font);display: flex;}
#moduletable ul li:before{content:''}
#moduletable ul li a{color: #216842;display:block;/* min-height: 140px; */display: flex;flex-direction: column;justify-content: center;}
#moduletable ul li a strong{color: #d9534f;padding:0;display:block;margin: 0 0 5px 0;font: 600 20px / 28px var(--body-font);}
#moduletable ul li a:hover{text-decoration: none;}

.vina-item{/* padding: 0px !important; */color: #eab704;border-bottom: 1px solid #efefef;MARGIN-BOTTOM: 15px !important;padding-bottom: 15px;/* background-color:#eaf0f7; */}
.vina-item a{color:#000;}
#scrollCtrl{margin:8px 0 0 0;padding:0;text-align:right;}
#scrollCtrl span{width:29px;height:29px;display:inline-block;}
#scrollCtrl .up, #scrollCtrl .down, #scrollCtrl .toggle{text-indent:10000px;margin:0;padding:0;width:29px;height:29px;-webkit-transition:all 240ms ease-in-out;-moz-transition:all 240ms ease-in-out;-ms-transition:all 240ms ease-in-out;-o-transition:all 240ms ease-in-out;transition:all 340ms ease-in-out;}
#scrollCtrl .down{background-image:url(../images/icon_news_ctrl.png);background-position:bottom left;}
#scrollCtrl .down:hover{background-image:url(../images/icon_news_ctrl.png);background-position:top left;cursor:pointer;}
#scrollCtrl .toggle{background-image:url(../images/icon_news_ctrl.png);background-position:bottom right;cursor:pointer;}
#scrollCtrl .toggle.et-run{background-image:url(../images/icon_news_ctrl.png);background-position:top right;cursor:pointer;}
#scrollCtrl .up{background-image:url(../images/icon_news_ctrl.png);background-position:top center;}
#scrollCtrl .up:hover{background-image:url(../images/icon_news_ctrl.png);background-position:bottom center;cursor:pointer;}
.vina-items-wrapper ul li.new_item:before{content:'images/new-icon.gif';}
.dtContainer{float:left;margin-top: 0;margin-right: 30px;text-align:center;margin-bottom: 10px;position: relative;min-width: 100px;display: flex;flex-direction: column;justify-content: space-evenly;}
.dtContainer .yr{padding:2px 5px 0px;color: #000;font-size: 23px;position: absolute;right: 0;}
.dtContainer .dt{font-size: 73px;/* padding:5px 5px 1px 5px; */border-bottom:0;line-height: normal;}
.dtContainer .mn{text-transform:uppercase;font-size: 20px;white-space: nowrap;}

.bottomPanel{width: 100%;float: left;position: relative;background: #1b3058;padding: 60px 0 30px 0;color: #fff;z-index: 9;background-image: linear-gradient(90deg, #1b3058 0%, #112c99 100%);}
.bottomPanel:before{content: '';position: absolute;background: url('../images/content_bg.webp');width: 100%;height: 100%;top: 0;opacity: 0.4;}
.bottomPanel ul {margin: 0;padding: 0;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;font: 400 16px / 28px var(--body-font);}
.bottomPanel ul li {list-style-type: none;}
.bottomPanel ul li a {color: #fff;padding: 5px 0 5px 15px;display: block;position: relative; transition: all ease-in-out 300ms;}
.bottomPanel ul li a strong {color: #edf7b9;font-weight: 400;}
.bottomPanel ul li a:hover {text-decoration: none;padding:  5px 0 5px 20px;color: #fcd21c;}
.bottomPanel ul li a:hover:before {content: '\f0a4'}
.bottomPanel ul li a:before {content: '\f0da';font: 400 15px 'FontAwesome';left: 0;top: 12px;position: absolute;transition: all ease-in-out 300ms;}

.bottomPanel ol {margin: 0;padding: 0;font: 400 16px / 28px var(--body-font);}
.bottomPanel ol li {list-style-type: none;margin: 0 0 20px 0;padding: 0 0 0 50px;position: relative;}
.bottomPanel ol li a {color: #fff;text-decoration: none;}
.bottomPanel ol li a:hover {color: #fcd21c;}
.bottomPanel ol li strong{display: block;font: 500 16px 'Raleway';color: #fffcce;}
.bottomPanel ol li i{position: absolute;left: 0;border: 2px solid #fff;top: 2px;font-size: 18px;padding: 5px 0;width: 32px;height: 32px;text-align: center;}

.mapFooter{width: 100%; float: left; bottom: 0;}
.mapFooter .gmap{width: 100%; float: left;}
.mapFooter .gmap iframe {width: 100%;height: 300px;float: left;}
.mapFooter .cprite{width: 100%;float: left;border-top: 1px solid #1b3058;font: 400 14px 'Lato';text-align: center;padding: 11px 0; color: #1b3058;}
.mapFooter .cprite a {color: #1b3058; transition: all ease-in-out 300ms;}
.mapFooter .cprite a:hover {color: #1b3058;}

.sticky-top {position: fixed;top: 0;z-index: 1020;}
/*for top scroll */
#scrollTopBtn {position: fixed;right: 10px;bottom: 50px;width: 50px;height: 50px;border: 0;border-radius: 50%;background: #fff;color: #333;cursor: pointer;z-index: 9999;opacity: 0;visibility: hidden;transform: translateY(30px) scale(.8);transition: opacity .4s ease, visibility .4s ease, transform .4s cubic-bezier(.68,-.55,.27,1.55);box-shadow: 0 5px 20px rgba(0,0,0,.15);}
#scrollTopBtn.show {opacity: 1;visibility: visible;transform: translateY(0) scale(1);}
#scrollTopBtn i {position: relative;z-index: 2;font-size: 22px;transition: transform .3s ease;}
#scrollTopBtn:hover {transform: translateY(-5px) scale(1.05);}
#scrollTopBtn:hover i {transform: translateY(-4px);animation: arrowBounce .6s ease infinite alternate;}
@keyframes arrowBounceXX {from { transform: translateY(-2px); }to { transform: translateY(-7px); }}
#scrollTopBtn::before {content: "";position: absolute;inset: 3px;border-radius: 50%;background: conic-gradient( #3a0060fc var(--scroll-progress, 0%), #eee var(--scroll-progress, 0%) );z-index: -1;}
#scrollTopBtn::after { content: ""; position: absolute; inset: 6px; background: #fff; border-radius: 50%; z-index: 0; }

/*// for other page //*/
.workingContent{width: 100%; float: left; padding: 50px 0 50px; min-height: 300px;}
.workingContent .wrkCont{
    & h1{
        font: 600 30px/46px 'Raleway', sans-serif;
        margin: 0 0 20px 0;
        position: relative;
        color: #0b2d51;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        
        
        
        
        
        
        
        
        
        
        
        

        &:before{content: '';width: 72px;position: absolute;bottom: 0px;left: 0;height: 3px;background: #fc9537;}
        & em{font-style: normal;font-weight: 400;display: block;line-height: 7px;font-size: 26px;text-transform: capitalize;letter-spacing: 0;}
    }
    & h2{
        font: 500 36px/46px 'Raleway', sans-serif;
        margin: 0 0 30px 0;
        position: relative;
        color: #0b2d51;
        text-transform: uppercase;

        &:before{content: '';width: 72px;position: absolute;bottom: 0px;left: 0;height: 3px;background: #fc9537;}
        & em{font-style: normal; font-weight: 300; display: block; line-height: 7px; font-size: 26px; text-transform: capitalize;}
    }
    & p{
        font-size: 16px;
        line-height: 28px;
        & strong{font-weight: 500;font-size: 14px;}
    }
    & ul{
        margin: 0 0 30px 10px;
        padding: 0;
        
        & li{
            list-style-type: none;
            line-height: 28px;
            position: relative;
            padding: 0 0 0 24px;
            &:before{content: '\f5f6';font: 400 18px 'Font Awesome 7 Pro';position: absolute;top: 5px;transform: scaleX(-1);left: 0;}
        }
    }
    & .imgLeft{float: left;margin: 8px 20px 00 0;border: 1px solid #ddd;padding: 2px;}
    
    & .cstTab {
        counter-reset: serial-number;
        border: solid 1px #ccc;
        & tbody tr {
            counter-increment: serial-number;
        }
        & tbody tr > td:first-child::before {
            content: counter(serial-number);
        }
        & th{background: #fb9637;color: #fff;font-weight: 500;font-size: 18px;}  
    }
    & ol{
        & li strong{font-weight: 500;}
    }
}
.faculty{margin-right: -15px;margin-left: -15px;margin-top: 20px;/* float: left; */}
.faculty span{width: 100%;float: left;background: #ffffff;overflow: hidden;margin: 0 0 30px 0;box-shadow: inset 0px 0px 0px #fff, 5px 6px 1px #a3a3a366;border: 1px solid #cb9206;border-radius: 4px;outline: 2px solid #fff;position: relative;z-index: 2;}
.faculty span:before{content: '';position: absolute;top: 1px;bottom: 1px;left: 1px;width: 70px;background-image: linear-gradient(45deg, #e47f1a 0%, #fcd226 100%);z-index: -1;border-radius: 4px 0 0 4px;}
.faculty span.hod{border: 1px solid #00009e;}
.faculty span.hod:before{background-image: linear-gradient(45deg,  #0168d1 0%, #62b0ff 100%);}

.faculty span p{font: 400 14px/28px 'Raleway', sans-serif !important;color: #000;margin: 10px 20px 10px 0 !important;position: relative;z-index: 9;width: 100%;}
.faculty span p strong{font-weight: 400;color: #504c4c;font-size: 13px;}
.faculty span p em{font-weight: 500;/* font-size: 13px; */font-style: normal;width: 100%;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.faculty span p a{}
.faculty span p a:hover{}
.faculty span img{padding: 3px;border-radius: 50%;width: 110px;height: 110px;position: relative;object-fit: cover;border: 2px solid #fff;box-shadow: 0px 0px 20px #00000059;left: 5px;}