html {
font-size: 16px;
}
body {
font-family: "Montserrat", sans-serif !important;
font-optical-sizing: auto;
font-size: 1.125rem;
color: var(--black);
font-weight: 400;
line-height: 1.5;
}
.row:after,
.row:before {
clear: both;
content: "";
display: table;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Montserrat', sans-serif;
display: block;
margin-bottom: 1rem;
font-weight: 700 !important;
}
h1 {
line-height: 1.2 !important;
}
h2 {
line-height: 1.6 !important;
}
h3 {
line-height: 1.4 !important;
}
h4 {
line-height: 1.5 !important;
}
h5 {
line-height: 1.6 !important;
}
h6 {
line-height: 1.7 !important;
}
:root {
--blue: #1369b2;
--grey: #f8f8f8;
--black: #000000;
--white: #ffffff;
}
.mt-15 {
margin-top: 15px
}
.mt-20 {
margin-top: 20px
}
.mt-25 {
margin-top: 25px
}
.mt-30 {
margin-top: 20px
}
.mt-40 {
margin-top: 40px
}
.mt-50 {
margin-top: 50px
}
.mt-60 {
margin-top: 60px
}
.mt-70 {
margin-top: 70px
}
.mt-80 {
margin-top: 80px
}
p {
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-size: 1rem;
color: #000;
font-weight: 400;
line-height: 1.8;
}
ol{ margin: 0; padding: 0;}
ol li{ font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-size: 1.125rem;
color: #000;
font-weight: 400;
line-height: 1.8; margin-bottom: 1rem;}
/*Menu Start*/
.top-strip-section {
width: 100%;
display: block;
background: #000;
text-align: center;
padding: 0px 10px 0px 10px;
}
.top-strip-section p {
font-size: 18px;
color: #fbdf6e;
text-transform: uppercase;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}
.top-strip-section p a {
color: #fbdf6e;
text-decoration: none;
}
.sticky {
width: 100%;
position: fixed;
top: 0px;
z-index: 9999999999;
background: #fff;
}
.sticky+.content {
padding-top: 50px;
}
nav {
float: right;
color: #000;
display: flex;
flex-direction: row;
justify-content: space-between;
}
nav a {
font-family: "Montserrat", sans-serif;
font-size: 18px;
color: #000 !important;
font-weight: 600;
text-decoration: none;
}
nav a:active,
nav a:visited {
color: #fefefe;
}
nav .nav-logo {
margin: 0 1em;
line-height: 40px;
min-width: 40px;
text-align: center;
}
nav .nav-logo:hover {
cursor: pointer;
background-color: #fefefe;
}
nav .nav-logo:hover a {
color: #1d1428;
}
nav .nav-menu {
display: flex;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
nav .nav-menu>li {
margin: 0 1em;
min-width: 40px;
text-align: center;
line-height: 40px;
list-style: none;
}
nav .nav-menu > li.menu-last{ margin-right: 0 !important}
nav .nav-menu>li:hover {
cursor: pointer;
}
nav .nav-menu>li:hover a {
color: #1d1428;
}
nav .nav-container {
margin-top: 3px;
cursor: pointer;
display: none;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
width: 40px;
}
nav .nav-container .nav-button {
background-color: #fefefe;
border-radius: 1px;
display: block;
height: 3px;
position: absolute;
transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
width: 25px;
}
nav .nav-container .nav-button::before,
nav .nav-container .nav-button::after {
background-color: #fefefe;
content: '';
border-radius: 1px;
display: block;
height: 3px;
position: absolute;
transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
width: 25px;
}
nav .nav-container .nav-button::before {
margin-top: -8px;
}
nav .nav-container .nav-button::after {
margin-top: 8px;
}
nav .nav-tooggle {
display: none;
}
nav .nav-tooggle:checked+.nav-container .nav-button::before {
margin-top: 0;
transform: rotate(405deg);
}
nav .nav-tooggle:checked+.nav-container .nav-button::after {
margin-top: 0;
transform: rotate(-405deg);
}
nav .nav-tooggle:checked+.nav-container .nav-button {
background: rgba(255, 255, 255, 0);
}
.menu-section img {
width: 120px;
margin-right: 20px;
}
.menu-section a:last-child img{ width: 110px;margin-right: 0px;}
.menu-section .col-md-3{ display: flex}
.menu-section {
width: 100%;
display: block;
padding: 25px 0px 25px 0px;
}
.menu-last a:before {
display: none
}
.menu-last a {
color: #fff !important;
background: var(--blue);
display: block;
padding: 2px 20px 2px 20px;
border-radius: 5px;
box-shadow: 0px 4px 4px 0px #00000040;
border: 1px solid var(--blue);
}
.menu-section .button {
display: none;
}
.menu-line a {
display: block;
position: relative;
}
.menu-line a::before {
content: "";
width: 100%;
height: 4px;
position: absolute;
left: 0;
bottom: 0;
background: #fff;
transition: 0.5s transform ease;
transform: scale3d(0, 1, 1);
transform-origin: 0 50%;
}
.menu-line a:hover::before {
transform: scale3d(1, 1, 1);
}
.menu-1 a::before {
background: var(--blue);
transform-origin: 100% 50%;
}
.menu-1 a:hover::before {
transform-origin: 0 50%;
}
#myHeader, .sticky{ box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;}
/*Menu end*/
/*common-sec-start*/
.heading {
text-align: center;
display: block;
font-size: 2.5rem;
margin-bottom: 40px;
font-weight: 800 !important;
color: var(--blue)
}
.about-programme .heading {
margin-bottom: 30px;
}
.about-programme .heading.fac{ margin-bottom: 40px}
.course-offered .heading {
margin-bottom: 33px;
}
.tab-faq-sect .heading {
margin-bottom: 20px;
}
.heading span {
color: var(--black);
}
.custom-faq-question.active {
font-weight: 700;
color: var(--blue) !important;
}
a.common-btn {
padding: 15px 40px;
color: #000;
background: #F0DF0A;;
font-weight: 700;
border-radius: 4px;
font-size: 1.2rem;
display: inline-block;
text-decoration: none;
text-align: center;
line-height: 1.4;
box-shadow: 0px 4px 4px 0px #00000040;
}
.course-offered a.common-btn { background: #F0DF0A; color: #000000; border: 1px solid var(--blue);}
.join-lokneeti a.common-btn{ background:var(--blue); color: #ffffff;border: 1px solid var(--blue);}
/*.join-lokneeti a.common-btn{ background:#F0DF0A; color: #000} */
.join-the-lighta.common-btn{ color: #000000;border: 1px solid var(--blue);}
.course-offered a.common-btn {
margin-left: 0px
}
.course-offered .txt-center{ text-align: center;}
a.common-btn:hover {
background: var(--blue);
color: var(--white)
}
.join-the-light a.common-btn:hover {
outline: 2px solid var(--white)
}
/*common-sec-End*/
.form-border {
border: 2px solid #f7f7f7;
background: #ffffff;
margin-top: 23px;
}
.text-slider {
display: none;
}
/*Lk-banner-start*/
.lk-banner {
padding: 45px 0px 60px;
background: url("images/policy-communication.webp");
background-size: cover;
position: relative;
/*margin-bottom: 84px;*/
}
.lk-banner::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff; /* Adjust the color and opacity as needed */
opacity: 0.9;
z-index: 1; /* Ensures the overlay sits on top */
}
.lk-banner .container{ position: relative; z-index: 2;}
.lk-banner h1 {
color: var(--blue);
font-size: 2.4rem;
position: relative;
display: inline-block;
font-weight: 800 !important;
margin-bottom: 35px;
max-width: 700px;
}
.lk-banner h1 span {
font-size: 22px;
display: block;
padding-top: 12px;
font-weight: 650;
}
.lk-banner h1:before {
position: absolute;
content: "";
width: 100%;
height: 5px;
background: var(--black);
bottom: -20px;
left: 0;
border-radius: 5px;
}
.lk-banner h2 {
font-size: 30px;
font-weight: 500 !important;
color: var(--black);
line-height: 1.5 !important;
}
.lk-banner h3 span {
display: inline-block;
/* background: var(--blue); */
padding: 3px 0px;
border-radius: 5px;
color: #000;
font-weight: 600;
font-size: 30px;
}
.lk-banner h4 {
margin-top: 1rem;
font-size: 1.75rem;
color: var(--white);
border-radius: 8px;
padding: 5px 24px;
background: var(--blue);
line-height: 1.4 !important;
max-width: 720px;
font-weight: 600 !important;
}
/*Lk-banner-End*/
/*three box-time-start*/
.date-time-sec {
width: 100%;
max-width: 700px;
padding: 24px 0px;
background:#F0DF0A;
border-radius: 8px;
margin: 10px 0px 10px 0px;
z-index: 99999999;
/*position: relative;*/
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
border: 1px solid var(--blue);
}
.date-time-sec ul {
display: flex;
margin: 0;
padding: 0;
}
.date-time-sec ul li {
position: relative;
list-style-type: none;
text-align: center;
width: 50%;
}
.date-time-sec ul li::after {
content: "";
height: 100%;
width: 2px;
background: #000;
position: absolute;
right: 0;
top: 0;
}
.date-time-sec ul li img {
max-width: 34px;
width: 100%;
margin-bottom: 0.5rem
}
.date-time-sec ul li p {
color: #000;
padding-bottom: 0;
margin-bottom: 0;
}
.date-time-sec ul li h3 {
color: #000;
margin-bottom: 0;
margin-top: 0;
font-weight: 600 !important;
font-size: 1.2rem
}
.date-time-sec ul li p br {
display: none;
}
.date-time-sec ul li:last-child::after {
display: none
}
.ic-txt{ display: flex;justify-content: center;}
.ic-txt img{ margin-right: 10px}
/*Lk-banner-End*/
/*About sec-start*/
.about-programme {
padding: 64px 0px 80px;
background: var(--grey);
}
.about-programme .video-sect {
text-align: right;
}
.about-programme .video-sect iframe {
width: 90%;
height: 300px;
box-shadow: -18px -18px 1px var(--blue);
margin-top: 28px;
transition: transform 0.5s;
}
.about-programme .video-sect iframe:hover {
/*box-shadow: -21px -21px 1px var(--black);*/
transform: scale(1.01);
}
/*.faculty-card{transition: transform 0.5s;}*/
/*.faculty-card:hover{transform: scale(1.01);}*/
/*About sec-End*/
/*Join Lokneeti-start*/
.mob-view {
display: none;
}
.desk-view {
display: block;
}
.join-lokneeti {
padding: 48px 0px 60px;
background: var(--grey);
text-align: center;
}
.join-lokneeti ul {
background: var(--grey);
color: var(--blue);
flex-wrap: wrap;
display: flex;
column-gap: 2%;
margin: 0;
padding: 0;
justify-content: center;
}
.join-lokneeti ul li img {
width: 100%;
max-width: 58px;
margin-bottom: 20px;
}
.t-slide {
height: 80px;
display: inline-block;
}
.lokneti-box ul li .fa {
font-size: 44px;
margin-bottom: 20px;
color: #000000;
}
.join-lokneeti ul li {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
list-style-type: none;
padding: 30px 20px;
text-align: center;
width: 23%;
margin-bottom: 2%;
border-radius: 8px;
transition: background 0.2s;
}
.join-lokneeti ul li:hover {
background: var(--blue);
color: var(--white);
}
.lokneti-box ul li:hover .fa,
.join-lokneeti ul li:hover p {
color: var(--white)
}
.join-lokneeti ul li h3 {
color: var(--blue);
}
.join-lokneeti ul li p {
color: var(--black);
margin-bottom: 0;
}
/*Join Lokneeti-End*/
/*Important-date sec-Start*/
.important-date-box {
padding: 62px 0 80px;
background: url("images/important-date-bg.jpg");
background-size: cover;
}
.important-date-box .heading span {
color: var(--white);
}
.date-box ul {
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2%;
width: 100%;
}
.date-box ul li {
background: var(--white);
text-align: center;
padding: 20px 15px;
list-style-type: none;
transition: transform 0.5s;
border-radius: 8px;
}
.date-box ul li:hover {
transform: scale(1.04);
}
.date-box ul li p {
margin-bottom: 0px;
font-size: 1.25rem;
font-weight: 500;
}
.date-box ul li p br {
display: none;
}
.date-box ul li h2 {
color: var(--blue);
font-size: 2rem;
margin-bottom: 0;
}
/*Important-date sec-End*/
/*Course Offered Start*/
.course-offered {
padding: 65px 0px 0px;
background: var(--white);
}
/*.course-offered .col-xl-4{ position: relative}
.course-offered .col-xl-4::before{ content: "";
position: absolute;
width: 100%;
background: var(--grey);
top: 0;
bottom: 0;
right: 100%;
z-index: 1;}
.course-offered .col-xl-8{ position: relative}
.course-offered .col-xl-8::before{content: "";
position: absolute;
width: 100%;
background: var(--blue);
left: 100%;
top: 0;
bottom: 0;
z-index: 0;}*/
.course-offered .bg-blue {
background: var(--blue);
border-radius: 8px 0px 0px 8px;
padding-top: 60px
}
.course-offered .row {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
background: var(--grey);
border-radius: 8px;
}
.dot-line {
padding: 0px 50px 110px;
}
.course-offered .col-md-4 {
background: var(--grey);
}
.course-type {
width: 100%;
position: relative;
border-left: 2px solid var(--white);
padding: 0px 20px 55px 40px;
margin: 0px 0px -50px 0px;
}
.course-type::before {
content: " ";
display: block;
width: 20px;
background-color: var(--white);
height: 20px;
border-radius: 50px;
position: absolute;
top: 0px;
left: -11px;
}
.course-type p {
color: var(--white);
margin-bottom: 1.2rem;
}
.course-type h4 {
color: var(--white);
font-size: 20px;
max-width: 94%;
}
.course-type p{ max-width: 94%}
.course-wrap {
margin-top: -10px;
}
.course-type-1 {
padding-bottom: 0;
}
.course-type-1 p {
margin-bottom: 0;
}
/*.course-type-1::after {
content: " ";
display: block;
width: 20px;
background-color: var(--white);
height: 20px;
border-radius: 50px;
position: absolute;
left: -11px;
bottom: 0px;
}*/
.grey-bg{
padding-bottom: 30px;
}
.panel-main {
display: none;
}
.accordion-main.active-main::after {
content: "\2212";
}
.accordion-main::after {
width: 28px;
height: 28px;
float: right;
font-size: 19px;
color: var(--white);
content: '\002B';
font-weight: bold;
text-align: center;
position: absolute;
top: 21px;
transform: translateY(-50%);
right: -8%;
border-radius: 50px;
background: transparent;
margin-left: 5px;
}
.accordion-main {
cursor: pointer !important;
pointer-events: auto;
position: relative;
}
.course-type-1 .course-sec {
padding-bottom: 0;
}
.course-sec {
position: relative;
top: -7px;
padding-bottom: 10px;
}
/*Course Offered End*/
/*Dot border-sec Start*/
.accordion-main {
pointer-events: auto;
}
.course-offered h3{ text-align: center; padding-bottom: 24px;}
.course-offered .bg-blue h3{ color: #ffffff}
.course-offered .grey-bg h3{color: #ffffff; color: var(--black)}
.grey-bg{ padding-top: 60px;}
.course-wrap {
width: 100%;
padding: 0px 40px 20px 40px;
}
.course-offered .col-xl-4 {
background: var(--grey);
border-radius: 8px 0 0 8px;
}
.course-wrap .couse-box {
margin-bottom: 1rem;
padding: 20px 0px;
text-align: center;
}
.course-wrap .couse-box p {
margin-bottom: 0;
font-size: 1.125rem;
font-weight: 500;
}
.course-wrap .couse-box img {
margin-bottom: 10px;
max-width: 150px;
}
.course-wrap .couse-box .fa-lg{ font-size: 40px; margin-bottom: 10px; }
.course-wrap .couse-box .fa-circle {color: var(--blue)}
.course-wrap .couse-box:nth-child(1) {
padding-top: 12px;
}
/*.course-offered a.common-btn {
margin-left: 55px
}*/
/*Dot border-sec End*/
/*Programme Facilitators & Faculty start*/
.facilitators-faculty {
padding-top: 66px;
}
.image-all-together {
position: relative;
}
.image-all-together span {
position: absolute;
background-color: var(--blue);
transition: .3s;
}
.image-all-together .one {
height: 0;
width: 3px;
top: 0;
left: 0;
}
.image-all-together .two {
height: 3px;
width: 0;
bottom: 0;
left: 0;
}
.image-all-together .three {
height: 0;
width: 3px;
bottom: 0;
right: 0
}
.image-all-together .four {
height: 3px;
width: 0;
top: 0;
right: 0;
}
.image-all-together:hover .one,
.image-all-together:hover .three {
height: 100%;
}
.image-all-together:hover .two,
.image-all-together:hover .four {
width: 100%;
}
.image-all-together:hover img {
transition-duration: .3s;
transition-delay: .3s;
/* opacity: .5;*/
}
.two-column {
display: flex;
flex-wrap: wrap;
border-radius: 8px;
background: var(--grey);
margin-bottom: 2.4rem;
justify-content: space-between;
}
.two-column {
width: 100%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
transition: transform 0.5s;
}
.two-column:hover {
transform: scale(1.02);
}
.faculty ul li {
transition: transform 0.5s;
}
.faculty ul li:hover {
transform: scale(1.02);
}
.two-cum-wrap .img_left {
width: 20%;
}
.two-cum-wrap .img_left img {
width: 100%;
border-radius: 8px 0 0 8px;
height: 100%;
object-fit: cover;
}
.two-cum-wrap .content-sec {
width: 80%;
padding: 30px 40px;
}
.two-cum-wrap .content-sec h4 {
color: var(--blue);
margin-bottom: 0;
font-weight: 600 !important;
}
.two-cum-wrap .content-sec p.designation {
font-size: 24px;
font-weight: 600 !important;
font-size: 1.2rem;
}
.two-cum-wrap .content-sec p {
font-weight: 500;
}
/*Programme Facilitators & Faculty End*/
/*Faculty start strat*/
.faculty {
margin-top: 2rem !important;
}
.faculty ul {
margin: 0;
padding: 0;
display: flex;
column-gap: 2%;
justify-content: space-between
}
.faculty ul li {
list-style-type: none;
width: calc(25% - 2%);
}
.faculty ul li .text {
background: var(--blue);
padding: 20px 20px;
text-align: center;
border-radius: 0 0 8px 8px;
}
.faculty ul li img {
width: 100%;
border-radius: 8px 8px 0px 0px;
}
.faculty ul li h5 {
color: var(--white);
font-weight: 600 !important;
margin-bottom: 0;
}
.faculty ul li p {
font-size: 14px;
color: var(--white);
height: 46px;
margin-bottom: 0;
}
/*Faculty start End*/
.alumni {
padding: 67px 0px 74px;
margin: 80px 0 0px 0px
}
.alumni {
background: url("images/alumni-bg.jpg");
background-size: cover;
}
.alumni .heading span {
color: var(--white);
}
.alumni .heading {
margin-bottom: 42px;
}
.video-box-lft {
padding: 0rem 1rem 2rem 4rem;
}
.video-box-lft iframe {
width: 100%;
height: 350px;
margin-bottom: 1rem;
transition: transform 0.5s;
}
.video-box-lft iframe:hover {
transform: scale(1.01);
}
.video-box-lft p {
color: #ffffff;
font-weight: 600;
}
.video-box-ryt {
padding: 0rem 4rem 0rem 1rem;
}
.video-box-ryt iframe {
transition: transform 0.5s;
}
.video-box-ryt iframe:hover {
transform: scale(1.01);
}
.video-box-ryt iframe:nth-child(2) {
margin-bottom: 0
}
.video-box-ryt iframe {
width: 100%;
height: 250px;
margin-bottom: 2rem;
}
/*Faq sec start*/
.tab-faq-sect {
padding: 15px 0px 65px;
}
.tab-faq-sect .container {
display: flex;
justify-content: space-between;
}
.tab-faq-sect .tabs {
width: 25%;
}
.tab-faq-sect .tabs a {
display: block;
padding: 15px 0;
color: var(--black);
text-decoration: none;
font-size: 1.25rem;
font-weight: 500;
}
.tab-faq-sect .tabs a.active {
font-weight: 700;
color: var(--blue);
}
.tab-faq-sect .content {
width: 72%;
margin-top: 20px;
}
.tab-faq-sect .custom-faq-section {
width: 100%;
}
.tab-faq-sect .custom-faq {
margin-bottom: 1rem;
padding: 20px 40px 2px;
background: var(--grey);
}
.tab-faq-sect .custom-faq-question {
font-size: 18px;
font-weight: 600;
color: #000000;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 4px;
/* background-color: var(--white); */
padding: 0px 0px 20px;
flex-direction: row-reverse;
}
.tab-faq-sect .custom-faq-answer {
border-radius: 0 0 4px 4px;
display: none;
/* background: var(--white); */
border-top: 1px solid var(--black);
padding: 20px 0px 5px;
}
/*.tab-faq-sect .custom-faq-answer p {
margin: 0;
}*/
/*Faq sec End*/
/*Join the light Start*/
.join-the-light {
padding: 50px 0px 50px;
background: var(--blue);
text-align: center;
}
.join-the-light h2 {
color: var(--white);
line-height: 1.7 !important;
font-size: 1.6rem;
max-width: 900px;
font-weight: 800 !important;
margin: auto;
}
/* Base icon state */
.custom-faq-question::before {
content: '\002B';
margin-right: 10px;
font-weight: bold;
transition: content 0.3s ease;
}
/* Active icon state */
.custom-faq-question.active::before {
content: "\2212";
}
/*Join the light End*/
.angle{ margin: 0; padding: 10px 0 0 0;}
.angle li{ position: relative;
list-style-type: none;
padding-left: 34px;
font-size: 1.35rem;
font-family: "Montserrat", sans-serif;
margin-bottom: 10px;
}
.angle li:before{ position: absolute;
content: "";
font-size: 20px;
top: 1px;
color: var(--blue);
font-family: "FontAwesome";
left: 0;}
.angle li:nth-child(1):before{ position: absolute;
content: "\f0a4 ";
}
.angle li:nth-child(2):before{content: "\f0a4";}
.angle li:nth-child(3):before{content: "\f0a4";}
.angle li:nth-child(4):before{content: "\f0a4";}
.angle li:nth-child(5):before{content: "\f0a4";}
.big-font{ font-size: 1.2rem}
.exclusively-tailored{
padding: 50px 0px 60px;
background: var(--grey);
margin-top: 75px;
}
.exclusively-tailored .five-point ul{
width: 100%;
display: flex;
row-gap: 20px;
column-gap: 25px;
padding: 0;
}
.exclusively-tailored .five-point ul li{ width: calc(25% - 20px); text-align: center; list-style-type: none; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 30px 15px;border-radius: 8px;
transition: background 0.2s;}
.exclusively-tailored .five-point ul li img{ padding: 10px;
width: 100%;
margin-bottom: 15px;
border: 2px dotted var(--blue);
border-radius: 100%; max-width: 84px; transition: border 0.5s;}
.exclusively-tailored .five-point ul li h4{
color: #000000; font-weight: 400 !important; font-size: 18px; margin-bottom: 0;
}
.exclusively-tailored .five-point ul li img:hover{ border: 2px solid var(--blue);}
.exclusively-tailored .five-point ul li .fa{border: 2px dotted #000;
border-radius: 100%; transition: border 0.5s; font-size: 44px; color: #000000; padding: 15px; width: 80px; height: 80px; display: flex;
justify-content: center;
align-items: center;
margin-left: auto; margin-right: auto; margin-bottom: 20px;
}
.exclusively-tailored .five-point ul li .fa:hover{ color:#ffffff; border: 2px solid var(--blue); background: var(--blue);}
.exclusively-tailored .five-point ul li:hover{ background: var(--blue);}
.exclusively-tailored .five-point ul li:hover h4{ color: #ffffff;}
.exclusively-tailored .five-point ul li .fa {
font-size: 36px;
cursor: pointer;
margin: 15px;
border-radius: 50%;
position: relative;
background-color: rgba(255, 255, 255, 0.1);
transition: 300ms;
color:var(--blue);
margin-left: auto;
margin-right: auto;
}
.exclusively-tailored .five-point ul li .fa:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
box-sizing: content-box;
box-shadow: 0 0 0 3px #fff;
top: 0;
left: 0;
opacity: 0;
transition: 300ms;
}
.circle-hover ul li .fa{
border: 2px dotted #000;
border-radius: 100%;
transition: border 0.5s;
font-size: 44px;
color: #000000;
padding: 15px;
width: 80px;
height: 80px;
display: flex;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
.exclusively-tailored .five-point ul li:hover .fa {
background-color: #fff;
color: var(--blue);
border: 2px solid #ffffff;
}
.exclusively-tailored .five-point ul li:hover .fa:after {
opacity: 1;
transform: scale(1.12);
}
.circle-hover ul li .fa:hover{
color:#ffffff;
border: 2px solid var(--blue);
background: var(--blue);
}
.circle-hover ul li:hover{
background: var(--blue);
}
.lokneti-box ul li:hover h4{
color: #ffffff;
}
.circle-hover ul li:hover .fa {
background-color: #fff;
color: var(--blue);
border: 2px solid #ffffff;
}
.circle-hover ul li:hover .fa:after {
opacity: 1;
transform: scale(1.12);
}
.circle-hover ul li .fa {
font-size: 36px;
cursor: pointer;
margin: 15px;
border-radius: 50%;
position: relative;
background-color: rgba(255, 255, 255, 0.1);
transition: 300ms;
color:var(--blue);
margin-left: auto;
margin-right: auto;
}
.circle-hover ul li .fa:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
box-sizing: content-box;
box-shadow: 0 0 0 3px #fff;
top: 0;
left: 0;
opacity: 0;
transition: 300ms;
}
.faculty-top {
width: 100%;
display: flex;
max-width: 700px;
border-radius: 5px;
box-sizing: border-box;
align-items: center;
margin-top: 20px;
}
.img-pic{ max-width: 80px;margin-right: 15px;}
.img-pic img{ border-radius: 100%; width: 100%;background: var(--blue);}
.f-detail{}
.mne{ color: var(--blue);
margin-bottom: 0;
font-weight: 600 !important; font-size: 1.2rem}
.dsg{ font-size: 15px; margin-bottom: 0; font-weight: 500}
.faculty-card{
border-radius: 10px;
color: var(--blue);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;padding: 30px 30px 20px; margin-left: 30px; background: #F0DF0A;
border: 1px solid var(--blue);
}
.img-box-card { text-align: center; float: left; margin-right: 20px}
.img-box-card img{ max-width: 150px; border-radius: 10px; }
.detail-card{ margin-top: 0px; text-align: left;}
.detail-card h4{ color:var(--blue);
margin-bottom: 0;
font-weight: 600 !important; font-size: 1.4rem}
.detail-card p.designation{ font-weight: 600 !important;
font-size: 1rem; color: #000; margin-top: 2px; margin-bottom: 0;}
.detail-card p{ margin-bottom: 0;}
.faculty-card{ background: #F0DF0A !important; }
.faculty-card .detail-card h4, .faculty-card .detail-card p.designation, .faculty-card .detail-card p{ color: #000 !important;}
.faculty-card .image-all-together span{ background-color: #ffffff !important}
.form-border .zf-tempHeadContBdr {
background: var(--blue);}
.form-border .zf-tempHeadContBdr .zf-frmTitle{color: #fff !important; font-weight: 600 !important;}
/* Hover and active effect */
.hover-active {
background: var(--blue);
}
.hover-active h4, .hover-active p {
color: #ffffff !important;
}
.join-lokneeti ul li.hover-active .fa {
background-color: #fff;
color: var(--blue);
border: 2px solid #ffffff;
}
.join-lokneeti ul li.hover-active:hover .fa {
background-color: #fff;
color: var(--blue);
border: 2px solid #ffffff;
}
/*.join-lokneeti ul li.hover-active .fa {
font-size: 36px;
cursor: pointer;
margin: 15px;
border-radius: 50%;
position: relative;
background-color: rgba(255, 255, 255, 0.1);
transition: 300ms;
color: var(--blue);
margin-left: auto;
margin-right: auto;
}*/
.join-lokneeti ul li.hover-active .fa:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
box-sizing: content-box;
box-shadow: 0 0 0 3px #fff;
top: 0;
left: 0;
opacity: 0;
transition: 300ms;
}
.circle-hover ul li.hover-active .fa:after {
opacity: 1 !important;
transform: scale(1.12) !important;
}
.circle-hover ul li.hover-active .fa:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
box-sizing: content-box;
box-shadow: 0 0 0 3px #fff;
top: 0;
left: 0;
opacity: 0;
transition: 300ms;
}
.course-sec ul {
padding: 0px 0px 0px 13px;
margin: 0px 0px 0px 0px;
}
.course-sec ul li {
color: #fff;
margin-bottom: 10px;
}
/*form css start*/
.form-design {
background-color: white;
border-radius: 8px;
text-align: center;
width: 100%;
}
.form-design form{ box-shadow: 0 0px 3px #E1E1E1; border-radius: 2px;}
.form-wrap{padding: 10px 25px 25px;}
.form-design h2 {
background-color: var(--blue);
color: #fff;
padding: 12px 25px;
font-size: 17px !important;
font-weight: 600 !important;
margin-bottom: 0;
}
#err{ display: block;
height: 20px;
top: 8px;
font-weight: bold;
text-align: left;
padding-left: 25px;
align-content: revert-layer;
position: relative;
}
.form-design label {
display: block;
margin: 0px 0 0px;
text-align: left;
font-weight: bold;
font-size: 13px;
color: #444;
padding-bottom: 8px;
}
.form-design input {
width: 100%;
padding: 8px;
margin-bottom: 15px;
border: 1px solid #e5e5e5;
font-size: 13px;
height: 32px;
}
.form-design input:focus {
border-color: #0078d7;
outline: none;
}
.form-design button {
font-size: 16px;
font-weight: 600;
padding: 5px 15px;
border-radius: 3px;
color: #F0DF0A ;
border:none;
background: var(--blue);
}
.form-design button:hover {
color: #ffffff;;
}
.form-design span {
color: #ff0000 !important;
font-weight: normal;
margin-left: 0px;
padding: 0;
font-size: 13px !important;;
}
/*form css start*/
.img-pic img { width: 80px;}
.faculty-top-wrapper{ display: flex;}
.faculty-top{
width: 46%;
}
.faculty-top:last-child{
width: 54%;
}
.dsg{ font-size: 14px;}
.about-programme .faculty-top{ width: auto}
.about-programme .img-box-card{ float: none}
.about-programme .faculty-card-wrap {
width: 50%;
border-radius: 5px;
}
.about-programme .img-box-card img{ max-width: inherit;
width: 100%; border-radius: 5px 5px 0px 0px;}
.about-programme .faculty-card-top {display: flex;column-gap: 20px; justify-content: center; max-width: 460px; margin: auto}
.about-programme .faculty-card-wrap{background: var(--blue); }
.about-programme .img-box-card{ margin-right: 0;}
.about-programme .detail-card {
margin-top: 0px;
text-align: center;
padding: 10px 10px;
}
.about-programme .detail-card h4{ color: #ffffff;}
.about-programme .detail-card p.designation{ color: #ffffff; font-size: 14px;}
.about-programme .detail-card h4{font-size: 1.2rem}
.about-programme .faculty-card-wrap {
transition: transform 0.5s;
}
.about-programme .faculty-card-wrap:hover {
transform: scale(1.02);
}
.about-programme ul li{
font-family: "Montserrat", sans-serif;
font-optical-sizing: auto;
font-size: 1.125rem;
color: #000;
font-weight: 400;
line-height: 1.8;
margin-bottom: 5px;
text-align: left;
}
.exclusively-tailored .five-point ul{
flex-wrap: wrap;
justify-content: center;
}
.lk-banner h2{
font-size: 22px;
margin-top: 10px;
}
.hero-badge {
display: inline-flex;
align-items: center;
gap: 7px;
border-radius: 20px;
padding: 5px 14px;
/* margin-bottom: 20px; */
/* display: none; */
}
.hero-badge span {
font-size: 10.5px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #000;
}
.info-strip {
display: flex;
gap: 25px;
overflow: hidden;
margin: 15px 45px 25px 0;
}
.info-block {
padding: 14px 20px;
background: #3169b2;
width: 32%;
border-radius: 10px;
color: #fff;
}
.info-block:nth-child(2){
width: 40%;
}
.ib-label {
font-size: 9.5px;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #fff;
margin-bottom: 4px;
}
.ib-val{
font-weight: 800;
font-size: 19px;
}
.ib-val em{
color: #F0DF0A;
font-size: 13px;
font-weight: 500;
display: none;
}
.ib-val span{
font-size: 12px;
font-weight: 500;
}
.sched-label {
font-weight: 700;
text-transform: uppercase;
}
.sched-grid{
display: flex;
gap: 25px;
margin: 20px 0 10px;
}
.sched-grid-inner {
display: flex;
gap: 10px;
background: #faf5b0;
box-shadow: rgba(0, 0, 0, 0.4) 0 0 8px;
border-radius: 6px;
width: 44%;
}
.srow {
display: flex;
align-items: flex-start;
gap: 9px;
padding: 15px 13px 10px;
}
.sdot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #000;
flex-shrink: 0;
margin-top: 6px;
}
.srow p{
font-size: 13.5px;
font-weight: 500;
line-height: 1.5;
margin-bottom: 0;
}
.srow p strong {
display: block;
font-size: 12px;
}
.sched-grid-inner .srow:first-child{
position: relative;
}
.sched-grid-inner .srow:first-child::after{
position: absolute;
content: '';
width: 1.5px;
height: 32px;
background: #000;
top: 17px;
right: -7px;
}
.about-programme1 .five-point ul li{
width: calc(50% - 20px);
text-align: left;
padding: 30px 28px;
}
.about-programme1 .five-point li ul{
flex-direction: column;
margin-top: 10px;
padding: 0;
gap: 10px;
}
.about-programme1 .five-point li p{
font-size: 15px;
line-height: 1.5;
}
.about-programme1 .five-point li ul li{
box-shadow: none;
padding: 0;
width: 100%;
text-align: left;
position: relative;
padding-left: 20px;
font-size: 15px;
}
.about-programme1 .five-point li ul li::before{
position: absolute;
content: "";
width: 6px;
height: 6px;
background: #000;
left: 0;
border-radius: 100%;
top: 10px;
}
.about-programme1 .five-point ul li h4{
margin-bottom: 15px;
font-weight: 700 !important;
}
.exclusively-tailored .five-point ul li:hover p, .exclusively-tailored .five-point ul li:hover ul li{
color: #fff;
}
.exclusively-tailored .five-point ul li:hover ul li::before{
background: #fff;
}
.about-programme1 .five-point li ul li:hover{
background: none;
}
.faculty-section{
padding: 0 0px 80px;
}
.faculty-section h2.heading{
margin-bottom: 30px;
}
.faculty-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.fcard {
padding: 35px 25px 12px;
border: #e0e0dc solid 1px;
background: #fff;
border-radius: 16px;
box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
transition: background 0.2s;
}
.fcard .fmain{
display: flex;
gap: 25px;
align-items: flex-start;
margin-bottom: 20px;
}
.fav{
width: 90px;
height: 90px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
color: #fff;
flex-shrink: 0;
}
.fav img{
width: 100%;
border-radius: 10px;
}
.fb h3 {
font-size: 18px;
}
.frole {
font-size: 13px;
color: var(--blue);
font-weight: 700;
letter-spacing: .6px;
margin-bottom: 12px;
}
.fcard ul{
padding-left: 20px;
}
.fcard ul li{
margin-bottom: 7px;
}
.fcard ul li:last-child{
margin-bottom: 0;
}
.fcard:hover{
background: #3169b2;
box-shadow: rgba(0, 0, 0, 0.60) 0 0 8px;
border: #3169b2 solid 1px;
}
.fcard:hover .fav{
border: #fff solid 2px;
}
.fcard:hover .fb h3, .fcard:hover .frole, .fcard:hover ul li{
color: #fff;
}
.certification{
padding: 40px 0 60px;
}
.cert-wrap {
background: linear-gradient(140deg, #0a3060 0%, #1369b2 40%, #5ab0f0 100%);
border-radius: 18px;
padding: 40px 44px;
display: grid;
grid-template-columns: 1fr 220px;
gap: 40px;
align-items: center;
box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}
.cert-c .cey {
display: inline-block;
background: rgba(240, 223, 10, .14);
border: 1px solid rgba(240, 223, 10, .3);
color: #F0DF0A;
font-size: 10px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
padding: 3px 11px;
border-radius: 4px;
margin-bottom: 12px;
}
.cert-vis img{
width: 100%;
background: #fff;
}
.cert-c h3 {
font-size: 21px;
font-weight: 700;
color: #fff;
margin-bottom: 16px;
line-height: 1.3;
}
.cert-list {
display: flex;
flex-direction: column;
gap: 9px;
}
.cert-li {
display: flex;
align-items: flex-start;
gap: 9px;
font-size: 13px;
color: #fff;
line-height: 1.5;
font-size: 16px;
}
.cert-ck {
width: 17px;
height: 17px;
border-radius: 50%;
background: #F0DF0A;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 8px;
font-weight: 900;
color: #1a1a1a;
margin-top: 5px;
}
.mne a{
color: var(--blue);
text-decoration: none;
}
.trio-badge {
display: inline-block;
background: #f8f8f8;
border: 0.5px solid #d0d0d0;
border-radius: 999px;
font-size: 11px;
color: #000;
padding: 4px 12px;
margin-bottom: 15px;
}
.faculty-card {
background: #1369b2 !important;
}
.faculty-card .detail-card h4, .faculty-card .detail-card p.designation, .faculty-card .detail-card p {
color: #fff !important;
}
.course-wrap {
padding: 0px 10px 20px 10px;
}
.course-wrap .couse-box p {
font-size: 16px;
line-height: 28px;
text-align: left;
margin-bottom: 10px;
}
.date-time-sec ul li span {
font-size: 11px;
}
.course-type:nth-child(4) {
padding-bottom: 0px;
}
.course-sec ul {
padding: 0px 0px 0px 25px;
margin: 0px 0px 0px 0px;
}
.course-sec ul li {
color: #fff;
margin-bottom: 10px;
}
/* =====================
CTA BANNER
===================== */
.cta-banner {
background-color: #1369b2;
padding: 60px 0;
text-align: center;
color: #fff;
}
.cta-banner .cta-banner-inner h2 {
color: #fff;
margin-bottom: 12px;
}
.cta-banner .cta-banner-inner p {
font-size: 1rem;
color: #fff;
margin-bottom: 40px;
}
.cta-banner .cta-banner-inner p span{
background: #000;
padding: 2px 5px;
border-radius: 3px;
}
.cta-banner .cta-deadlines {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 0;
margin-bottom: 30px;
flex-wrap: wrap;
padding-bottom: 10px;
}
.cta-banner .cta-deadlines .cta-deadline {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
padding: 0 40px;
position: relative;
}
.cta-banner .cta-deadlines .cta-deadline::after{
content: '';
width: 1px;
height: 50px;
position: absolute;
right: -1px;
background-color: #fff;
top: 2px;
}
.cta-banner .cta-deadlines .cta-deadline:last-child::after {
display: none;
}
.cta-banner .cta-deadlines .cta-deadline .label {
font-size: 0.72rem;
color: #fff;
text-transform: uppercase;
letter-spacing: 0.1em;
font-weight: 500;
}
.cta-banner .cta-deadlines .cta-deadline .date {
font-size: 1.3rem;
font-weight: 700;
color: #fff;
letter-spacing: 0.05em;
}
.cta-banner .cta-deadlines .cta-deadline .tag {
font-size: 0.75rem;
background: #000;
color: #fff;
padding: 3px 10px;
border-radius: 4px;
font-weight: 600;
}
.cta-banner .common-btn {
background: #000;
color: #fff;
}
.cta-banner .common-btn:hover{
background: #fff;
color: #000;
}
/* =====================
ABOUT
===================== */
.section.organisations{
background: var(--grey);
padding: 60px 0 80px;
}
.section.organisations .about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 60px;
margin-top: 52px;
align-items: start;
}
.section.organisations .about-grid .about-card {
border-left:4px solid #1369b2;
padding-left: 28px;
}
.section.organisations .about-grid .about-card .about-logo {
margin-bottom: 16px;
}
.section.organisations .about-grid .about-card .about-logo img {
height: 36px;
object-fit: contain;
}
.section.organisations .about-grid .about-card .about-card-name {
font-size: 20px;
font-weight: 700;
color: var(--blue);
margin-bottom: 14px;
}
.section.organisations .about-grid .about-card .about-text{
margin-bottom: 0;
}
.info-strip .hero-badge {
background: #000;
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 2px 7px;
margin-left: 6px;
vertical-align: middle;
}
/* HERO META */
.hero-meta {
display: flex;
flex-direction: column;
gap: 0;
margin-top: 24px;
}
.hero-meta .hero-meta-item {
display: flex;
align-items: center;
gap: 14px;
padding: 13px 0;
border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
}
.hero-meta .hero-meta-item:last-child {
border-bottom: none;
}
.hero-meta .hero-meta-item .hero-meta-icon {
width: 38px;
height: 38px;
background: #3169b2;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.hero-meta .hero-meta-item .hero-meta-icon i {
color: #fff;
font-size: 16px;
}
.hero-meta .hero-meta-item .hero-meta-lbl {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.09em;
color: #5a6b82;
margin-bottom: 2px;
}
.hero-meta .hero-meta-item .hero-meta-val {
font-size: 16px;
font-weight: 700;
color: #000;
}
.urban-cards-section{
padding:50px 0;
}
.urban-cards-wrapper{
width:100%;
}
.urban-cards-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
}
.urban-card-item{
background:#ffffff;
border:1px solid #dde4ee;
border-radius:12px;
overflow:hidden;
box-shadow: rgba(0, 0, 0, 0.15) 0 0 8px;
}
.urban-card-header{
background: #1369b2;
padding:14px 16px;
display:flex;
align-items:center;
gap:12px;
}
.urban-card-icon{
background: #fff;
font-weight: 700;
padding: 10px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
}
.urban-card-icon img{
max-width: 85px;
}
.urban-card-info h3{
font-size:15px;
line-height:1.4;
font-weight:700;
color:#ffffff;
margin-bottom:3px;
}
.urban-card-info p{
font-size:12px;
color:#d9e7f5;
line-height:1.5;
margin-bottom: 0;
}
.urban-card-body{
padding:18px;
}
.urban-card-tagline{
border-left:3px solid #f0a500;
padding-left:12px;
font-size:14px;
line-height:1.6;
font-weight:600;
color:#1d1d1d;
margin-bottom:14px;
}
.urban-card-description{
font-size: 16px;
font-weight: 400;
line-height: 1.8;
}
.urban-card-extra{
display:none;
font-size:13px;
line-height:1.8;
color:#555555;
margin-bottom:14px;
}
.urban-card-extra.active{
display:block;
}
.urban-card-btn{
background:#ffffff;
border:1px solid #c6cfda;
border-radius:8px;
padding:8px 16px;
display:inline-flex;
align-items:center;
gap:8px;
cursor:pointer;
transition:0.3s ease;
}
.urban-card-btn:hover{
background:#f3f6fa;
}
.urban-card-btn-text{
font-size:13px;
color:#222222;
}
.urban-card-arrow{
font-size:14px;
transition:0.3s ease;
}
.urban-card-btn.active .urban-card-arrow{
transform:rotate(180deg);
}
section.workshop-structure{
padding: 60px 0;
}
section.workshop-structure h2{
margin-bottom: 10px;
}
/* Heading */
.workshop-phases-heading{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
}
.workshop-phases-label{
font-size: 10px;
font-weight: 700;
letter-spacing: 1.6px;
text-transform: uppercase;
color: var(--blue);
white-space: nowrap;
}
.workshop-phases-line{
flex: 1;
height: 1px;
background: var(--rule);
}
/* Grid */
.workshop-phases-grid{
display: grid;
grid-template-columns: 1fr 80px 1fr;
align-items: stretch;
gap: 0;
margin-top: 16px
}
/* Card */
.workshop-phase-card{
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 4px 20px rgba(26,79,160,0.10);
border: 1.5px solid #D8E4F4;
}
/* Header */
.workshop-phase-card-header{
padding: 20px 25px 0;
color: #fff;
position: relative;
overflow: hidden;
}
.workshop-phase-card-header::after{
content: '';
position: absolute;
bottom: -30px;
right: -30px;
width: 100px;
height: 100px;
border-radius: 50%;
background: rgba(255,255,255,0.07);
}
.workshop-phase-card-header{
background: linear-gradient(140deg, #0D3478, #1E82E6);
}
/* Badge */
.workshop-phase-badge{
display: inline-block;
background: rgba(255,255,255,0.2);
border-radius: 100px;
padding: 3px 12px;
font-size: 9px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
}
/* Title */
.workshop-phase-card-header h3{
font-size: 18px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 10px;
color: #fff;
}
/* Days */
.workshop-phase-card-header p{
display: flex;
align-items: center;
gap: 6px;
font-size: 12.5px;
font-weight: 600;
color: rgba(255,255,255,0.85);
}
.workshop-phase-card-header p svg{
flex-shrink: 0;
}
/* List */
.workshop-phase-list{
list-style: none;
background: var(--white);
/* border: 1.5px solid #D8E4F4; */
border-top: none;
border-radius: 0 0 16px 16px;
padding: 22px 25px 5px;
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
-webkit-border-radius: 0 0 16px 16px;
-moz-border-radius: 0 0 16px 16px;
-ms-border-radius: 0 0 16px 16px;
-o-border-radius: 0 0 16px 16px;
}
.workshop-phase-list li{
position: relative;
padding-left: 18px;
}
.workshop-phase-list li::before{
content: '';
position: absolute;
top: 8px;
left: 0;
width: 9px;
height: 9px;
border-radius: 50%;
}
.workshop-phase-card-primary .workshop-phase-list li::before{
background: var(--blue);
}
/* Connector */
.workshop-phase-connector{
display: flex;
flex-direction: column;
align-items: center;
/* padding-top: 50px; */
}
.connector-line{
width: 2px;
flex: 1;
background: #D8E4F4;
}
.connector-badge{
background: #FEF7E6;
border: 2px solid #C9860A;
border-radius: 12px;
padding: 8px 10px;
text-align: center;
display: none;
}
.connector-badge span{
display: block;
font-size: 20px;
font-weight: 700;
line-height: 1;
color: #C9860A;
}
.connector-badge small{
display: block;
margin-top: 3px;
font-size: 8.5px;
font-weight: 700;
letter-spacing: 0.7px;
text-transform: uppercase;
color: #9A6300;
}
.gap-callout {
display: none;
align-items: flex-start;
gap: 16px;
background: #FEF7E6;
border: 1.5px dashed #E09B0A;
border-radius: 16px;
padding: 18px 22px;
margin: 40px 0 50px;
}
.gap-callout > div:first-child {
width: 44px;
height: 44px;
background: #C9860A;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
flex-shrink: 0;
}
.gap-callout > div:last-child strong{
font-size: 14px;
font-weight: 700;
color: #6B4500;
display: block;
margin-bottom: 5px;
}
.gap-callout > div:last-child p{
font-size: 14.5px;
color: #8A6000;
line-height: 1.65;
margin-bottom: 0;
}
.sec-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 24px;
}
.sec-row span {
font-size: 14px;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: var(--blue);
white-space: nowrap;
}
.sec-row div {
flex: 1;
height: 1px;
background:#D8E4F4;
}
/* ── TIMELINE BAR ── */
.tl-wrap {
background: #EAF1FB;
border-radius: 16px;
padding: 22px 24px 20px;
margin: 18px 0 50px;
display: none;
}
.tl-wrap > p {
font-size: 10px;
font-weight: 700;
letter-spacing: 1.2px;
text-transform: uppercase;
color: var(--blue);
margin-bottom: 14px;
}
.tl-wrap > div:first-of-type {
display: flex;
height: 46px;
border-radius: 10px;
overflow: hidden;
gap: 3px;
}
.tl-wrap > div:first-of-type > div {
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-weight: 700;
color: #fff;
flex: 3;
}
.tl-wrap > div:first-of-type > div:nth-child(1) {
background: linear-gradient(90deg, #0D3478, #1E82E6);
border-radius: 10px 0 0 10px;
}
.tl-wrap > div:first-of-type > div:nth-child(2) {
flex: 2;
background: repeating-linear-gradient(
45deg,
#F0C140,
#F0C140 5px,
#FDF6E3 5px,
#FDF6E3 10px
);
color: #7A5800;
font-size: 15px;
}
.tl-wrap > div:first-of-type > div:nth-child(3) {
background: linear-gradient(90deg, #1E82E6, #0D3478);
border-radius: 0 10px 10px 0;
}
/* label row under timeline */
.tl-wrap > div:last-child {
display: flex;
margin-top: 8px;
font-size: 13px;
color: var(--muted);
}
.tl-wrap > div:last-child > span:nth-child(1),
.tl-wrap > div:last-child > span:nth-child(3) {
flex: 3;
text-align: center;
font-weight: 500;
}
.tl-wrap > div:last-child > span:nth-child(2) {
flex: 2;
text-align: center;
color: #C9860A;
font-weight: 600;
}
/* ── COVERS SECTION ── */
.covers-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
/* margin-bottom: 14px; */
}
.covers-grid > div {
background: #EAF1FB;
border: 1.5px solid #C8D9F5;
border-radius: 14px;
padding: 16px 18px;
display: flex;
align-items: flex-start;
gap: 13px;
transition: box-shadow 0.2s, transform 0.2s;
}
.covers-grid > div:hover {
box-shadow: 0 6px 20px rgba(26,79,160,0.13);
transform: translateY(-2px);
}
/* icon box */
.covers-grid > div > div:first-child {
width: 36px; height: 36px;
border-radius: 10px;
background: var(--blue);
display: flex; align-items: center; justify-content: center;
flex-shrink: 0;
font-size: 17px;
color: #fff;
}
/* text block */
.covers-grid > div > div:last-child strong {
display: block;
font-size: 16px;
font-weight: 700;
color: var(--blue);
margin-bottom: 3px;
line-height: 1.3;
}
.covers-grid > div > div:last-child span {
font-size: 14px;
color: #000;
line-height: 1.5;
}
@media only screen and (max-width: 1400px) {
nav a{ font-size: 16px;}
.lk-banner h1{font-size: 2.4rem;}
.lk-banner h1:before{width: 90%;}
.lk-banner h2{font-size: 19px;}
.ib-val{
font-size: 17px;
}
.srow p{
font-size: 12.5px;
}
.srow{
padding: 15px 6px 10px;
}
.sched-grid-inner .srow:first-child::after{
right: -8px;
}
}
@media screen and (max-width: 1399px) {
.menu-section .col-md-3 {
width: 20%;
}
.menu-section .col-md-9 {
width: 80%;
}
nav .nav-menu>li {
margin: 0px 13px 0px 13px;
}
.lokneti-box h4 {
font-size: 1.2rem
}
.two-cum-wrap .content-sec {
width: 75%;
}
.two-cum-wrap .img_left {
width: 25%;
}
.faculty ul li p {
height: 75px;
}
.alumni {
padding: 67px 0px 52px;
}
}
@media screen and (max-width: 1199px) {
.menu-section .col-md-3 {
width: 15%;
}
.menu-section .col-md-9 {
width: 85%;
}
nav .nav-menu>li {
margin: 0px 9px 0px 9px;
}
.menu-last a {
padding: 2px 15px 2px 15px;
}
nav .nav-menu {
padding: 15px 0px 0px 0px;
}
.menu-section img {
width: 130px;
}
.lokneeti-slider .slick-slide {
margin: 10px 20px 20px 20px;
}
.faculty-slider .slick-slide {
margin-left: 15px;
margin-right: 15px;
}
/* the parent */
.faculty-slider .slick-list {
margin-left: -15px;
margin-right: -15px;
pointer-events: none;
}
.faculty ul {
max-width: 90%;
width: 100%;
margin: 0 auto;
}
.faculty-slider .slick-prev,
.faculty-slider .slick-next {
height: 35px;
width: 35px;
}
.faculty-slider .slick-prev::before,
.faculty-slider .slick-next::before {
color: #000000;
font-size: 36px;
font-family: fontawesome;
}
.faculty-slider .slick-prev {
left: calc(50% + -48px);
}
.faculty-slider .slick-next {
right: calc(50% - 48px) !important;
}
.faculty-slider .slick-prev,
.faculty-slider .slick-next {
width: 38px;
height: 50px;
top: calc(100% + 30px);
}
.join-lokneeti .heading {
margin-bottom: 30px
}
.join-lokneeti a.common-btn {
margin-top: 40px;
}
.join-lokneeti ul li img {
display: inline-block;
}
.join-lokneeti ul li p {
height: 98px;
}
.lokneeti-slider .slick-prev::before,
.lokneeti-slider .slick-next::before {
color: #000000c2;
font-size: 36px;
font-family: fontawesome;
}
.txt-center {
text-align: center;
}
.lokneeti-slider .slick-prev,
.lokneeti-slider .slick-next {
width: 38px;
height: 50px;
top: calc(100% + 6px);
}
.lokneeti-slider .slick-next {
right: calc(50% - 48px) !important;
}
.lokneeti-slider .slick-prev {
left: calc(50% + -48px);
}
.lokneeti-slider .slick-next {
right: 20px;
}
.course-offered .row {
box-shadow: none;
}
.date-box ul {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.date-box ul li h2 {
font-size: 1.8rem
}
.course-wrap {
padding: 60px 24px 20px
}
.course-wrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
padding: 0;
margin-top: 10px;
}
.course-wrap .couse-box {
width: 100%;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
padding: 30px 30px;
}
.course-wrap .couse-box p {
height: auto !important;
}
.course-wrap .couse-box {
text-align: center
}
.course-wrap .couse-box img {
display: inline-block;
}
.course-offered a.common-btn {
margin-left: 0px;
margin-top: 40px;
}
.course-offered {
background: #fff;
padding-bottom: 80px
}
.course-offered .row{ background: #ffffff !important;}
.course-offered .bg-blue {
margin-top: 0;
border-radius: 8px 8px 8px 8px;
}
.course-offered .col-xl-5{ padding-left: 0; padding-right: 0;}
.course-wrap .couse-box p {
font-size: 1.125rem
}
.course-wrap .couse-box img {
margin-bottom: 15px;
}
.course-offered .lokneeti-slider .slick-prev,
.course-offered .lokneeti-slider .slick-next {
top: calc(100% + 10px);
}
.two-cum-wrap {
display: none;
}
.faculty-slider .d-none {
display: block !important;
}
.faculty {
margin-top: 0rem !important;
}
.alumni {
padding: 67px 0px 72px;
margin: 120px 0 0px 0px;
}
.exclusively-tailored .five-point ul{ flex-wrap: wrap;justify-content: center;row-gap: 35px;}
.exclusively-tailored .five-point ul li{ width: calc(33% - 20px); }
.tab-faq-sect{ margin-top: 0;}
.grey-bg{ padding-bottom: 0;}
}
@media only screen and (max-width: 1199px) {
.dsg br{ display: none;}
.faculty-top-wrapper .faculty-top{ width: 100%;}
.about-programme ul{
margin-top: 1rem;
}
.lk-banner h1 {
font-size: 2rem;
}
.date-time-wrap ul li h3 {
font-size: 21px;
}
nav a {
font-size: 14px;
}
.about-programme1 .five-point li ul{
row-gap: 10px;
}
}
@media screen and (max-width: 994px) {
.container-lg,
.container-md,
.container-sm,
.container {
max-width: 950px;
}
}
@media screen and (max-width: 991px) {
.form-design{ margin-top: 30px;}
nav .nav-container {
display: none !important;
}
nav .nav-container {
display: flex;
margin: 0 1em;
}
nav .nav-menu {
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 9;
overflow: hidden;
margin: 74px 0px 0px 0px;
}
nav .nav-menu>li {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
width: 100%;
color: #fefefe;
background-color: #1d1428;
}
nav .nav-menu>li>a {
border-bottom: 2px solid #3b3a3a !important;
width: 100%;
display: block;
padding: 0 30px;
}
nav .nav-menu>li:hover {
color: #1d1428;
bbackground: #000;
}
nav .nav-tooggle:checked~.nav-menu li {
height: 2.6em;
transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
text-align: left;
}
nav .nav-tooggle~.nav-menu li {
height: 0;
margin: 0;
padding: 0;
border: 0;
transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
nav .nav-container .nav-button::before,
nav .nav-container .nav-button::after {
background-color: #000;
}
nav a {
color: #fff !important;
}
nav .nav-container .nav-button {
background-color: #000;
}
.menu-section {
padding: 20px 0px 20px 0px;
}
.menu-section .col-md-9 {
padding: 23px 23px 0px 0px;
}
.menu-section img {
width: 100px;
}
.menu-last {
display: none !important;
}
nav a {
font-size: 1.125rem;
font-family: "Montserrat", sans-serif !important; }
.menu-section .button {
display: inherit;
margin: -18px -10px 0px 0px !important;
}
.menu-section .button a {
font-size: 16px;
color: #fff !important;
background: var(--blue);
padding: 8px 10px 8px 10px;
}
.menu-section .button a.get-btn{border: 1px solid var(--blue)}
.form-border {
max-width: 600px;
margin: 40px auto 0 auto;
}
.zf-fmFooter .zf-submitColor{ font-weight: 600;}
.t-slide {
margin-bottom: 30px;
}
.lk-banner {
padding: 57px 0px 80px;
}
.date-time-sec {
margin: 15px auto 8px auto;
}
.about-programme .row {
flex-wrap: wrap-reverse;
}
.about-programme .video-sect {
text-align: right;
margin-bottom: 40px;
}
.about-programme {
text-align: center;
}
.about-programme p {
margin-bottom: 0;
}
.join-lokneeti ul li {
width: 49%;
}
.join-lokneeti ul li p {
height: auto;
}
.course-wrap .couse-box p {
height: auto;
}
.faculty ul li p {
height: 55px;
}
.video-box-lft {
padding: 0rem 2rem 2rem 2rem
}
.video-box-ryt {
padding: 0rem 2rem 0rem 2rem;
}
.video-box-ryt iframe {
height: 320px
}
.scroll-div {
overflow-y: scroll;
width: 90% !important
}
.height-div {
height: 650px
}
.section-padding {
background: var(--black);
}
.txt-center {
text-align: center;
}
.exclusively-tailored .five-point ul li{ width: calc(51% - 20px);}
.faculty-card{ margin-bottom: 53px; margin-left: 0;}
}
@media only screen and (max-width: 991px) {
.about-programme .row {
flex-wrap: wrap;
}
.course-obj{ margin-top: 40px;}
.date-time-wrap ul{
margin-top: 15px;
padding-bottom: 8px;
}
.info-strip{
flex-wrap: wrap;
margin-right: 0;
margin-top: 10px;
justify-content: space-between;
}
.info-block, .info-block:nth-child(2){
width: 30%;
}
.faculty-grid, .urban-cards-grid{
grid-template-columns: 1fr;
}
.fcard .fmain{
align-items: center;
}
}
@media screen and (max-width: 768px) {
.container-md,
.container-sm,
.container {
max-width: 700px;
}
.lk-banner h1 {
font-size: 30px;
}
.lk-banner h2 {
font-size: 1.5rem;
}
.lk-banner h4 {
font-size: 1.5rem;
}
.t-slide {
height: 92px;
}
.lk-banner h3 span {
font-size: 24px;
}
.date-time-sec ul li::after {
display: none
}
.date-time-sec {
background: none;
}
.date-time-sec ul li {
background: var(--blue);
width: calc(50% - 2%);
padding: 30px 20px;
margin-bottom: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: rgba(0, 0, 0, 0.35) 0px 3px 8px;
border-radius: 8px;
}
.date-time-sec ul li:last-child {
margin-bottom: 0;
margin-top: 10px;
}
.date-time-sec ul {
display: flex;
margin: 0;
padding: 0;
flex-wrap: wrap;
align-items: center;
column-gap: 2%;
row-gap: 4%;
justify-content: center;
}
/*.lk-banner {
margin-bottom: 54px;
}*/
.date-time-sec {
margin: 0px auto 0px auto;
padding-bottom: 10px;
}
.date-time-sec {
box-shadow: none
}
.heading {
font-size: 2rem;
}
}
@media screen and (max-width: 767px) {
/*.menu-section .col-md-9 {
padding: 23px 0px 0px 0px;
position: absolute;
right: 16px;
}*/
.menu-section .col-md-9 {
padding: 23px 18px 0px 0px;
position: inherit;
}
.menu-section .button {
margin: -18px 0px 0px 0px !important;
}
/* Heading space setting start at 40px*/
.about-programme .heading {
margin-bottom: 27px;
}
.join-lokneeti .heading {
margin-bottom: 28px;
}
.important-date-box .heading {
margin-bottom: 36px;
}
.facilitators-faculty .heading {
margin-bottom: 36px
}
.alumni .heading {
margin-bottom: 39px
}
.course-offered .heading {
margin-bottom: 33px;
}
/* Heading space setting End*/
a.common-btn {
padding: 10px 30px;
}
.join-lokneeti a.common-btn {
margin-top: 40px;
}
.lokneeti-slider .slick-prev,
.lokneeti-slider .slick-next {
top: calc(100% + 0px);
}
.date-box ul li p {
font-size: 1rem;
}
.date-box ul li h2 {
font-size: 1.5rem;
}
.course-wrap .couse-box p {
height: 155px;
}
.faculty ul li .text {
padding: 10px 15px
}
.faculty ul li img {
height: 315px;
object-fit: cover;
object-position: top;
}
/*.faculty ul{ width: 72%;}*/
/*.faculty-slider .slick-prev::before, .faculty-slider .slick-next::before{
font-size: 36px;
}*/
/* .faculty-slider .slick-prev, .faculty-slider .slick-next {
height: 20px;
width: 20px;
}*/
/*.faculty-slider .slick-prev {
left: -55px;
}
.faculty-slider .slick-next {
right: -39px;
}
.faculty-slider .slick-slide {
margin-left: 0;
margin-right: 0;
}
*/
.faculty-slider .slick-prev::before,
.faculty-slider .slick-next::before {
color: #000000c2;
font-size: 32px;
font-family: fontawesome;
}
.faculty-slider .slick-prev::before,
.faculty-slider .slick-next::before {
color: #000000c2;
font-size: 32px;
font-family: fontawesome;
}
.lokneeti-slider .slick-prev::before,
.lokneeti-slider .slick-next::before {
color: #000000c2;
font-size: 32px;
font-family: fontawesome;
}
.tailored .slick-prev::before,
.tailored .slick-next::before {
color: #000000c2;
font-size: 32px;
font-family: fontawesome;
}
/*.faculty-slider .slick-prev {
left: 35%;
}*/
/*.faculty-slider .slick-next {
right: 35%;
}*/
.video-box-lft iframe,
.video-box-ryt iframe {
height: 250px
}
.tab-faq-sect .container {
flex-direction: column;
}
.tab-faq-sect .tabs {
width: 100%
}
.tab-faq-sect .content {
width: 100%
}
.tab-faq-sect .tabs {
width: 100%;
flex-direction: row;
display: flex;
overflow-x: scroll;
column-gap: 5px;
padding-bottom: 20px;
}
.tab-faq-sect .tabs a {
flex: 0 0 33.3%;
box-sizing: border-box;
text-wrap: nowrap;
padding: 6px 15px;
text-align: center;
border: 2px solid var(--blue);
background: var(--white);
color: var(--black);
}
.tab-faq-sect .heading {
margin-bottom: 33px;
}
.tab-faq-sect .tabs a.active {
color: var(--blue)
}
.join-the-light h2 br {
display: none;
}
.tab-faq-sect .tabs a {
font-size: 1.125rem;
border-radius: 3px;
}
.tab-faq-sect .tabs a.active {
font-weight: 600;
background: var(--blue);
color: var(--white)
}
.lokneeti-slider .slick-prev,
.lokneeti-slider .slick-next {
width: 38px;
height: 50px;
top: calc(100% + 8px);
}
.tailored .slick-prev,
.tailored .slick-next {
width: 38px;
height: 50px;
top: calc(100% + 8px);
}
.tailored .slick-prev {
left: calc(50% + -48px);
}
.tailored .slick-next {
right: calc(50% - 48px) !important;
}
.join-lokneeti ul li p {
height: 130px;
}
.date-time-sec ul li p br {
display: none;
}
.tailored .slick-slide{ margin: 10px 15px 20px 15px}
.exclusively-tailored .five-point ul li h4{ height: 100px;}
.exclusively-tailored {
padding: 64px 0px 77px;
}
.date-time-sec{ border: none;}
.date-time-sec ul li{border: 1px solid var(--blue);background: #F0DF0A;}
}
@media only screen and (max-width: 767px) {
.faculty-top-wrapper {
display: flex;
flex-direction: column;
}
.faculty-top-wrapper{ margin-bottom: 20px}
.date-time-sec {
margin-bottom: 10px;
}
.ib-val{
font-size: 15px;
}
.ib-val em{
font-size: 10px;
}
.faculty-section{
padding: 0 0 50px;
}
.urban-cards-section{
padding: 60px 0;
}
.certification {
padding: 40px 0 50px;
}
.cert-wrap{
grid-template-columns: 1fr;
padding: 40px 25px;
}
}
@media screen and (max-width: 576px) {
#err{
height: 18px;
top: 10px;
}
.desk-view {
display: none;
}
.menu-section a:last-child img{
width: 100px;
}
.mob-view {
display: block;
}
.lk-banner h1 {
font-size: 30px;
}
.lk-banner h3 {
margin-top: 0rem;
margin-bottom: 0;
}
.lk-banner h2 {
font-size: 1.4rem;
}
.lk-banner h2 br {
display: none;
}
.lk-banner h3 span {
font-size: 21px;
}
.t-slide {
height: 88px;
}
.form-border {
margin: 20px auto 0 auto;
}
.lk-banner h4 {
font-size: 1.125rem; padding: 10px 15px;
}
.date-time-sec ul li img {
width: 33px;
height: 34px
}
.date-time-sec ul li h3 {
font-size: 1.2rem;
}
.date-time-sec ul li {
width: calc(50% - 2%);
margin-bottom: 0;
padding: 15px 15px;
}
.date-time-sec ul {
column-gap: 4%;
row-gap: 4%;
}
.date-time-sec{ margin-bottom: 20px}
.heading {
font-size: 1.5rem;
padding: 0 1rem;
line-height: 1.4 !important;
}
.about-programme .video-sect iframe {
height: 200px;
width: 92%;
margin-left: 19px;
}
.about-programme .video-sect {
text-align: inherit;
}
.join-lokneeti a.common-btn {
margin-top: 60px;
}
.lokneeti-slider .slick-prev,
.lokneeti-slider .slick-next {
top: calc(100% + 12px);
}
.join-lokneeti ul li p {
height: 165px;
}
.course-offered a.common-btn {
margin-top: 0px;
}
.video-box-lft iframe,
.video-box-ryt iframe {
height: auto
}
.height-div {
height: 380px;
}
.course-type::before,
.course-type-1::after {
display: none;
}
.panel-main {
display: none;
}
.course-type {
width: 100%;
position: relative;
border-left: none;
padding: 0 0px;
margin: 0;
margin-bottom: 10px;
}
.dot-line {
padding: 0px 0px 0px;
}
.course-sec {
position: inherit;
margin-bottom: 0;
padding-bottom: 0;
}
.course-type h4 {
margin-bottom: 0;
font-size: 1rem;
font-weight: 500 !important;
padding-right: 30px;
padding: 12px 30px 12px 15px;
border-radius: 5px;
background: var(--blue);
position: relative;
}
.course-type p {
color: var(--black);
background: var(--white);
margin: -2px 0px 10px;
position: relative;
z-index: 99999999;
padding: 20px 20px;
border-radius: 0px 0px 5px 5px;
font-size: 1rem
}
.tab-faq-sect .custom-faq-question,
.tab-faq-sect .custom-faq-answer p {
font-size: 1rem;
}
.course-type-1 .course-sec {
padding-bottom: 14px;
}
.course-type-1 {
margin-bottom: 0;
}
.accordion-main.active-main::after {
content: "\2212";
}
.accordion-main::after {
width: 28px;
height: 28px;
float: right;
font-size: 19px;
color: var(--white);
content: '\002B';
font-weight: bold;
text-align: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 10px;
border-radius: 50px;
background: transparent;
margin-left: 5px;
}
.accordion-main {
cursor: pointer !important;
pointer-events: auto;
position: relative;
}
.join-the-light h2 {
font-size: 1.3rem !important;
max-width: 90%;
}
.join-the-light .mt-25 {
margin-top: 15px;
}
.course-offered .col-xl-4 {
padding-top: 10px
}
.course-offered {
padding-bottom: 60px;
}
.course-offered .bg-blue{ padding-top: 0;}
.course-offered .bg-blue {
margin-top: 0rem;
}
.course-offered .heading {
margin-bottom: 28px;
}
.course-offered h3 {
padding-bottom: 32px;
}
.grey-bg {
padding-top: 31px;
}
.course-offered .grey-bg h3{ padding-bottom: 5px;}
.course-wrap {
margin-top: 20px;
}
.video-box-lft {
padding: 0rem 1rem 0rem 0rem;
}
.video-box-ryt iframe {
margin-bottom: 15px;
}
.alumni {
margin: 102px 0 0px 0px;
}
.alumni {
padding: 53px 0px 60px;
}
.alumni .heading {
margin-bottom: 36px;
}
.faculty ul li img {
height: auto;
}
.course-offered .bg-blue {
background: #ffffff;
}
.facilitators-faculty {
padding-top: 51px;
}
/* .lk-banner {
padding: 24px 0px 141px;
}*/
.angle li{ font-size: 1.2rem}
.lk-banner h1:before {bottom: -15px}
.about-programme {
padding: 54px 0px 54px;
}
.lk-banner {
padding: 47px 0px 60px;
}
.join-lokneeti {
padding: 42px 0px 50px;
}
.important-date-box{ padding: 42px 0 60px}
.course-offered {
padding: 53px 0px 60px;
}
.video-box-ryt {
padding: 0rem 1rem 0rem 0rem;
}
.tab-faq-sect {
padding: 0 0px 40px;
}
.tab-faq-sect .heading {
margin-bottom: 36px;
}
.tab-faq-sect .custom-faq{
padding: 20px 20px 2px;
}
.lokneeti-slider .slick-next {
right: calc(50% - 45px) !important;
}
.lokneeti-slider .slick-prev {
left: calc(50% + -45px);
}
.faculty-slider .slick-prev {
left: calc(50% + -45px);
}
.faculty-slider .slick-next {
right: calc(50% - 45px) !important;
}
.video-box-lft p{ display: none;}
.video-box-lft iframe, .video-box-ryt iframe {
height: auto;
}
.angle {
padding: 12px 0 0 0;
}
.exclusively-tailored .five-point ul li {
width: 100%;
padding: 20px 15px;
}
.exclusively-tailored .five-point ul li:last-child h4{ padding-bottom: 0px;}
.exclusively-tailored .five-point ul li:last-child{ border-bottom: none;}
.exclusively-tailored {
padding: 40px 0px 50px;
margin-top: 55px;
}
.exclusively-tailored .five-point ul li h4{ height: 90px}
.exclusively-tailored h2{ margin-bottom: 25px}
.tailored .slick-prev {
left: calc(50% + -45px);
}
.tailored .slick-next {
right: calc(50% - 45px) !important;
}
.course-offered .bg-blue h3{ color: #000000;}
.course-type h4{ width: 100%;}
.course-wrap .couse-box{ box-shadow: none;}
.course-offered .grey-bg{ padding-top: 0;}
.course-wrap .couse-box{ padding-bottom: 10px;}
.ic-txt{ display: block;}
.join-the-light {
padding: 50px 0px 60px;}
ol li {
font-size: 1rem;
}
.course-sec ul {
margin: 20px 0px 20px 0px;
}
.course-sec ul li {
color: #000;
}
.sched-grid{
flex-direction: column;
}
.sched-grid-inner{
width: 100%;
}
.srow {
padding: 15px 15px 10px;
}
.about-programme1 .five-point ul li h4{
height: 80px;
}
.fcard{
padding: 35px 15px 12px;
}
/* .fav{
width: 70px;
height: 70px;
} */
.fb h3{
font-size: 18px;
}
.frole{
font-size: 12.5px;
}
.fcard ul{
padding-left: 15px;
}
.lk-banner {
padding: 35px 0px 55px;
}
.lk-banner h2 br{
display: block;
}
.course-sec ul {
padding: 0px 40px 0px 25px;
margin: 20px 0px 20px 0px;
}
.course-sec ul li {
color: #000;
}
.lk-banner h1 {
font-size: 26px;
}
.lk-banner h2 {
font-size: 18px;
}
.date-time-wrap ul{
gap: 0;
}
.info-block, .info-block:nth-child(2) {
width: 29%;
padding: 14px 15px;
}
.ib-label{
font-size: 8px;
}
.covers-grid{
grid-template-columns: 1fr;
}
.info-strip .hero-badge{
margin-left: 0;
}
}
@media screen and (max-width: 535px) {
.tl-wrap > div:first-of-type > div, .tl-wrap > div:first-of-type > div:nth-child(2){
font-size: 11px;
}
.tl-wrap > div:last-child{
font-size: 10px;
}
}
@media screen and (max-width: 531px) {
.course-wrap .couse-box p{ height: 165px}
}
@media screen and (max-width: 500px) {
.menu-section .col-md-3{
width: 100%;
display: flex;
justify-content: space-between;
}
nav .nav-menu {
display: none;
margin: 155px 0px 0px 0px;
}
.sticky nav .nav-menu {
margin: 70px 0px 0px 0px;
}
.menu-section .button {
margin: -18px 0px 0px 0px !important;
}
.menu-section {
border-bottom: 1px solid #ddd;
}
.multiple-items1 img {
display: none !important;
}
.multiple-items1 .banner-pic {
display: inherit !important;
}
.menu-section .col-md-9 {
width: 64%;
position: absolute;
right: 0px;
}
.get-btn {
position: fixed;
bottom: 15px;
right: 13px;
border-radius: 3px;
z-index: 999;
}
}
@media screen and (max-width: 490px) {
.date-time-sec ul li p {
line-height: 1.5;
margin-bottom: 5px;
font-size: 1rem;
}
.date-time-sec ul li p br {
display: none
}
.date-time-sec ul li {
height: 160px;
}
}
@media screen and (max-width: 485px) {
.course-wrap .couse-box p{ height: 190px}
}
@media screen and (max-width: 451px) {
.course-wrap .couse-box{ height:400px}
.course-wrap .couse-box p{ height: auto;}
}
@media screen and (max-width: 443px) {
.course-wrap .couse-box{ height:auto !important}
}
@media screen and (max-width: 456px) {
.date-box ul {
grid-template-columns: repeat(2, 1fr);
}
.date-box ul li p br {
display: block;
}
.date-box ul li h2 {
font-size: 1.15rem;
}
.date-box ul li {
padding: 15px 15px
}
.date-box ul li p{ line-height: 1.4}
}
@media screen and (max-width: 446px) {
.date-time-sec ul li p br {
display: none;
}
}
@media screen and (max-width: 423px) {
.join-lokneeti ul li p {
height: 195px;
}
}
@media only screen and (max-width: 420px) {
.lk-banner h1 {
font-size: 23px;
}
.date-time-wrap ul li h3 {
font-size: 18px;
}
}
@media screen and (max-width: 417px) {
.join-lokneeti ul li p {
height: 196px;
}
}
@media only screen and (max-width: 410px) {
.about-programme .faculty-card-top {
display: flex;
flex-direction: column;
}
.about-programme .faculty-card-wrap {
width: 100%;
max-width: 300px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
border-radius: 5px;
}
.info-block{
padding: 14px 12px;
}
.srow p{
font-size: 12.5px;
}
.about-programme1 .five-point ul li h4{
height: 100px;
}
}
@media screen and (max-width: 398px) {
.lokneeti-slider .slick-slide {
margin: 10px 20px 20px 20px;
height: 360px;
}
.tailored .slick-slide {
margin: 10px 20px 20px 20px;
}
.course-offered .lokneeti-slider .slick-slide {
height: auto;
margin: 10px 15px 20px 15px;
}
}
@media screen and (max-width: 390px) {
.date-time-sec ul li h3 {
font-size: 1rem;
}
}
@media screen and (max-width: 387px) {
.lokneeti-slider .slick-slide {
height: 394px;
}
}
@media screen and (max-width: 374px) {
.lokneeti-slider .slick-slide{ height: 401px}
}
@media screen and (max-width: 375px) {
.date-time-sec ul li p{ font-size: 14px;}
}
@media screen and (max-width: 355px) {
.lk-banner h4 {
font-size: 1.1rem; padding: 10px 15px;
}
.img-box-card img { max-width: 110px}
}
@media screen and (max-width: 343px) {
.course-wrap .couse-box{ height:475px !important}
}
@media screen and (max-width: 342px) {
.lk-banner h4 {
font-size: 1rem; padding: 10px 15px;
}
}
@media screen and (max-width: 345px) {
.date-time-sec ul li h3 {
font-size: 1rem;
}
.date-time-sec ul li p { font-size: 15px; }
.date-time-sec ul li{ padding: 15px 9px;}
}
@media screen and (max-width: 336px) {
.lokneeti-slider .slick-slide{ height: 430px}
}
@media screen and (max-width: 328px) {
a.common-btn {
padding: 10px 15px;
}
}
@media screen and (max-width: 327px) {
.faculty ul li p {
height: 78px;
}
}
@media screen and (max-width: 992px) {
.scroller-alumni {
text-align: center;
}
.scroller-alumni::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.scroller-alumni::-webkit-scrollbar-thumb {
background: #1369b2;
border-radius: 10px;
-webkit-appearance: none;
}
.scroller-alumni::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 10px;
-webkit-appearance: none;
}
/* Add a dummy element to force re-render */
.scroller-alumni::before {
content: var(--safari-fix, '');
display: block;
height: 1px;
/* Scrollbar styles for Mozilla Firefox */
.scroller-alumni {
scrollbar-width: thin;
/* Width of the scrollbar */
scrollbar-color: #1369b2 #ffffff;
/* Color of the thumb and track */
}
.scroller-alumni:hover {
scrollbar-color: #1369b2 #ffffff;
/* Color of the thumb when hovered */
}
/*scroll bar-design End*/
}
.cta-banner .cta-deadlines .cta-deadline{
padding: 0 18px;
}
}
@media screen and (max-width: 768px) {
/*scroll bar-design Start*/
.scroller {
text-align: center;
}
.scroller::-webkit-scrollbar {
width: 5px;
height: 5px;
}
.scroller::-webkit-scrollbar-thumb {
background-color: #1369b2;
border-radius: 10px;
-webkit-appearance: none;
border: 3px solid #1369b2;
/* Space around the thumb */
}
.scroller::-webkit-scrollbar-track {
background: #ffffff;
border-radius: 10px;
-webkit-appearance: none;
}
/* Add a dummy element to force re-render */
.scroller::before {
content: var(--safari-fix, '');
display: block;
height: 1px;
}
/* Custom scrollbar for Firefox */
.scroller {
scrollbar-width: thin;
/* Width of the scrollbar */
scrollbar-color: #1369b2 #ffffff;
/* Color of the thumb and track */
}
.scroller:hover {
scrollbar-color: #1369b2 #ffffff;
/* Color of the thumb when hovered */
}
/*scroll bar-design End*/
.cta-banner{
padding: 40px 0;
}
.cta-banner .cta-banner-inner p{
margin-bottom: 25px;
}
.cta-banner .cta-deadlines{
margin-bottom: 0;
}
.cta-banner .cta-deadlines .cta-deadline {
width: 50%;
padding-bottom: 25px;
}
.cta-banner .cta-deadlines .cta-deadline:nth-child(2)::after{
display: none;
}
.urban-cards-grid{
grid-template-columns: 1fr;
}
section.workshop-structure{
padding: 45px 0;
}
section.workshop-structure h2 + p{
text-align: center;
font-size: 1rem;
}
.urban-card-description{
font-size: 16px;
}
.urban-cards-section{
padding: 50px 0;
}
.workshop-phases-grid {
grid-template-columns: 1fr;
}
.workshop-phase-connector{
flex-direction: row;
margin: 30px 0;
}
.connector-line{
height: 2px;
width: auto;
}
}
@media screen and (max-width: 410px) {
.info-block, .info-block:nth-child(2){
width: 28.5%;
}
.tl-wrap{
padding: 22px 15px 20px;
margin: 10px 0 40px;
}
.gap-callout{
margin-bottom: 40px;
}
}
@media screen and (max-width: 400px) {
.cta-banner .cta-deadlines .cta-deadline::after{
display: none;
}
.cta-banner .cta-deadlines .cta-deadline {
width: 100%;
}
.tl-wrap > div:first-of-type > div, .tl-wrap > div:first-of-type > div:nth-child(2), .tl-wrap > div:last-child{
font-size: 10px;
}
}
@media screen and (max-width: 370px) {
.info-block, .info-block:nth-child(2){
width: 45.5%;
}
}