/* reset css */ *,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none; font-family: "Poppins", sans-serif;} img{max-width: 100%;} ul,li{list-style: none;margin: 0;font-family: "Poppins", sans-serif;; line-height: 1.5; } a{text-decoration: none !important;display: inline-block;color: #383838;font-size: 16px;cursor: pointer;} a { text-decoration: none !important; display: inline-block; color: #383838; font-size: 18px; cursor: pointer;} select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;font-family: "Poppins", sans-serif;} input::placeholder, textarea::placeholder {opacity: 1;color: #626262;font-family: "Poppins", sans-serif;} textarea{resize: none;font-family: "Poppins", sans-serif;} p {line-height: 1.6;font-size: 16px;color: #222222;margin: 15px 0;text-align: justify;} .textl{text-align: left;} .textc{text-align: center;} .textr{text-align: right;} iframe{width: 100%;height: 600px !important;border: none;} h1, h2, h3, h4, h5, h6 {font-family: "Poppins", sans-serif;} h1 { font-size: 34px; margin: 0 0 15px; color: #fcb101; font-weight: 500; text-align: center; position: relative; text-shadow: 1px 1px 0 #00000047, 2px 2px 4px rgba(0, 0, 0, 0.09); } h2{font-size:28px; margin: 15px 0 5px; color: var(--dark-blue); font-weight: 500;} h3{font-size:28px;margin:15px 0; font-weight: 500; color: var(--dark-blue); } h4{font-size:26px;margin:15px 0; font-weight: 300; } h5{font-size:23px;margin:15px 0; font-weight: 300; } h6{font-size:22px;margin:15px 0; font-weight: 300; } p, a, body{font-family: "Poppins", sans-serif;} :root{scrollbar-width: none !important;} .fancybox-button--thumbs {display: none !important;} /* reset css */ /* pagination css */ #pagination-container{margin: 30px 0;} div.pagination {margin: 0px auto !important;display: flex;gap: 15px;width: 100% !important;justify-content: center;} div.pagination .page-item {padding: 2px 7px;background-color: #003c88;color: #ffffff;font-size: 18px;border-radius: 3px;border-bottom: 2px solid #00001b;box-shadow: 0 8px 6px -7px #2E2E2E6B;width: fit-content;} div.pagination .page-item:hover {background: #f8c319;} div.pagination .page-item.active {background-color: #f8c319;font-weight: 600;} div.pagination .page-item.disabled {background-color: #003c88; color: #fff; font-weight: 600; cursor: not-allowed; pointer-events: none;} /* pagination css */ /* common css */ .wrapper{width: 100%;overflow: hidden;} .fluid-container{width: 100%;max-width: 1280px;margin: 0 auto;padding: 0 20px;} /* common css */ :root{ --yellow : #FBC500; --purple: #792A87; --dark-blue: #002B53; } .h3-inner-page{margin:unset; font-size: 24px;} /* Button */ .common-btn {display: flex;justify-content: flex-start;align-items: center;padding: 20px 0;} .common-btn a { color: #000; position: relative; background:var(--dark-blue); padding: 10px 30px; color: #FFF; font-size: 16px; cursor: pointer; transition: ease all .4s; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; ;border-bottom: solid 2px var(--yellow);border-radius: 7px;} .common-btn.yellow-btn a {background: var(--yellow);color: #000;border-bottom: solid 2px #fff;} .common-btn.orange-btn a {background: var(--orange);color: #fff;border-bottom: solid 2px #fff;} .common-btn a:hover { background-color:var(--yellow); color: #000 ; border-bottom: solid 2px #fff;} .common-btn.yellow-btn a:hover {background-color: var(--dark-blue); color: #fff; } /* Button */ .h2-sub-heading {position: relative;text-align: start;margin: 0;color: #003c88;} .right-header ul li a.act-link , .sub-footer-links li a.act-li , .sub-footer-links li a.act-link ,.right-header ul li span.act-link , .right-links li a.act-link{color: var(--yellow);} .scrolled-header .right-header ul li span.act-link ,.scrolled-header .right-header ul li ag143.act-link{color:var(--yellow) !important;} .header-top-section { width: 100%; max-width: 100%; background: #ffcd00; position: relative;} .header-top-icons p{color: #000;} .menu-line a.active, .desk-ham-menu a.active , .sub-footer-links a.active{color:var(--yellow) !important; } .header-top-inner{width: 100%; max-width: 100%; display: flex; justify-content:flex-start; align-items: center;} .header-top-inner .header-top-icons{width: 100%; max-width:50%; display: flex; justify-content:flex-start; align-items: center; gap: 20px;} /* .header-top-inner .header-top-icons:first-child{width: 100%; max-width:15%; display: none;} */ .header-top-icons a img{width:100%; max-width:25px; filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(0%) hue-rotate(58deg) brightness(113%) contrast(100%);} .header-top-inner .header-top-icons:last-child a img{margin-right: 10px;} .header-top-icons ul li a{color: #fff;} .header-top-icons a{display: flex; justify-content: center; align-items: center;} .header-details {display: flex;justify-content: unset;flex-direction: column;margin: 0;} .header-details p{margin: 0; font-size: 14px;} .inner-header-sub-wrapper{display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100%; padding: 5px 0;} /* header */ .inner-header-wrapper {width: 100%;max-width: 100%; background: #fff;} .right-header-links {width: 100%;max-width: 300px;display: flex;justify-content:end;align-items: stretch;} .right-header-links a{display: flex; justify-content: center; align-items: center;} .right-header {padding: 15px 0;background: #003c88;} .right-header .fluid-container ul{display: flex; justify-content: space-between; align-items: center;} .right-header > ul{display:flex;justify-content:space-between;align-items:center; align-items: center;} .left-header a{width: 100%; max-width:90px;} .scrolled-header .left-header a{max-width: 70px;} .left-header {display: flex;width: 100%;max-width:550px;transition: 1s ease;justify-content: flex-start;align-items: center;gap: 10px;} .header-wrapper {position: relative;z-index: 2;right: 0;left: 0;margin: auto;background: #fff;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .scrolled-header .header-wrapper{background: #fff; border-bottom: solid 1px var(--yellow);} .right-header ul li a, .right-header ul li span { color: #fff;font-size: 17px; cursor: pointer; max-width:320px; transition: 1s ease;} .right-header ul li:hover a, .right-header ul li:hover span{color: var(--yellow);} .dropdown-wrapper ul li a, .dropdown-wrapper li span{color: #fff; font-size: 14px;} .left-header img{display:flex;width:100%;max-width:90px; transition: 1s ease;} .left-header p {font-size: 28px;margin: 0;color: #7a26a6;font-weight: 500;text-align: start;line-height: 1; transition: 1s ease;} header.scrolled-header{position: fixed;top: 0; left: 0; right: 0; z-index: 999;} .scrolled-header .right-header{padding-left:20px; transition: 1s ease;} .dropdown-wrapper li svg , .dropdown-wrapper li i {color: #ffc304;padding-right: 10px;font-size: 16px;}g119 .scrolled-header .left-header p{color: var(--dark-blue);} .scrolled-header .left-header img { max-width:70px;} .scrolled-header .left-header p {font-size:20px; line-height: 1.2;} .padSides-wrapper{display: flex; justify-content: end; gap: 40px; align-items: center;} .padSides-wrapper >div{display: flex; justify-content: center; align-items: center;} .padSides-wrapper >div img{width: 100%; max-width: 20px;} .padSides p{text-align: center; margin: unset; font-size: 14px; } .logo-txt span {color: #500c6c !important;line-height: 1; transition: 1s ease;} .scrolled-header .logo-txt span{font-size: 14px;} .right-header ul li:nth-child(5) .first-child-route, .right-header ul li:nth-child(2) .first-child-route { display: flex; flex-direction: unset; flex-wrap: wrap; justify-content: flex-start; align-items:stretch; width: 100%; max-width:800px;} .right-header ul li:nth-child(5) .first-route {width:716px; left: unset;} .right-header ul li:nth-child(5) .first-child-route li a span , .right-header ul li:nth-child(2) .first-child-route li a span{width: 100%; max-width:35px;} .right-header ul li:nth-child(5) .first-child-route li a span img , .right-header ul li:nth-child(2) .first-child-route li a span img{width: 100%;min-width:35px; filter: brightness(0) saturate(100%) invert(85%) sepia(25%) saturate(7500%) hue-rotate(3deg) brightness(108%) contrast(102%);} .right-header ul li:nth-child(5) .first-child-route li a, .right-header ul li:nth-child(2) .first-child-route li a { width: 100%; display: flex; justify-content: center; align-items: center; max-width: fit-content; font-size: 14px !important; padding: 15px 10px !important; gap: 8px; line-height: 1.4;} .right-header ul li:nth-child(5) .first-child-route li ,.right-header ul li:nth-child(2) .first-child-route li {border-bottom: unset;width: 100%;max-width: 200px; padding: unset; margin: 5px 15px;} .right-header ul li:nth-child(5) .first-child-route:before {left: unset; right: -3px;} .right-header ul li:nth-child(2) .first-route{width:700px;} .right-header ul li:last-child .first-child-route:before{left: unset; right: -3px;} .right-header ul li:last-child .first-route{left: unset;} .scrolled-header .kannda-cnt p a { font-size: 16px;} .scrolled-header .right-header { padding: 12px 0;} .scrolled-header .right-header ul li a, .scrolled-header .right-header ul li span {font-size: 16px;} .right-header-links img{width: 100%; max-width: 80px;} .scrolled-header .right-header-links img{ max-width: 70px;} .tooltip {position: relative;text-decoration: none;color: #000;font-weight: 500; font-size: 16px;} .tooltip::after {content: attr(data-tooltip);position: absolute;bottom: -128%;left: 50%;transform: translateX(-50%);background-color: #333;color: #fff;padding: 6px 10px;border-radius: 6px;white-space: nowrap;opacity: 0;visibility: hidden;font-size: 13px;transition: opacity 0.3s ease, transform 0.3s ease;} .tooltip::before {content: "";position: absolute;bottom:-130%;left: 50%;transform: translateX(-50%);border-width: 6px;border-style: solid;border-color: #333 transparent transparent transparent;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;} .tooltip:hover::after, .tooltip:hover::before {opacity: 1;visibility: visible;transform: translateX(-50%) translateY(-2px);} .header-top-inner .padSides{display:flex; justify-content: space-between; align-items: center; padding: 3px;} .padSides-wrapper div a {display: flex; justify-content: center; align-items: center;} /* header */ /* menu */ .menu-line{position: relative;} .menu-line::before { position: absolute; content: ""; width: 1px; height: 100%; background: var(--yellow); right: -48px;} .inner-header-wrapper .right-header ul .menu-line:last-child::before{display: none;} .first-route { position: absolute; width: 300px; opacity: 0; visibility: hidden; top:-200px; display: block; transition: 0.5s; left: 0; right: 0; margin: auto; z-index: -1; display: flex; padding: 0px 2px; border-bottom: 4px solid #fdcf40;} .first-route::after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;background: #002b61;} .right-header ul li:hover .first-route {opacity: 1;visibility: visible;top:39px;} header.scrolled-header .right-header ul li:hover .first-route {top:36px;} header.scrolled-header .right-header ul li .first-route{top:-200px;} .first-route li a{display: block;padding: 0 !important;color: #fff !important;} .first-child-route{width: 100%; max-width: 600px; display: flex;flex-direction: column;border-right: 1px solid #ffffff2e;position: relative;} .scrolled-header .first-child-route:before {border-bottom: 11px solid #fdcf40 !important;} .first-child-route:last-child {border: none;} .first-child-route li {margin: 0px 16px;border-bottom: 1px dashed #ffffff5e;padding: 10px 15px;width: 100%;} .first-child-route li:last-child {border-bottom: none;} .first-child-route li a{font-size: 14px !important;color: #fff;font-weight: initial !important;padding: 10px 24px;display: block; line-height: 1.6;margin: 0px 0;} .first-child-route li a:hover, .first-child-route li a.act-link {color: #fec124 !important;} .first-child-route.act-link ul li.act-link a.act-link{color: #fec124 !important;font-weight: 600 !important;} /* menu */ /* home-banner */ .slider {display: flex;width: 100%;height: calc(100vh - 187.8px);position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;z-index: 0;position: relative;} .home-sliders{display:flex;justify-content:center;align-items:center;width:100%;height:100%;position: relative;} .slide1 .home-sliders::before {position: absolute;content: "";width: 100%;max-width: 300px;height: 300px;background: url(../images/award.webp) no-repeat center center/cover !important;right: 0;bottom: 135px;object-fit: cover;z-index: 1;left: 0;margin: 0 auto;} .scrolled-header .header-top-section{display: none;} .scrolled-header .left-header{max-width:600px; gap:5px;} .scrolled-header .right-header ul li a ,.scrolled-header.right-header ul li span{font-size: 14px;} .swiper-img{width:100%;max-width:550px;margin: auto;display:flex;justify-content:center; } .swiper-content {width: 100%;max-width: 900px;position: relative;height: 100%;display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-end; margin-bottom: 180px;} .swiper-img{position: relative;} .slider .fluid-container{display:flex;width:100%;} .swiper-content h2{font-size:45px;color:#fff; position: relative;} .swiper-content h3{font-size:30px;color:#fff;text-transform:uppercase;margin: 15px 0;position: relative;line-height:1.5; border-left: 4px solid #82ff0e;} .slider h2{color:#fff;text-shadow:1px 2px #000;} .home-sliders h2{text-align: center;display: flex;flex-direction: column;align-items:flex-start;justify-content:center; font-weight: 700;} .home-sliders h3{text-align:center;} .home-banner-wrapper {height: calc(100vh - 187.8px); position: relative;} .inner-home-wrapper {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;text-align: center;position: relative;z-index: 1;padding-top: 40px;} .inner-home-banner-content {position: relative;padding: 30px 40px;transform: translate(-60px, -60px);animation: slideInTopLeft .8s ease-out forwards;background: #00000061;border-radius: 10px;} /* Keyframes for top-left slide */ @keyframes slideInTopLeft { to { opacity: 1; transform: translate(0, 0); } } .inner-home-banner-content h2{margin: 15px 0 0; text-align: start;} .owl-dots {display: block !important;position: absolute;bottom: 100px;right: 0;left: 0;margin: auto;} .inner-home-wrapper span {display: block;font-size: 22px;color: #fff; font-weight: 500; padding-bottom: 15px; line-height: 1.5; text-align: left; width: 100%; max-width: 700px;} .owl-item.active .inner-home-wrapper { transform: none; transition: 1.2s ease-in-out;} .inner-home-wrapper p{color: #fff; font-size: 26px; position: relative;} .inner-home-wrapper::before{position: absolute; content: ""; height: 100%; max-width: 2px; background:#fff; top: 0; bottom: 0; left: 0; margin: auto 0;} /* home-banner */ /* Dropdown css */ .dropdown-wrapper-li{position: relative;} li.dropdown-wrapper-li .dropdown-wrapper { pointer-events: none; opacity: 0; position: absolute; width: 300px; top: 100px; visibility: hidden; transition: all .2s ease-in; z-index: 1; display: flex; justify-content: center; align-items: stretch; left: -75px;gap: 50px;} .products-images, .products-images img { width: 100%; max-width: 250px; display: flex; justify-content: center; align-items: center;} .dropdown-wrapper-li.act-link span, .dropdown-wrapper-li:hover span {color: var(--dark-blue);} .products-images img {object-fit: cover;height: 100%;} .first-route-products ul li a:hover, .first-route-products ul li a.act-link {color: #ffd49b !important;} .dropdown-wrapper{position: relative;} li.dropdown-wrapper-li:hover .dropdown-wrapper{visibility: visible;opacity: 1;top:60px;pointer-events: visible; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background:var(--dark-blue); border-bottom: 5px solid var(--yellow);} .dropdown-wrapper ul{width: 100%; max-width: 100%;} .dropdown-wrapper li {position: relative;border-bottom: 1px dotted #fff; padding-left: 10px; } .dropdown-wrapper li:hover a{transform: translateX(10px);} .dropdown-wrapper li:last-child{border-bottom: unset;} .dropdown-wrapper ul{ position:relative ; z-index: 2;} .dropdown-wrapper li a{width: 100%; max-width: 350px; padding: 10px 5px !important;color: #4c6444; transition: transform 0.3s ease, padding-left 0.3s ease; } header.scrolled-header li.dropdown-wrapper-li:hover .dropdown-wrapper{top:60px;} .first-route-products h3 {font-size: 30px;display: inline-block;border-bottom: 2px solid #fefffe;color: #fff;} .first-route-products.act-link .first-route-products ul li img {display: none;} .dropdown-wrapper ul li a{position: relative;} /* Dropdown css */ /* owl-carousel css */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{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 ,.owl-carousel .owl-nav{display:none !important;font-size:55px} .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{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;display: flex;justify-content: center;align-items: stretch;} .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: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:#b4b4b4;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:var(--yellow)} .owl-theme .owl-dots .owl-dot{display:inline-block;} .owl-theme .owl-dots .owl-dot span{width:15px;height:15px;margin:5px 7px;background:var(--yellow);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:var(--yellow)} .owl-theme .owl-dots .owl-dot.active span{background:var(--yellow)} .owl-dots{text-align-last: center;padding:0;} .owl-carousel button.owl-dot {width: 100%;max-width: 50px;height: 10px;display: inline-block;margin: 15px 5px;background:#513D0B;border-radius: 0;position: relative;border-radius: 10px;} .owl-dots{display:block!important;position: relative;} .owl-dots .owl-dot.active{background:var(--yellow) !important;} .owl-carousel button.owl-dot::before {content: " "; font-size: 14px;color:unset !important;display: block;text-align: center;position: absolute;width: 100%;height: 100%;line-height: 10px;top: 0;left: 0;} button.owl-dot {position: relative;} /* button.owl-dot:focus {outline: 2px solid transparent; } */ .owl-carousel.slider-home .owl-nav{display:block !important;font-size:55px} .owl-carousel.slider-home .owl-nav {display: flex !important;justify-content: space-around;align-items: center;padding: 20px 0 0 0;gap: 20px;top: 0;position: absolute;width: 100%;bottom: 0;margin: auto 0;} .owl-carousel.slider-home .owl-nav button { width: 100%; max-width: 50px; border: none; outline: none; background: var(--yellow); box-shadow: none; height: 100%; max-height: 50px; padding: 10px !important; border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .owl-carousel.slider-home .owl-nav svg { font-size: 30px; color: #fff;} .owl-carousel.slider-home .owl-nav button.owl-prev::before, .owl-carousel.slider-home .owl-nav button.owl-next::before {content: '';position: absolute;width: 20px;background: url(../images/icons/right-arrow-1.webp) no-repeat center center/contain;filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(150deg) brightness(102%) contrast(105%);height: 25px;z-index: 0;} .owl-carousel.slider-home .owl-nav button.owl-prev::before {transform: scaleX(-1);} .owl-carousel.slider-home .owl-nav button.owl-prev span, .owl-carousel.slider-home .owl-nav button.owl-next span{display: none;} /* owl-carousel css */ /* Resp menu css */ .desk-resp-ham {display: none;} .desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;line-height: 12px;min-height: 34px;display: block !important;width: 34px;text-align: center;right:0;bottom: 37px;margin: 0 20px;top:65px;} .desk-resp-ham ul.toggle-desk li {transform: translateY(-50%);list-style: none;display: block;position: absolute;left: 0;height: 2px;right: 0;margin: 0 auto;width: 30px;opacity: 1;background:#000 ;transition: all .25s ease;} .scrolled-header .desk-resp-ham ul.toggle-desk li {background: #000;} .desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;} .desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%;} .desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%;} .desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);} .desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;} .desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);} .desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;background:#252e59;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 999;overflow: scroll;overflow-x: hidden;} .desk-resp-ham .sidebar::-webkit-scrollbar {display: none;} .desk-resp-ham .sidebar.active {left: 0;box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637);} .desk-resp-ham .sidebar.active > a{width: 100%;background: #dcd1bf;display: flex;justify-content: center;align-items: center;padding: 20px 10px;} .desk-resp-ham .sidebar img {width:100%; max-width: 100px; } .desk-resp-ham .sidebar a p{margin: unset; color: #fff; font-size: 18px;} .desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;} .desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;} .desk-resp-ham .sidebar ul.menu li a {position: relative;color: #fff;width: 100%;width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 17px;text-align: left;} .desk-resp-ham .sidebar ul.menu li a.act-link{color: var(--yellow);} .desk-resp-ham .sidebar ul.menu > li > a.act-link { color: #fff; background: var(--dark-blue);} .nav-dropdown li a {padding: 10px 0 10px 30px !important;} .nav-dropdown li a::before {content: '';position: absolute;left: 2px;width: 6px;height: 6px;border-right: 2px solid #e2e2e2;border-bottom: 2px solid #e2e2e2;transform: rotate(-45deg);top: 0;bottom: 0;margin: auto;left: 15px;} .desk-resp-ham .sidebar ul.menu > li > a:hover {background:var(--dark-blue);color: #fff !important;} .desk-resp-ham .sidebar ul.menu>li>a , .desk-resp-ham .sidebar ul.menu > li > span {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #ffcd00;} .desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link{left: 0;} .nav-dropdown-1 { background: #718d67; border-top: 3px solid #dcd1bf;} .desk-resp-ham .sidebar ul.menu li span { position: relative; text-transform: capitalize; color: #fff; width: 100%; width: 100%; justify-content: space-between; display: flex; padding: 15px 20px 15px 20px; font-size: 17px; text-align: left;} .desk-resp-ham .sidebar ul.menu > li > span:hover, .desk-resp-ham .sidebar ul.menu > li > span.act-link ,.bottom-box ul li.act-link a {background: var(--dark-blue);color:#fff !important;} .nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #dcd1bf !important;} .nav-dropdown li a.act-link::before,.nav-dropdown li a:hover::before,.desk-resp-ham .sidebar ul.menu>li>a.act-link a::before {border-right: 2px solid #ffd49b;border-bottom: 2px solid #ffd49b;} .nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #ffd49b !important;} .desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;} .desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;} .desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;} .nav-dropdown {display: flex;flex-direction: column;gap: 5px !important;padding: 10px 0;border-bottom: 1px dotted #c9c9c9;background:var(--dark-blue);} .nav-dropdown li a {font-size: 15px !important;color: #fff !important;} .desk-resp-ham .sidebar ul.social-icon li:hover a {color: #dcd1bf;} .desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;} .desk-ham-menu li a.act-link ~ ul{display: block !important;} .scrolled-header .desk-resp-ham ul.toggle-desk {bottom: 58px;top:26px;} .header-logo a{padding:20px 0;} /* responcive menu css */ /* go to top */ #to-top {color: #ffc304;cursor: pointer;position: fixed;bottom: 50px;right: 35px;width: 60px;height: 60px;z-index: 9;padding: 6px;border-radius: 50%;} #to-top img{filter: brightness(0) saturate(100%) invert(68%) sepia(89%) saturate(625%) hue-rotate(0deg) brightness(101%) contrast(105%);} /* go to top */ .banner-bottom{ position: absolute; z-index: 3; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .banner-bottom .services:first-child{border-radius: 10px 0 0 10px; background: #002B61;} .banner-bottom .services:last-child{border-radius:0 10px 10px 0; background: #002B61;} .banner-icon {position: relative;} .banner-icon span img{width: 100%; max-width: 50px; filter: brightness(0) saturate(100%) invert(99%) sepia(91%) saturate(3936%) hue-rotate(321deg) brightness(100%) contrast(102%); transition: transform 0.6s ease;} .services:hover .banner-icon span img { transform: rotate(360deg);} .banner-icon span{display: flex;justify-content: center;align-items: center; } .services {width: 100%;max-width: 400px;background: var(--dark-blue);padding: 20px 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-top: solid 3px #fdcf40;} .services p{color: #fff; font-size: 14px; text-align: center;} .banner-bottom .services:nth-child(2){background:#003C88;} .services h3 {margin: 10px 0 15px;color: #fff;text-align: center;font-size: 22px;font-weight: 600;} .banner-bottom { position: absolute;display: flex; justify-content:center; align-items: stretch; width: 100%; bottom: -100px; border-radius: 20px; max-width:80%; left: 0; right: 0; margin: auto; z-index: 1;} .banner-doctor-image {position: relative;} .banner-doctor-image span { display: flex; justify-content: center; align-items: center; width: 100%;} .banner-doctor-image img{ width: 100%;height: auto;} .rolling-textc {width: 100%;margin: 0 auto;white-space: nowrap;overflow: hidden;box-sizing: border-box;padding:6px 2px;font-size: 18px;} .rolling-textc span {display: inline-block;will-change: transform;color: #002b61;animation: scoll-left 26s linear infinite;padding-left: 100%;padding: 12px 10px;margin-top: -13px;font-weight: 700;} .rolling-textc span:hover {animation-play-state: paused} @keyframes scoll-left { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); }} .about-us-main-wrapper{padding: 180px 0 90px; position: relative;} .about-us-inner-wrapper{width: 100%; max-width: 100%;display: flex; justify-content: center; align-items: center; gap: 40px; position: relative;} .about-us-left-wrapper{width: 100%;max-width: 500px;position: relative; } .about-us-left{clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);width: 100%;max-width: 500px;height: 450px;background: no-repeat center center/cover;} .about-us-left-wrapper::before {content: "";position: absolute;width: 100px;height: 90px;background-color: #fbc500;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);top: -3%;left: -5%;z-index: 1;} .about-us-left-wrapper::after {content: "";position: absolute;width: 100px;height: 90px;background-color: #003c88;clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);top: 11%;left: 10%;z-index: 1;} .about-us-left-wrapper .excellence {width: 100%;max-width: 220px;height: 220px;border-radius: 50%;background: #fbc500;display: flex;justify-content: center;align-items: center;flex-direction: column;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;position: absolute;bottom: -50px;} .about-us-left-wrapper .excellence span {color: #fff;display: flex;justify-content: center;align-items: flex-start;font-size: 42px;font-weight: 600;text-shadow: 1px 1px 0 #00000047, 2px 2px 4px rgba(0, 0, 0, 0.09);} .about-us-left-wrapper .excellence p {font-size: 23px;color: #003c88;margin: 0;} .about-us-right{width: 100%; max-width: 600px;} .about-us-right h1 { border-left: solid 7px var(--yellow); padding-left: 10px; font-size: 26px; text-align: start; color: var(--dark-blue); text-shadow: unset;} .about-us-right p{text-align: start;} .facilities-main-wrapper{padding: 60px 0; position: relative; background: no-repeat center center/cover;} .facilities-main-wrapper::before{width: 100%; max-width: 100%; content: ""; height: 100%; background:#05091dcf; position: absolute; content: ""; top: 0; bottom: 0;} .facilities-main-wrapper .fluid-container{position: relative;} .facilities-inner-wrapper{padding-bottom: 20px;} .facilities-cards{width: 100%; max-width: 100%;display: flex;justify-content: center; align-items:stretch; position: relative;} .facilities-card {width: 100%;max-width: 300px;padding: 40px 0;margin: 3px;} .facilities-card span{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center;} .facilities-card p{text-align: center; color:#fff;} .facilities-card span img{width: 100%; max-width: 80px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(303deg) brightness(103%) contrast(102%);} .facilities-inner-wrapper .facilities-cards:nth-child(2) .facilities-card:nth-child(2){max-width: 606px; background: var(--yellow); border-radius:6px;} .facilities-inner-wrapper .facilities-cards:nth-child(2) .facilities-card:nth-child(2) h3{font-size: 28px; margin: 0; text-align: center; color: #000; font-weight: 600; padding-bottom: 10px;} .facilities-inner-wrapper .facilities-cards:nth-child(2) .facilities-card:nth-child(2) p{margin: 0; color: #000; padding: 0 18px;} .register-now {width: 100%;max-width: 1100px;display: flex;justify-content: space-around;align-items: center;padding: 30px 0;position: absolute;border-radius: 10px;left: 0;right: 0;margin: 0 auto;bottom: -130px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .register-now::before{position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:var(--dark-blue); opacity: .7; border-radius:10px;} .register-now h3{color: #fff; font-size: 22px; font-style: italic;position: relative;} .register-now h3 span{font-size: 40px; font-weight: 800; } .register-now .common-btn a:hover{border-bottom: solid 2px var(--yellow); color: #fff;} .programs-Offered-main-wrapper {padding: 45px 0 60px;position: relative;background: #f9f9f9;} .programs-offered-inner-wrapper{position: relative;} .programs-offered-inner-wrapper h2{text-align: center; padding-bottom: 40px;} .programs-offered-cards{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px;} .programs-offered-card{width: 100%; max-width: 600px; height:330px; display: flex; justify-content: center; align-items:stretch; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px;} .programs-offered-content {width: 100%;max-width: 300px;background: #1d1d1d;padding: 20px;position: relative;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} .programs-offered-cards .programs-offered-card:nth-child(2) .programs-offered-content{padding: 20px;} .programs-offered-content h3 {font-size: 20px;text-align: start;color: #fff;font-weight: 600;margin: 15px 0 0;} .programs-offered-content p {text-align: start;font-size: 17px;color: #fff;line-height: 1.5;font-weight: 300;} .programs-offered-img{width: 100%; max-width: 300px; height:400px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .programs-offered-img img{width: 100%; max-width: 300px; height:330px; object-fit: cover; transition: transform 0.6s ease; display: block;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} .arrow{position: absolute; bottom: 25px; left: 40px;} .arrow-img {position: relative;border: dotted 2px var(--yellow);padding: 10px;border-radius: 100%;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;} .arrow-img img {width: 20px;filter: brightness(0) saturate(100%) invert(65%) sepia(100%) saturate(916%) hue-rotate(2deg) brightness(105%) contrast(104%);transform: rotate(128deg); transition: transform 0.4s ease;} .programs-offered-card:hover .arrow-img img{ transform: rotate(488deg);} .latest-en-wrapper{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items:stretch; gap: 20px; padding-top: 40px;} .events-main-wrapper{padding:120px 0 20px; background: #f9f9f9;} .events-inner-wrappper h2{text-align: center;} .events-cards{width: 100%; max-width: 60%; height: 460px; overflow: hidden;} .events-cards iframe { height: 460px !important;} .events-card{width: 100%; max-width:98%; display: flex; justify-content: center; gap:15px; align-items: center; padding: 5px 0;} .events-card-content h3{font-weight: 600; font-size: 22px;color: #003c88;margin: 0;} .events-card-content p{font-size:16px;} .events-card-bottom span {color: #491253;font-weight: 500;} .events-card-bottom{width: 100%; max-width: 100%; display: flex; justify-content:space-between; align-items: center;} .events-card-content {width: 100%;max-width: 400px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 14px 20px;border-radius: 15px;width: 100%;max-width: 100%;border: 1px solid #1C0632;} .events-card-img{width: 100%; max-width:150px;} .events-card-img img {width: 100%;max-width:150px;height:140px;object-fit: cover;border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .events-card-bottom .common-btn a {padding: unset;background: unset;color: #000;box-shadow: unset;border-bottom: solid 1px var(--yellow);transition: ease all .3s;background-color: #fbc500;padding: 5px 10px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .events-card-bottom .common-btn a:hover{color: var(--dark-blue);} .events-card-bottom .common-btn{padding: unset;} .latest-news-wrapper{width: 100%; max-width: 40%;} .latest-news {width: 100%;max-width: 100%;height: 460px;background: var(--dark-blue);border-radius: 15px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px} .latest-news-inner{padding:0 20px} .latest-news-inner p {color: #fff;border-bottom: solid 1px #ffffff2e !important;padding: 20px 0 15px;text-align: start; margin: unset;} .latest-news-points { height: 510px !important;} /* Testimonials */ .testimonials-wrapper { position: relative;;padding: 70px 0 95px;} .testimonials-wrapper::before {width: 100%;max-width: 100%;height: 100%;position: absolute;content: "";background:#000000e6;top: 0;} .testimonials-main {display: flex;justify-content: center;align-items: stretch;gap: 20px;} .testimonials-main .owl-stage-outer {padding: 80px 0 20px;} .testimonial-image-name {display: flex;justify-content: flex-end;align-items: center;gap: 20px;} .testimonial-card {position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 15px 20px 20px;width: 100%;max-width: 400px;height: 100%; margin: 10px; border-radius: 10px; border: solid 1px #fff ;} .testimonials-main.owl-carousel .owl-item {display: flex !important;justify-content: center;align-items: stretch;} .testimonial-image-name {display: flex;justify-content: flex-end;align-items: center;gap: 20px;position: relative;} .testimonial-image-name span {display: flex;justify-content: center;align-items: center;position: absolute;bottom: 18px;left: 5px;} .testimonial-image-name span img {width: 100%;max-width: 115px;height: 115px;border-radius: 50%;object-fit: cover; border: solid 1px #fbc50070 ;} .testimonial-name {width: 100%;max-width: 60%;} .testimonial-name > p { font-size: 20px; margin: 0; line-height: 1.2; padding: 5px 0; font-weight: 600; color: var(--yellow); position: relative;} .testimonials-inner-wrapper h2{text-align: center; color: #fff; position: relative; padding-bottom: 20px;} .testimonials-inner-wrapper > p {text-align: center;width: 100%;max-width: 1000px;margin: auto;padding: 20px 20px 40px 20px;} .testimonials-main.owl-carousel .owl-stage {display: flex;justify-content: center;align-items: stretch;} .testimonials-main.owl-carousel .owl-nav button.owl-prev::before, .testimonials-main.owl-carousel .owl-nav button.owl-next::before {content: '';position: absolute;width: 20px;background: url(../images/icons/arrow.png.html) no-repeat center center/contain;filter: invert(98%) sepia(100%) saturate(0%) hue-rotate(150deg) brightness(102%) contrast(105%);height: 30px;z-index: 0;} .testimonials-main.owl-carousel .owl-nav button.owl-next::before {transform: scaleX(-1);} .testimonials-main.owl-carousel .owl-nav button.owl-prev, .testimonials-main.owl-carousel .owl-nav button.owl-next {position: absolute;width: 50px;height: 50px;background: #0B5791;border-radius: 50%;display: flex;justify-content: center;align-items: center;top: 0;bottom: 0;margin: auto;left: -63px;} .testimonials-main.owl-carousel .owl-dots {position: absolute;left: 0;right: 0;margin: auto;bottom: -50px;z-index: 1;display: flex !important;justify-content: center;align-items: center;padding: 0 0 10px;} .testimonials-main.owl-carousel .owl-dots .owl-dot {width:15px;height: 15px;background:var(--yellow);margin: 10px;border-radius: 100%;display: flex !important;} .testimonials-main.owl-carousel .owl-dots .owl-dot.active {background: #c4a01da4 !important;} .testimonial-card > p {font-size: 16px; color: #fff; text-align: start; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;} /* Testimonials */ .students-achievements-main-wrapper{padding: 60px 0 ;} .students-achievements-inner-wrapper h2{text-align: center;} .students-achievements-inner-wrapper-sub-heading{display: flex; justify-content: center; align-items: center;} .students-achievements-inner-wrapper-sub-heading p{text-align: center; width: 100%; max-width:950px; margin: 5px 0 0;} .students-achievements-list-wrapper{padding-top: 40px; display: flex; justify-content: center; align-items: center;} .students-achievements-card{width: 100%; max-width: 400px;} .students-achievements-card-img{display: flex; justify-content: center; align-items: center;} .students-achievements-card-img img{width: 100%; max-width: 300px; border-radius:10px;}.students-achievements-card-img img {width: 100%;max-width: 200px;border-radius: 100%;height: 200px;object-fit: cover;box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;} .students-achievements-card-content h3{text-align: center; margin: 10px 0 0; font-size: 22px;} .students-achievements-card-content p{text-align: center; margin: unset; margin: 5px 0;} /* principal */ .principals-message-main-wrapper{padding:70px 0;} .prinicipals-inner-wrapper{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px; position: relative;} .principals-img{width: 100%; max-width:400px; position: relative;} .principals-img img{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; width: 100%; max-width:400px;} .principals-content{width: 100%; max-width: 60%;} /* principal */ .news-main-wrapper { padding: 140px 0 60px;} .news-inner-wrapper h2 {margin-bottom: 20px;text-align: center;position: relative;} .news-cards {width: 100%;max-width: 100%;display: flex;justify-content: center; align-items: stretch;flex-wrap: wrap;gap: 30px;} .news-card {width: 100%;max-width: 500px;background: white;border-radius:20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;transition: transform 0.3s, box-shadow 0.3s;display: flex;flex-direction: column;} .news-left {background-color:var(--dark-blue);color: #fff;display: flex;justify-content: center;align-items: center;padding: 10px;gap: 10px;} .news-left span {font-size:28px;margin: unset;font-weight: bold;display: block;} .news-left p {font-size: 22px;text-align: center;color: #fff;background: #f9f9f9;} .news-right {flex-grow: 1;display: flex;flex-direction: column;justify-content: space-between; border-radius: 10pxx;}.news-right h3 {font-size: 22px;color: #fff;text-align: center;border-bottom: solid 1px var(--dark-blue);background: var(--purple);margin: unset;border-radius: 10px 10px 0 0;line-height: 1.2;font-weight: 500;padding: 10px 0;} .news-right p { font-size:16px; text-align: center;} .news-right .common-btn a { background:unset; padding: 10px 0; color: var(--dark-blue); font-size: 16px; cursor: pointer; transition: ease all .4s; box-shadow:unset; border-bottom:unset; text-decoration: underline !important;} .news-right .common-btn{justify-content: center; padding: 0 0 20px;} /* Inner Banner */ .inner-page-banner-wrapper {height:400px;position: relative;z-index: 0;} .inner-page-banner-wrapper .fluid-container {height: 100%;} .banner-text {height: 100%;display: flex;justify-content:start;align-items:end;position: relative;;z-index: 2;} .banner-text h1 {color: #000;font-size: 42px;text-align: center;} .breadcrumbs {display: flex;justify-content: flex-start;align-items: center;gap: 15px;margin: 15px 0;padding: 0px 35px;background-color: #000000a3;border-radius: 10px;border: 1px solid #fff;} .breadcrumbs span, .breadcrumbs a {color: #fff;position: relative;font-size: 14px;} .common-inner-page-wrapper {padding: 60px 0;} .breadcrumbs-img {position: relative;width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;} .breadcrumbs-img img {width: 100%;max-width: 24px;filter: invert(89%) sepia(18%) saturate(7497%) hue-rotate(359deg) brightness(101%) contrast(98%);} .breadcrumbs div{display: flex;justify-content: flex-start;align-items: center;gap: 3px;} /* Inner Banner */ /* footer */ .footer-wrapper{position: relative;} .footer-wrapper::before{position:absolute;content:"";height:100%;width:100%;background:#05091D;opacity:0.9;} .inner-footer-wrapper{position: relative;z-index:1;} .footer-content{width:100%;max-width:1000px;margin:auto;text-align:center;} .footer-content p{color:#fff;} .footer-contact-links{display:flex;justify-content:space-around;align-items:center; padding: 40px 0 20px;} .footer-links-main{width:100%;max-width:100%;} .sub-footer-links li{margin:15px 0;} .sub-footer-main li{margin:22px 0;} .sub-footer-main li a{display:flex;justify-content:flex-start;align-items:center;gap:10px;line-height:1.5 ;} .copyrights {color: #fff;display: flex;align-items: center;justify-content: space-between;position: relative;gap: 20px;} .copyrights p {display: flex;justify-content: center;align-items: center;font-size: 14px;margin: 0;} .copyrights span { margin: 0;} .copyrights span a img {display: flex;justify-content: center;align-items: center;} .copyrights p a, .copyrights p {color:#d6cec3;font-size:13px !important;} .copyrights a:hover{color: var(--yellow);} .copyrights span a {width: 100%;max-width: 90px;filter: invert(95%) sepia(18%) saturate(0%) hue-rotate(12deg) brightness(119%) contrast(100%);} .footer-headings h6::before{position:absolute;content:"";bottom:-5px;background:#af946f;width:115px;height:1px;} .social-media-links li a span {color: #fff !important; font-size:30px; transition: ease all .3s; } .social-media-links li:hover a span{color: var(--yellow) !important;} .footer-contact-links .footer-links-main:last-child{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px;} .footer-links-main p{color: #fff;} .footer-top-content {position: relative; padding: 40px 0 10px; border-bottom: solid 1px #ffffff14;;} .footer-top-content-inner{ position: relative;} .footer-top-content-inner p span{ font-size:18px; color: #fff; margin: 0; text-align: center;} .footer-logo { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; max-width: 360px; margin: 0 auto; } .footer-logo a img{width: 100%; max-width: 400px; } .footer-links-main p{text-align: justify;} .social-media-links{display: flex; justify-content:center; align-items: center; gap: 40px;} .footer-2 { border-top: 2px solid #ffffff14; position: relative; padding: 10px 0;} .sub-footer-links {position: relative;text-align: center;width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;gap: 60px;} .sub-footer-links >li>a{transition: ease all .4s; color: #fff; font-size: 16px;} .sub-footer-links > li > a:hover {color: #fff;text-shadow: 0 0 8px #fff, 0 0 15px var(--yellow);} .footer-logo-name{font-size: 24px !important; font-weight: 600; margin: 0 !important; } .footer-logo P{color: #fff;} .p-tag-wrapper{display: flex; justify-content: center; align-items: center;} .footer-about P { color: #FFF; text-align: center; font-size: 14px; margin: 5px 0 10px; width: 100%; max-width: 900px;} /* contacts */ .contacts-main-wrapper { padding: 15px 0; background:#f9f9f9; border-top: solid 1px var(--purple);} .contact-details {width: 100%;max-width: 330px;padding: 15px;} .contact-details:nth-child(2){border-left: 2px solid #fbc500;border-right: 2px solid #fbc500;} .contact-details p { text-align: start; font-size: 15px; margin: 1px 0; transition: ease all .4s; font-weight: 500; } .contact-details p:hover{color: var(--purple);} .contact-details span { color:var(--dark-blue); font-weight:600; font-size: 20px;display: flex;justify-content: center;align-items: center;} .contacts-inner-wrapper {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: stretch;gap: 50px;} .contacts-inner-wrapper .contact-details { position: relative; } .contact-details p{font-size: 15px;text-align: center;} .contact-details:nth-child(2) a{width: 100%;max-width: 100%;} .contact-details p a{font-size: 16px;} .contact-details p:hover a{color: var(--purple);} .contact-us-main-wrapper{padding:60px 0;} .map-addrees-wrapper{display: flex; justify-content: center; align-items: center; gap: 60px; padding-top: 20px;} .contact-map{width: 100%; max-width: 620px;} .contact-info >span {font-size: 20px;padding: 0 0 10px 40px;position: relative;} .contact-info >span::before { position: absolute; content: ""; width: 100%; max-width: 8px; height: 20px; background: var(--purple); left: 0; top: 3px; transform: skewX(-25deg);} .contact-info >::after{ position: absolute; content: ""; width: 100%; max-width: 8px; height: 20px; background: var(--purple); left: 13px; top: 3px; transform: skewX(-25deg);} .contact-info h2{font-size: 38px;} .contact-info p{margin: 5px 0 ;} .address-details-wrapper{width: 100%; max-width: 100%; display: flex; flex-direction: column;} .address-details-wrapper a{color: #000; font-size: 16px;} .address-details-wrapper a:hover{color: #491253;} .address-details-wrapper >div {width: 100%;display: flex;justify-content: flex-start;align-items: center;gap: 10px; padding:20px 0 0;} .address-details-wrapper span {width: 100%;max-width: 60px;height: 60px;background: var(--dark-blue);display: flex;justify-content: center;align-items: center;border-radius: 50%;} .address-details-wrapper span img{width: 100%; max-width: 30px;filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(78deg) brightness(105%) contrast(103%);} .address-details-wrapper div p {text-align: start;font-size: 16px; margin: unsets;} .contact-info{width: 100%; max-width: 600px;} .contact-us-form-wrapper {width: 100%;max-width: 100%;display: flex;padding: 60px 0 40px;border-radius: 15px;justify-content: center;align-items:center; gap: 20px;} .social-media-links-l {width: 100%;max-width: 100%;display: flex;justify-content: flex-start;align-items: center;gap: 20px;} .social-media-links-l li {background: var(--dark-blue);width: 100%;max-width: 60px;height: 60px;display: flex;justify-content: center;align-items: center;border-radius: 5px;} .social-media-links-l a{display: flex; justify-content: center; align-items: center;} .social-media-links-l li a img{width:100%; max-width:25px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(78deg) brightness(105%) contrast(103%);} .social-media-wrapper h3{font-size: 20px; position: relative;} .social-media-wrapper h3::before {position: absolute;content: "";width: 100%;max-width: 100px;height: 5px;background: var(--purple);top: -15px;} .social-media-wrapper{padding-top: 70px;} .contact-us-form-left{width: 100%; max-width: 50%;} .contact-us-form-left h2{border-left: solid 5px var(--purple); padding-left: 20px; font-size: 38px; line-height: 1.4;} .contact-map iframe {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 15px;} .contact-us-form-left p{text-align: start;} .contact-info-numbers{display: flex; padding: unset !important; flex-direction: column;} /* Contact Form Styling */ .contact.form {width: 100%;max-width: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding:25px;border-radius: 15px;border-right: solid 4px var(--purple);} .contact.form h3 {text-align: center;font-size: 24px;color: #333;margin-bottom: 20px;} .form-title {font-size: 24px;margin-bottom: 20px;text-align: center;font-weight: bold;} .form-row {display: flex;gap: 20px;margin-bottom: 20px;flex-wrap: wrap;} input,textarea {width: 100%;padding: 12px 14px;border: none;border-bottom: 2px solid #ccc;background: transparent;font-size: 16px;outline: none;transition: border-color 0.3s;} input::placeholder, textarea::placeholder {color: #999;} input:focus{ border-color:var(--orange);} .index-contact-us-btn{width: 100%; max-width: 100%;display: flex; justify-content:start; align-items: center;} .submit-btn {width: 100%;max-width: 150px;padding:10px 30px;background:var(--dark-blue);color:#fff;font-size: 16px;border: none;border-radius: 6px;cursor: pointer;transition: background 0.3s;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .submit-btn:hover { background:var(--yellow); color: #000 !important;} .ip-contact-us-now-wrapper .user-box input, .ip-contact-us-now-wrapper .user-box-readonly input, .ip-contact-us-now-wrapper .user-box-readonly select, .ip-contact-us-now-wrapper .user-box textarea {color: #fff; font-size: 18px;} .contact-us-now-inner-wrapper .user-box-readonly select option {color: #303030;} .user-box-readonly label { top: -15px !important; left: 0px !important; font-size: 16px !important; color: rgb(244, 67, 54) !important;} /* Contact Us Now */ /* Form */ .index-form { display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: auto; padding: 40px 0 0;} .input-wrapper { position: relative; margin-bottom: 20px;width: 48%; border-bottom: 1px solid #131313;} /* Form */ /* Lable Animation */ .user-box input, .user-box-readonly input, .user-box select{ width: 100%; padding: 20px 0 10px 0; font-size: 18px; border: none; outline: none; background: transparent; position: relative;color: #131313;} .user-box textarea { width: 100%; margin: 20px 0 10px 0; font-size: 18px; border: none; outline: none; background: transparent; position: relative; height: 22px;color: #131313;} .user-box label, .user-box-readonly label { position: absolute; top: 0; left: 0; padding: 10px 0; font-size: 20px; color: #131313; pointer-events: none; transition: .5s;} .user-box-readonly label {top: -15px;} .banner-details-right .user-box-readonly label {color: var(--blue); top: -15px;} .user-box-readonly select {padding: 20px 0 10px;} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset !important; /* Override background color */ transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */} form.index-page input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; /* Text color inside autofilled input */ } .input-color input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; } /* Lable Animation */ .gallery-carsouel-wrapper .carousel-wrap { width: 100%; position: relative; } .gallery-carsouel-wrapper h2{text-align: center; padding-bottom: 20px;} .gallery-carsouel-wrapper { position: relative;z-index:0; padding: 60px 0 ;} .gallery-carsouel-wrapper .owl-carousel .item { position: relative; z-index:0; -webkit-backface-visibility: hidden; height: 350px; } .gallery-carsouel-wrapper .owl-carousel.owl-drag .owl-item{overflow: hidden;} .gallery-carsouel-wrapper .owl-nav > div {margin-top: -26px;position: absolute;top: 50%;color: #cdcbcd;} .gallery-carsouel-wrapper .owl-nav svg{font-size:30px;color:#fff; } .gallery-carsouel-wrapper .owl-nav .owl-prev { left: -30px;} .gallery-carsouel-wrapper .owl-nav .owl-next {right: -30px;} .gallery-wrap-img{width:100%;max-width:500px;height:400px;} .gallery-wrap-img { transition: transform .4s;border-radius: 10px;} .gallery-wrap-img:hover { -ms-transform: scale(1.1); -webkit-transform: scale(1.1);transform: scale(1.1)} .gallery-wrap.owl-carousel.owl-nav.disabled{display:block !important;} .gallery-appointment{display: flex !important;justify-content:center !important;align-items:center;padding:10px 0 0 !important;} .inner-hr-images{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:30px 0 0px;} .inner-gallery-images-2{display: flex;justify-content:center;align-items:center;gap: 10px;flex-wrap: wrap;} .inner-gallery-images-2 img {width: 100%;max-width: 390px;border: 2px solid #dfc17b;} .gallery-treatment-wrapper-2{padding:20px 0 10px;} .gallery-treatment-wrapper-3{padding:10px 0 60px} .hr-conclusion-wrapper{background:#f1f4e3;padding:20px 0;} .inner-gallery-images img{width:100%;max-width:700px;} .gallery-carsouel-wrapper .gallery-wrap .owl-carousel .owl-nav {display: flex !important;justify-content: center;align-items: center;padding: 20px 0 0 0;gap: 20px;} .gallery-carsouel-wrapper .gallery-wrap .owl-carousel .owl-dots {display: none !important;} .gallery-carsouel-wrapper .gallery-wrap .owl-carousel .owl-nav button {width: 100%;max-width: 50px;border: none;outline: none;background:var(--yellow);box-shadow: none;height: 100%;max-height: 50px;padding: 10px !important;border-radius: 50%; display: flex; justify-content:center; align-items: center;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .gallery-carsouel-wrapper .gallery-wrap .owl-carousel .owl-item img { display: block; width: 100%; max-width: 470px; height: 350px; object-fit: cover; border-radius: 10px;} /*Start*/ .marquee-container{max-width:1200px;margin:0 auto;width:100%} .padSides-bg{background: #c2d7eb ;} .padSides{font-size:14px;padding:5px;width:100%;box-sizing:border-box; } .marquee-container p{font-size:17px;text-align:justify;color:var(--dark-blue);margin:unset;color:#000;}.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}} /*End*/ .marquee-scolling{font-size: 20px !important; padding:5px 0; color: var(--purple) !important;} /* kannada-website css start */ .kannda-cnt{display: inline-block;} .kannda-cnt p{display: flex;gap: 10px;align-items: center; margin: unset; justify-content: end;} .kannda-cnt p a{font-size:16px;} .kannda-cnt p a:hover{color: #C52A16;} .kannda-cnt p i{margin-bottom: -14px; color: #fff;} .kannda-cnt p svg{color: #000} /* .scrolled-header .kannda-cnt{display: none;} */ /* kannada-website css end */ /* inner pages css starts */ /* Inner Page Left Link */ .left-container-section{width: calc(100% - 300px);} .right-links li a{color: #fff;font-size: 14px; transition: ease all .3s;} .right-links li:hover a{color: var(--yellow);} .content-right {width: 25%;margin-top: 20px;} .right-links-container-left {width:100%; max-width: 22%; position: sticky; top:130px;} .right-links-top {width: 100%;max-width: 270px;background: #fbc503;padding: 5px 0 3px;border-radius: 3px 3px 0 0;border-radius: 3px 3px 0 0;border-top-right-radius: 10px;border-top-left-radius: 10px;} .right-links-top h4 {font-size: 14px;font-family: Exo, sans-serif;text-align: center;padding:0;} .right-links-top a {color: #000;font-weight: 500;font-size: 22px;} .right-links-content {height: auto;background-color: #002b62;box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;width: 100%;max-width: 270px;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;} .right-links-content ul li {border-bottom: 1px solid #fbc50047;padding: 12px 20px 12px 33px;width: 100%;position: relative;} .right-links-content ul li::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 10px;height: 1px;background-color: #ffe200;border-radius: 10px;margin: auto;} .right-links-content ul li::after {content: "";position: absolute;top: 0px;bottom: 0;left: 11px;width: 10px;height: 10px;border-radius: 2px;margin: auto;rotate: 45deg;border: 1px solid #ffe200;} .right-links-content ul li{margin: 0 auto;} .right-bottom {width:260px;height: 12px;margin: 0 -2px;} /* Inner Page Left Link */ .inner-page-content {display: flex; justify-content:center; align-items: start;gap: 60px;} .content-left{width: 100%; max-width: 78%;} /* about-management */ .about-management-main-wrapper{padding: 60px 0;} .common-management-wrapper{background-color: #f9f9f9;border: 1px solid #e4e4e4;border-radius:10px;padding:20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .common-management-wrapper h2 {font-size: 28px;text-align: center;font-style: italic;padding-bottom: 10px;border-bottom: 1px solid var(--dark-blue);margin-top: 0;} .common-management-wrapper p{margin: 0; padding-top: 10px;} .common-management-list-wrapper{padding: 20px 0;} .common-management-list-wrapper p{font-size: 28px; color: var(--purple); margin: 20px 0 0; text-align: start;} .points{position: relative;} .points li {position: relative;padding-left:30px;margin: 15px 0;} .points li::before{position: absolute;content: "";background:url(../images/icons/check.webp) no-repeat center center/cover;width: 100%;max-width: 20px;height: 20px;object-fit: cover;left: 0;top: 3px;} .points li a{color: #002b62;} .points li:hover a{color: #fbc503;} .founders {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;gap: 40px;flex-wrap: wrap;padding-top: 30px;} .founders span {width: 100%;max-width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;border-radius: 50%;margin-bottom: 10px;} .founders img {width: 100%;max-width: 200px;height: 200px;border-radius: 50%;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .para .highlater{margin: 20px 0 10px;font-size: 16px} .founders .para p{text-align: center;margin: 0} .founders .textl{text-align: left} /* about-management */ /* set-institutions */ .set-institutions-wrapper{padding: 40px 0 0;} .set-institute-sec iframe {width: 100%;height: 4800px !important;} .set-institute-sec{padding-top: 30px;} .callender-iframe iframe{height:700px; padding-bottom: 40px;} /* set-institutions */ .management-frame iframe {width: 100%;max-width: 1000px;border: none;} .management-photo-sec {text-align: center;width: 100%;max-width: 700px;margin: auto;} .management-photo-sec iframe{height: 1000px;} .management-list{width: 100%;max-width: 1000px;margin: auto;margin: 40px auto 0;} .management-list iframe{height: 1100px !important;border: none;display: flex;margin: auto;} .management-wrapper{padding: 60px 0;} .principal-desk-main-wrapper{padding: 60px 0;} .principal-desk-wrapper-img {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;} .principal-desk-wrapper-img img{width: 100%; max-width: 900px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .principal-desk-wrapper-content{width: 100%; max-width:100%; padding-top: 20px;} .trustee-details p:first-child {font-size: 17px;display: inline-block;} .trustee-details p {margin: 0;color: #002b62;} .trustee-details span:last-child {display: flex;justify-content: flex-start; align-items: center; padding: unset;} .trustee-details span{display: block;padding: 10px 0 0} .overiview-main-wrapper{padding: 60px 0;} .vsm-list{padding: 20px 0; width: 100%; max-width: 100%; display: flex; justify-content: center; align-items:stretch; flex-wrap: wrap; gap: 60px;} .vsm-card { width: 100%; max-width: 350px;} .vsm-img {width: 100%;max-width: 250px;height: 250px;background-color: var(--purple);border-radius: 50%;display: flex;justify-content: center;align-items: center;margin: auto;} .vsm-card .vsm-img span {width: 100%;max-width: 200px;height: 200px;display: flex;justify-content: center;align-items: center;border-radius: 100%;background-color: #F2AEFF4A;} .vsm-card .vsm-img span img{width: 100%; max-width: 100px; filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);transition: transform 0.6s ease;} .vsm-card:hover .vsm-img span img { transform: rotate(360deg);} .vsim-content {margin-top: 40px;height: 275px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px;border-radius: 20px;position: relative;background-color: #f9f9f9;} .vsim-content::before {content: "";position: absolute;width: 1px;height: 100px;background: var(--purple);top: -100px;left: 0;right: 0;margin: auto;z-index: -1;} .vsim-content p {font-size: 16px;margin: 0;line-height: 1.4; text-align:center;padding-top: 10px;} .vsim-content h3 {margin: 15px 0 0;text-transform: uppercase;font-size: 24px;font-weight: 600; text-align: center;padding-bottom: 10px;border-bottom: 1px solid var(--purple);color: var(--purple);} .vsm-list .vsm-card:nth-child(2) .vsm-img span::before{background: var(--yellow); } .vsm-list .vsm-card:nth-child(3) .vsm-img span::before{background: var(--dark-blue);} .vsm-list .vsm-card:nth-child(2) .vsm-img span {background:#ffffffb0 ;} .vsm-list .vsm-card:nth-child(2) .vsim-content h3{color: var(--yellow);} .vsm-list .vsm-card:nth-child(3) .vsim-content h3{color: var(--dark-blue);} .vsm-card:nth-child(2) .vsm-img{background-color: #fbc503;} .vsm-card:nth-child(2) .vsm-img span{background-color: #00000094;} .vsm-card:nth-child(2) .vsim-content::before{background-color: #fbc503;} .vsm-card:nth-child(2) .vsim-content h3{border-bottom: 1px solid #fbc503;} .common-content-wrapper{padding:25px 0 ;} .common-content-wrapper p{ margin: 10px 0 13px;} .common-content-wrapper a:hover{color: var(--purple);} .common-content-padding{padding: 0 0 15px !important;} .hover-li a:hover{color:var(--dark-blue);} /* Governing-council */ .table-container{padding: 50px 0;} /* table */ table {width: 100%;border-collapse: separate;border-spacing: 0;margin: 25px 0;border-radius: 12px;box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);} thead th {background: linear-gradient(135deg, #002b62, #000);color: #fff;font-size: 16px;text-align: center;font-weight: 500;padding: 16px;letter-spacing: 0.6px;border-radius: 7px;border: 1px solid #fff;} tbody tr {background-color: #fff;transition: background 0.3s ease;} tbody tr:nth-child(even) { background-color: #f4f7fb;} tbody tr:hover { background-color: #e3f0ff;} tbody td {padding: 14px 18px;font-size: 14px;border-bottom: 1px solid #e0e0e0; color: #000;} tbody td a{font-size: 16px; color: var(--dark-blue);} .table-scroll{width: 100%; max-width: 100%; overflow-x:auto !important;} table{width: 100%; max-width: 100%;overflow-x: auto !important; } .table-inner-container{padding: 15px 0;} /* Faculity */ .faculty-img-wrapper{padding-bottom: 20px;} /* Faculity */ /* Course */ .common-design-main-wrapper{padding: 60px 0;} .common-design-img{display: flex; justify-content: center; align-items: center; position: relative;} .common-design-img img {width: 100%;max-width: 900px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .common-content-list-wrapper ul li {padding: 10px 0 10px 30px;position: relative;text-align: start;} .common-content-list-wrapper ul li::before ,.program-subjects-wrapper-card ul li:before ,.extra-curricular-common-card ul li::before , .common-ul li::before , .co-curricular-common-card ul li::before {position: absolute;content: "";background: url(../images/icons/check.webp) no-repeat center center/cover;width: 100%;max-width: 20px;height: 20px;object-fit: cover;left: 0;filter: invert(74%) sepia(92%) saturate(2706%) hue-rotate(8deg) brightness(109%) contrast(107%);top: 12px;} .common-content-list-wrapper > p { margin: 15px 0 0px; font-weight: 400; color: #7a26a6; position: relative;text-align: start;} /* .common-content-list-wrapper > p::before{content: "";position: absolute;background: url('../images/icons/');} */ .common-design-inner-wrapper .common-btn{justify-content: space-evenly; padding:10px 0; flex-wrap: wrap;} .common-content-form-wrapper{padding: 20px 0 0;} .common-content-form-wrapper h3{text-align: center;} .common-content-form-wrapper p {text-align: center;margin: 0 0 10px;} .common-content-list-wrapper {border: 1px solid #00000026;padding: 20px;border-radius: 10px;margin-bottom: 30px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;border-bottom: 5px solid #003c8857;} .common-content-list-wrapper ul li b{font-weight: 600;} .facility-wrapper p{text-align: center;} .facility-wrapper .table-inner-container table{margin: 20px 0;} .cd-img-padding{padding-bottom: 10px;} .p-tag-margin p{margin: 0 0 13px !important;} /* .program-subjects-wrapper{padding: 15px 0;} */ .program-subjects-wrapper-card ul li{padding: 8px 0 8px 30px; position: relative;} .program-subjects-wrapper-card{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;width: 100%;max-width: 400px;padding: 10px 20px;border-radius: 10px; border-bottom: solid 2px var(--yellow);} .program-subjects-wrapper-card:nth-child(2n+1){background-color: #FFFAE6;} .program-subjects-wrapper-card:nth-child(2n){background-color: #fcf8ff;} .program-subjects-wrapper-cards {display: flex;justify-content: start;align-items: stretch;flex-wrap: wrap;gap: 30px;padding-top: 20px;} .program-subjects-wrapper-card{background-color: #f9f9f9;} .program-subjects-wrapper-card p {color: #002b62;border-bottom: 1px solid #002b62;padding-bottom: 5px;text-align: center;font-weight: 600;} .other-facilities-main-wrapper{padding: 60px 0;} .other-facilities-card{padding: 30px 0;} .other-facilities-card h2{text-align: center; border-bottom: solid 2px var(--yellow);} .other-facilities-card-img{display: flex; justify-content: center; align-items: center;} .other-facilities-card-img img {width: 100%;height: 350px;max-width: 500px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;object-fit: cover;} .study-center-main-wrapper{padding: 60px 0;} .study-center-card {width: 100%;max-width: 100%;display: flex;justify-content: center;align-items: center;padding: 30px 20px;border-radius: 10px;gap: 20px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;margin: 40px 0;border-left: solid 2px var(--yellow);border-right: solid 2px var(--dark-blue);} .study-center-img {width: 100%;max-width: 130px;border-radius: 50%;height: 130px;position: absolute;top: 0;bottom: 0;margin: auto;left: -65px;} .study-center-content{width: 100%; max-width: 100%;padding-left: 70px;} .study-center-content h2{border-bottom: solid 1px var(--dark-blue); margin: 0;} .study-center-img img {width: 100%;max-width: 130px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;border: solid 2px var(--yellow);border-radius: 50%;height: 130px;object-fit: cover;} .alumni-main-wrapper{padding: 60px 0;} .alumni-list-wrapper{width: 100%; padding-top:30px; position: relative;} .alumni-list-wrapper::before {position: absolute;content: "";width: 100%;max-width: 300px;height:95%;background: var(--dark-blue);top: 17px;left: 0;right: 0;margin: 10px auto; border-radius: 30px;} .alumni-inner-wrapper h1{text-align: center;} .alumni-card{width: 100%; max-width: 1000px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px 40px 30px; border-radius: 20px; position: relative; background: #ffff; margin:100px auto;} .alumni-card::before {position: absolute;content: "";width: 100%;max-width: 50px;height: 50px;object-fit: cover;background: url(../images/icons/testimonils-right.webp) no-repeat center center/cover;top: 14px;filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(575%) hue-rotate(358deg) brightness(95%) contrast(107%);} .alumni-card::after {position: absolute;content: "";width: 100%;max-width: 50px;height: 50px;object-fit: cover;background: url(../images/icons/testimonils-right.webp) no-repeat center center/cover;bottom: 14px;right: 20px;filter: brightness(0) saturate(100%) invert(71%) sepia(92%) saturate(575%) hue-rotate(358deg) brightness(95%) contrast(107%);scale: -1;} .alumni-card-img{width: 100%; max-width: 100%;} .alumni-card span{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; position: relative;} .alumni-card h2 {font-size: 26px !important;text-align: center;color: #000;padding-bottom: unset;} .alumni-card h3{font-size: 20px !important ;text-align: center; margin: unset;} .alumni-card-img span img {width: 100%;max-width: 100px;height: 100px;object-fit: cover;border-radius: 100%;position: absolute;bottom: -24px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: solid 1px var(--orange);} .alumni-card-content{padding-top: 30px;} .alumni-card-content p{font-size: 17px;} /* video gallery */ .inner-page-video-content-wrapper {padding: 60px 0;background-color: #f9f9f9;} .meet-team-heading-section {text-align: center; padding: 0;display: flex;justify-content: center;align-items: center; flex-direction: column;} .inner-page-h2 {display: inline-block;padding-bottom: 5px;} .inner-page-video-content {display: flex;flex-wrap: wrap;justify-content: center;gap: 30px;} .gallery-video-wrapper {width: 100%;max-width:400px;background: #fff;border: 1px solid #e0e0e0;border-radius: 8px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);overflow: hidden;transition: transform 0.3s ease, box-shadow 0.3s ease;text-align: center;} .gallery-video-wrapper iframe {width: 100%;height: 300px !important;border-bottom: 1px solid #e0e0e0;border-radius: 8px 8px 0 0;} .gallery-video-wrapper p {font-size: 16px;color: #555;font-weight: 500;padding: 15px 20px;margin: 0;background-color: #fdfdfd;border-radius: 0 0 8px 8px;text-align: center;} .faculity-design-main-wrapper{padding: 60px 0;} .faculity-design-img{display: flex; justify-content: center;align-items:center;} .faculity-design-img img{box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius:10px; width: 100%; max-width: 300px;} .faculity-design-profile p {text-align: center;font-size: 28px;font-weight: 600; margin: 15px 0 0;} .faculity-design-profile span{display: block; text-align: center;} .faculity-design-profile .common-content-list-wrapper p{margin: unset; color: var(--purple);} .faculity-design-inner-wrapper .common-content-list-wrapper h2{padding-bottom: unset;} .faculity-design-inner-wrapper .common-btn{padding: unset;} .faculity-design-inner-wrapper .common-content-list-wrapper{padding: 15px 20px;} .faculity-design-profile{padding-bottom: 20px;} .gsmk-tabination .tab-wrapper { text-align: center;display: block; margin: auto;width: 100% !important;max-width: 1390px !important; margin: 0 auto !important; } .gsmk-tabination .tabs {margin: 0;display: flex;justify-content:center;gap: 50px;} .gsmk-tabination .tab-link { list-style: none; cursor: pointer; transition: all 0.3s ease-in-out; letter-spacing: 1px; font: 18px "Myriad Pro", Verdana, sans-serif; padding: 12px 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; min-width: 170px;} .gsmk-tabination .tab-link.active {background: var(--dark-blue); color: #fff;border-radius: 5px;} .gsmk-tabination .content-wrapper { padding:unset !important;} .gsmk-tabination .tab-content {display: none;color: #555;font-weight: 300;font-size: 16px;line-height: 1.6;transform: translateY(15px); animation: fadeIn 0.5s ease forwards;} .gsmk-tabination .tab-content.active {display: block; opacity: 1;} .achievements-main-wrapper{padding: 10px 0 30px;} .achievements-main-wrapper .tab-wrapper .tabs {border-radius: 6px;overflow-x: auto;padding: 10px;} .academic-rankers-card {width: 100%;max-width: 350px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 20px 12px;border-radius:10px; border-left: solid 2px var(--yellow); border-right: solid 2px var(--dark-blue);} .academic-rankers-wrapper{display: flex; justify-content: center; align-items:stretch; flex-wrap: wrap; gap: 40px; padding-top: 30px;} .academic-rankers-card-img{display:flex; justify-content: center; align-items: center; margin-bottom: 10px;} .academic-rankers-card-img img{width: 100%; max-width: 120px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .academic-rankers-card span{display: block; text-align: center; color: var(--dark-blue); font-weight: 500;} .academic-rankers-card p {text-align: center;margin: 0;font-size: 14px;color: #000;font-weight: 500;} .co-curricular-common-card{padding:10px 0 25px;} .co-curricular-common-card h3 {font-size: 20px; text-align: center; margin: 0 auto 15px; width: 100%; max-width: 600px; background: #002b62; color: #fff; padding: 5px; font-weight: 300; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; line-height: 1.5;} .co-curricular-common-card-img {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 20px; margin-bottom: 5px;} .co-curricular-common-card-img img {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;width: 100%;max-width: 300px;} .co-curricular-common-card p{ color: #000; font-weight: 400;} .co-curricular-common-card-wrapper h2 , .extra-curricular-common-card-wrapper h2{ text-align: center; color: #fcb101; text-shadow: 1px 1px 0 #00000047, 2px 2px 4px rgba(0, 0, 0, 0.09); margin: 20px 0 0;} .co-curricular-common-card ul li{color: #000; padding-left: 30px;font-weight: 400;padding: 10px 20px 0 30px; position: relative;} .co-curricular-common-card ul{padding: 0 0 10px;} .extra-curricular-common-card{padding: 10px 0 15px;} .extra-curricular-common-card h3 { font-size: 20px; text-align: center; margin:0 auto 15px; width: 100%; max-width: 600px; background: #002b62; color: #fff; padding: 5px; font-weight: 300; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; line-height: 1.5;} .extra-curricular-common-card-img {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 20px; margin-bottom: 5px;} .extra-curricular-common-card-img img{ width: 100%; max-width: 300px;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .achievement-small-img{max-width: 100px !important;} .extra-curricular-common-card p{ color: #000; font-weight: 400;} .extra-curricular-common-card ul li {position: relative;color: #000;padding-left: 30px;font-weight: 400;padding: 10px 20px 0 30px;} .extra-curricular-common-card ul{padding: 0 0 10px;} .vani-iframe{max-width: 600px;height:600px;margin: 20px auto;} .vani-sct{padding: 40px 0 0;} .set-vani li{padding: 5px 0;} .set-vani li a{font-size: 17px;color: #760376;} .set-vani li a:hover{color: #C52A16;} @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .left-admission-boxes-wrapper .left-admission-boxes:first-child{top: 58%;} .left-admission-boxes {position: fixed;right: 0;top: 50%;transform: translateY(-50%);border-radius:0 0 0 20px;box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);width:60px;background: #fff;border: 1px solid var(--yellow);transition: width 0.4s ease;overflow: hidden; z-index: 1;} .left-admission-boxes:hover {width:190px; } .let-admission-box {list-style: none;margin: 0;padding: 0;} .let-admission-box {display: flex;align-items: center;gap: 10px;padding: 10px;border-radius: 10px 0 0 10px;transition: background 0.4s ease;} .let-admission-box a {display: flex;align-items: center;gap: 5px;text-decoration: none;} .let-admission-box a img {width:33px;transition: transform 0.3s ease;} .let-admission-box a span {color: var(--dark-blue);font-size: 14px;font-weight: 500;white-space: nowrap;opacity: 0;transform: translateX(-10px);transition: all 0.4s ease;} .left-admission-boxes:hover .let-admission-box a span {opacity: 1;transform: translateX(0);} /* Sage */ .sage-design-img { display: flex; justify-content: center; align-items:stretch; position: relative; gap: 60px; padding: 10px 0 20px;} .sage-design-img img { width: 100%; max-width: 300px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} /* Sage */ .grecaptcha-badge{right: -500px !important;} /* vinutha css */ .common-btn button {width: 100%;max-width: 150px;padding: 10px 30px;background: var(--dark-blue);color: #fff;font-size: 16px;border: none;border-radius: 6px;cursor: pointer;transition: background 0.3s;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-bottom: solid 2px var(--yellow); transition: ease .3s all;} .common-btn button:hover{background: var(--yellow); color: #000; border-bottom: solid 2px var(--dark-blue);} /* Sitemap */ .sitemap-wrapper { padding: 60px 0;} .sitemap-inner-wrapper { display: flex; justify-content:flex-start; align-items: flex-start; gap: 20px; flex-wrap: wrap;} .sitemap-inner-wrapper > a:first-child { width: 100%; text-align: center; background: var(--dark-blue); padding: 10px; border: 1px solid var(--yellow); border-radius: 10px; color: #fff;} .sitemap-sub-links { display: flex; flex-direction: column; align-items: flex-start; gap: 10px;} .common-ul li { padding-left:30px; position: relative; margin: 15px 0; line-height: 1.6; font-size: 16px; color: #131313;} .sitemap-sub-links ul li a { font-size: 14px; position: relative;} .sitemap-inner-wrapper a { position: relative; font-weight: 500;} .sitemap-inner-wrapper a::before { content: ''; position: absolute; background: var(--yellow); width: 0%; height: 2px; bottom: -5px; right: 0; transition: 1s ease-in-out; border-radius: 10px;} .sitemap-inner-wrapper a:hover::before {width: 100%; left: 0; right: auto;} .sitemap-inner-wrapper a:hover {color: var(--orange);} .sitemap-inner-wrapper > a:first-child::before {display: none;} .sitemap-inner-wrapper > a:hover {background: none;} .sitemap-sub-links ul li { margin: 10px 0;} /* Sitemap */ /* photo Gallery */ .photo-gallery-wrapper{padding:60px 0;} .inner-photo-gallery-wrapper h2{text-align: center; padding: 0 0 30px;} .gallery-img img {width:370px;display: block; object-fit: fill;transition: transform 1000ms; height: 350px; object-fit: cover; } .photo-gallary-main{list-style: none;margin: 0;padding: 0;display: flex;gap: 30px;max-width: 100%;justify-content:center;align-items:center;flex-wrap:wrap;} .gallery-img {margin: 0;position: relative;overflow: hidden;} .gallery-img::after {content: '';position: absolute;top: 50%;left: 50%;width: 200%;height: 200%;background: rgba(0, 0, 0, 0.5);transform-origin: center;opacity: 0;transform: scale(2);transition: opacity 300ms;} .gallery-caption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;place-items: center;text-align: center;padding: 1rem;color: #fff;font-size: 1.2rem;z-index: 1;opacity: 0;transition: opacity 600ms, transform 600ms;} .gallery-links:is(:hover, :focus) figure::after {opacity: 1;} .gallery-links:is(:hover, :focus) figcaption {opacity: 1;transition: opacity 600ms;} .photo-gallary-main img{border-radius: 10px;} @media (prefers-reduced-motion: no-preference) { .gallery-caption {transform: translate3d(0, 2rem, 0);} .gallery-img::after {border-radius: 50%;opacity: 1;transform: scale(0);transition: transform 900ms;} .gallery-links:is(:hover, :focus) figure::after {transform: scale(2.5);} .gallery-links:is(:hover, :focus) figcaption {opacity: 1;transform: translate3d(0, 0, 0);transition: opacity 600ms 400ms, transform 600ms 400ms;} .gallery-links:is(:hover, :focus) img {transform: scale(1.2);}} /* photo Gallery */ /* photo-gallery-1 */ .photo-wrapper{padding:60px 0;} .photo-main-wrapper {display: flex;justify-content: center;flex-wrap: wrap;align-items:stretch;gap:40px;} .photo-main-wrapper a.album-component-anchor {display: block;margin: 6px;width: 100%;max-width: 400px;height: 300px;position: relative;transition: all .3s ease-in-out;overflow: hidden;} .photo-main-wrapper a.album-component-anchor em {background: no-repeat center center/cover;display: block;height: 100%;width: 100%;transition: all .6s ease-in-out;} .photo-main-wrapper a.album-component-anchor em span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: transparent;color: transparent;font-size: 18px;} .photo-main-wrapper a.album-component-anchor:hover em {-webkit-transform: scale(1.3);transform: scale(1.3);} .photo-main-wrapper a.album-component-anchor:hover em span {background: rgba(0, 0, 0, .6);color: #fff;} .imglist{display:flex;justify-content:center;align-items:stretch;gap:50px;flex-wrap:wrap;} .imglist a{width:100%;max-width:350px;} .imglist a img {border-radius: 10px;width: 370px;height: 350px;object-fit: cover;} /* photo-gallery-1 */ /* latest events */ .latest-evnets-main-wrapper{padding: 30px 0 !important;} .main-events-cards { border-bottom: 1px solid #ccc; background-color: #f9f9f9; border: 1px solid #0000001f; border-radius: 20px; margin-bottom: 40px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; border-left: 3px solid #ffcd00; border-right: 3px solid var(--purple);} .sub-events-cards1 { display: flex; justify-content: flex-start; align-items: center; gap: 20px; padding: 20px;} .event-gallery { display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 20px;} .event-gallery a.inner-news-main {width: 200px;height: 200px; object-fit: cover;} .event-gallery a.inner-news-main img{width: 100%;height: 100%; object-fit: cover;} .sub-events-cards {display: flex;justify-content: flex-start;align-items: center;gap: 20px;border-bottom: 1px solid #ccc;background-color: #f9f9f9;border: 1px solid #0000001f;border-radius: 20px;padding: 20px;margin-bottom:40px;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;border-left: 3px solid #ffcd00;border-right: 3px solid var(--purple);} .sub-events-cards:nth-child(even){flex-direction: row-reverse;} .sub-events-cards:last-child{border-bottom: none;} .sub-events-img{width:100%;max-width:250px;display:flex;justify-content:center;align-items:center;} .sub-events-content{width:100%;} .sub-events-content h2 {margin: 5px 0;font-size: 26px;border-bottom: 1px solid var(--dark-blue);padding-bottom: 5px;} .sub-events-img img {box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;width: 100%;max-width: 250px;height: 250px;object-fit: cover;} .sub-events-content h3 span ,.sub-events-content p span{color:var(--dark-blue);text-transform:capitalize;} .inner-news-main::after {content: 'View';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background:#27566fab;color: #fff;font-size: 18px;display: grid;place-items: center;transition: all .3s ease-in-out;opacity: 0;} .inner-news-main:hover::after {opacity: 1;} .inner-news-main{position: relative;display:flex;} /* latest events */ /* latest news */ .latest-news-main-wrapper{padding:60px 0;} .inner-latest-news-main .sub-events-cards:nth-child(even){flex-direction: inherit;} .latest-news{overflow: hidden;} /* latest news */ .ad-link-flex{display: flex; justify-content: center; flex-wrap: wrap;} .ad-link .academic-rankers-card{width: 100%;max-width: 200px;box-shadow:unset;padding: 20px 12px;border-radius:unset;border-left: unset;border-right: unset;} .ad-link-flex span{color: #fff;} .ad-link-flex p{font-size: 12px; padding: unset !important;} .ad-link .pop-image-wrapper img{width: 100%; max-width: 450px;} @media(max-width:992px){ .inner-latest-events-main .sub-events-cards{flex-direction: column-reverse;} .inner-latest-events-main .sub-events-content{max-width: 100%;} } @media(max-width:776px){ .inner-latest-news-main .sub-events-cards{flex-direction: column-reverse; padding: 20px;} .inner-latest-news-main .sub-events-content{max-width: 100%;} .inner-latest-news-main .sub-events-cards:nth-child(even){flex-direction: column-reverse;} .sub-events-cards {padding: 35px 0 45px;} .sub-events-content h3 { font-size: 22px;} .input-wrapper { width: 100%;} .index-form {padding: 40px 20px 10px;} .inner-latest-events-main .sub-events-cards {padding: 20px;} } /* vinutha css */ .staff-list-wrapper h2{text-align: center;} .staff-list-wrapper{padding: 20px 0;} .staff-list{display: flex;justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 30px; padding-top: 30px;} .staff-1{width: 100%;max-width: 250px;} .staff-1-img-desc{position: relative;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;border-radius: 10px;} .staff-1-img-desc span{width: 100%;max-width: 250px;display: flex;justify-content: center; align-items: center;border-radius: 10px;} .staff-1-img-desc span img{width: 100%;max-width: 250px;border-radius: 10px;} .staff-1-img-desc p {position: absolute;bottom: 0;left: 0;right: 0;margin: auto;color: #fff;text-align: center;padding: 10px 0;background-color: #000000a3;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; font-size: 18px;} .staff-1 h3 {text-align: center;color: #002b62;font-size: 15px;margin: 10px 0 0;font-weight: unset;} .staff-1 h4{text-align: center;font-size: 18px; margin: unset;} #gallery {padding: 20px 20px 40px;} #gallery h3{font-size: 22px;} .container{max-width:1280px;width:100%;margin: 0 auto;} .container.quick-main {background: #fff;margin-top: -11px;} #gallery ul li a img,.innerimg {margin: 0 0 0 10px;float: right;border: 5px solid #fff;box-shadow: 0 4px 4px #ddd;} #gallery ul li{padding:5px 0 30px;} #gallery ul li {background: 0 0;display: inline-block} #gallery ul img:hover {border-radius: 5px;transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);} #leftbox h1{padding: 60px 0 0;} #pagination {width: 100%;height: 30px;text-align: center; margin: 20px 0;} #pagination a{font-size: 12px; font-weight: 600;} .pagination button {padding: 1px 10px;background: #5f2f76;color: #fff !important;border: none;margin: 0 5px 0 0;} .pagination button.act1 {background: #C52A16;color: #fff !important;} .pageactive {color: #ba0000 !important;} .placement-head-wrapper {border: 1px solid #00000036;padding: 20px;width: 100%;max-width: fit-content;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; margin: 40px 0;} .placement-head-wrapper h3{margin: 0 0 10px !important; font-size: 24px;} .placement-head-wrapper p{margin: 0 0 10px;} .placement-head-wrapper a, .placement-head-wrapper p { display: flex; justify-content: flex-start; align-items: center; gap: 10px; color: #4e4e4e; font-size: 15px !important; margin: 10px 0 !important;} .placement-head-wrapper a{line-height: unset;} .visitor-counter {font-size: 18px;text-align: center; margin-bottom: 20px;} .visitor-counter span { margin-right: 10px;font-weight: 600;color: #fff;font-size: 18px;} .visitor-counter img {vertical-align: middle;} .achieving-remarkable-main-wrapper h2{text-align: center;} .achieving-remarkable-main-wrapper .academic-rankers-card{ margin:25px auto 10px; } .annual-report-wrapper{padding: 25px 0 0;} .annual-report-wrapper h2{text-align: start; margin:0 0 20px;} .annual-report-card-wrapper {display: flex; justify-content: start; align-items: center; gap: 20px; flex-wrap: wrap;} .annual-report-card {display: flex;align-items: center;justify-content: space-between;padding: 18px 22px;border-radius: 12px;background: linear-gradient(135deg, #ffffff, #f5f7fa);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;;transition: all 0.3s ease;position: relative;overflow: hidden;width: 100%;max-width: 400px;border-left: solid 4px var(--dark-blue);} /* .annual-report-card:hover {transform: translateY(-2px)} */ .annual-report-card h3 {font-size: 18px;color: #1a1a1a;margin: 0;} .annual-report-card .download-link {width: 45px;height: 45px;border-radius: 50%;background:var(--yellow);display: flex;align-items: center;justify-content: center;transition: all 0.3s ease; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;} .annual-report-card .download-link img {width: 20px;height: 20px;} .annual-report-card .download-link:hover {transform: rotate(5deg);} .annual-report-card .download-link:hover img {transform: translateY(2px);}