/*basic css starts*/
body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: "Work Sans", sans-serif;
	font-size: 100%;
	color: #000;
}
*,*:focus,*:hover{
    outline:none;
}
html{scroll-behavior: smooth;}
a {
	color: #000; 
	text-decoration: none;
}
a:hover {
	color: #ff3d55; 
	text-decoration: none;
}
a.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}
article, aside, figcaption, figure, footer, header, main, nav, section, p, h1, h2, h3, h4, h5, h6, ul {
	margin: 0;
	padding: 0;
}
a img {
	border: none;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.clear {
	clear: both;
}
.responsive {
	width: 100%;
	height: auto;
	max-width: 100%;
	max-height: none;
	margin: 0;
}
.center {text-align: center;}
.right{text-align: right;}
.main-wrapper {
	width: 89%;
	margin: 0 auto;
	padding: 0px;
}
footer {background: #362955; width: 100%; position: relative; padding:0;}

.bounce-eff{-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0); transition-property: transform; transition-duration: 0.3s;}
.bounce-eff:hover{-webkit-transform: translateY(-5px);
transform: translateY(-5px);}
article {margin-bottom: 7vw; overflow: visible;}

header{margin: 0 0 7vw 0;}
aside {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%; /*background-color: #EEE;*/
  background-color: none;
  box-sizing: border-box;
  padding: 0px;
  transition: all .25s ease-in-out;
  z-index: 2;}
aside.scroll {
  background-color: #fff;
  z-index: 9;
  position: fixed;
  top: 0vw;
  left: 0;
  box-shadow: rgb(33 35 38 / 20%) 0px 10px 10px -10px;
  transition: all .25s ease-in-out;
  background: #fff;
  height: auto;
}
.logo-menu {
  width: 100%;
  display: block;
  padding: 1.5vw 0;
  vertical-align: top;
  font-size: 0;
  transition: all .25s ease-in-out;
}
.logo-menu-left {
  width: 18%;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  transition: all .25s ease-in-out;
}
.logo-menu-right {
  width: 82%;
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu {
 padding: 0.8vw 0;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-left {
  width: 17%;
  transition: all .25s ease-in-out;
}
aside.scroll .logo-menu-right {
  width: 83%; transition: all .25s ease-in-out;
}
.headers{width:100%; display:block; position:relative; margin: 0; padding:0;}
.headers figure{display:block;}
.headers figcaption{font-family: "Spectral", serif; font-size:3vw; color: #000; line-height:3.5vw; position:absolute; top:13vw; left:5vw; font-weight:500; width: 32%;}
.headers figcaption span{font-weight: 700; display: block;}
.headers figcaption p{font-family: "Work Sans", sans-serif; font-size: 1.2vw; line-height: 2vw; font-weight: 400; display: block; margin: 1.5vw 0 0 0;}
.phead01{font-size: 3.3vw; font-family: "Spectral", serif; font-weight: 500; margin: 0 0 3vw 0;}
.phead01 span{color:#000; font-weight:400;}
.phead01 strong{font-family: "Work Sans", sans-serif;  text-transform: uppercase; color:#c2a063; font-weight:500; display: block; font-size: 1vw; letter-spacing: 0.1vw;}
.phead02{font-size: 1.7vw; line-height: 2.3vw; font-family: "Spectral", serif; font-weight: 500;}
.body-txt{font-family: "Work Sans", sans-serif; font-size: 1vw; line-height: 1.8vw; font-weight: 500;}
.body-txt p{margin: 0 0 1.8vw 0;}
.body-txt p:last-child{margin:0;}
.body-txt strong{font-weight: 600;}

.home-block-01{width: 100%; font-size: 0;}
.home-block-01-left{width: 35%; display: inline-block; vertical-align: middle; margin: 0 5% 0 0;}
.home-block-01-left h1{font-size: 3.3vw; font-family: "Spectral", serif; font-weight: 500; color: #4c352c;}
.home-block-01-left h1 span{color: #e6d6a3;}
.home-block-01-right{width: 60%; display: inline-block; vertical-align: middle;}

.vdo{background: #fff; padding: 1vw; width: 100%; height: 17vw; display: block; margin: 0 0 1.8vw 0; box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}

.article-bg{background-image: url("../images/article-bg.webp"); background-repeat: no-repeat;
    background-size: 100% 100%; padding: 7vw 0 8vw 0; box-shadow: inset 0 0 8px #cecece; overflow: auto;}

.show{display: inline-block; transition: all .25s ease-in-out;}
.hide{display: none; transition: all .25s ease-in-out;}

.btn-01{display: inline-block; font-family: "Work Sans", sans-serif; background: #4c352c; padding: 1.1vw 1.9vw; width: auto; margin: 0 1vw 0 0; letter-spacing: 0.01vw; border: none; border-radius: 2vw; font-size: 1vw; font-weight: 700; color: #fff; cursor: pointer; transition: all .25s ease-in-out;}
.btn-01:hover{background:#ede0b5; border: none; color: #4c352c; transition: all .25s ease-in-out;}
.btn-01 img{width: 1.2vw; vertical-align: middle; margin: 0 0.5vw 0 0;}

.btn-01:hover .hide{display: inline-block;}
.btn-01:hover .show{display: none;}

.btn-02{display: inline-block; font-family: "Work Sans", sans-serif; background: #ede0b5; padding: 1.1vw 1.9vw; width: auto; letter-spacing: 0.01vw; border: none; border-radius: 2vw; font-size: 1vw; font-weight: 700; color: #4c352c; cursor: pointer; transition: all .25s ease-in-out;}
.btn-02:hover{background:#4c352c; border: none; color: #fff; transition: all .25s ease-in-out;}
.btn-02 img{width: 1.2vw; vertical-align: middle; margin: 0 0.5vw 0 0;}

.btn-02:hover .hide{display: inline-block;}
.btn-02:hover .show{display: none;}

.home-block-02{width: 100%; font-size: 0;}
.home-block-02-left{width: 60%; display: inline-block; vertical-align: middle; margin: 0 5% 0 0;}
.home-block-02-right{width: 35%; display: inline-block; vertical-align: middle;}
.home-block-02-right-box{display: block; width: 100%; background: #fff; border: solid 1px #dfdfdf; padding: 1.8vw 2.2vw; transition: .25s; margin: 0 0 1.2vw 0;}
.home-block-02-right-box:last-child{margin: 0;}
.home-block-02-right-box:hover{transition: .25s; box-shadow: 0 12px 30px rgba(0,0,0,.07); transform: translateY(-3px); color: #fff;}
.rpic-01:hover {transition: .25s; background-image: url("../images/team-bg.webp"); background-repeat: no-repeat;
    background-size: 100% 100%;}
.rpic-02:hover {transition: .25s; background-image: url("../images/vision-mission-bg.webp"); background-repeat: no-repeat; background-size: 100% 100%;}
.rpic-03:hover {transition: .25s; background-image: url("../images/enlight-bg.webp"); background-repeat: no-repeat; background-size: 100% 100%;}

.home-block-02-right-box:hover .hide{transition: .25s; display: inline-block;}
.home-block-02-right-box:hover .show{transition: .25s;  display: none;}

.home-block-02-right-box figcaption{width: 75%; display: inline-block; vertical-align: middle; margin: 0 10% 0 0;}
.home-block-02-right-box figcaption h3{font-family: "Spectral", serif; font-size: 1.7vw; font-weight: 600; margin: 0 0 0.3vw 0;}
.home-block-02-right-box figcaption p{font-size: 1vw; line-height: 1.5vw; font-weight: 500;}
.home-block-02-right-box figure img{width: 60%; margin: 0 auto;}
.home-block-02-right-box figure{width: 15%; display: inline-block; vertical-align: middle;}

.founding-stage-bg{background-image: url("../images/founding-stage-bg.webp"); background-repeat: no-repeat;
    background-size: 100% 100%; padding: 7vw 0 8vw 0; box-shadow: inset 0 0 8px #cecece; overflow: auto;}

.home-block-03{width: 100%; font-size: 0;}
.home-block-03-block{width: 47.5%; display: inline-block; vertical-align: top; margin: 0 5% 0 0;}
.home-block-03-block:last-child{margin: 0;}

.programs-bg{padding: 7vw 0 8vw 0; background: #634c9a; color: #fff; font-size: 0;}
.programs-block{width: auto; display: block; vertical-align: top; padding: 0 1.5vw; margin: 0 0 3vw 0;}
.programs-block figure{position: relative;}
.programs-block figure img{min-height: 17vw; max-height: 17vw;}
.p-date{display: block; background-color: rgba(237, 201, 131, 0.9); border-radius: 0.5vw; padding: 0.5vw 1vw; position: absolute; top: 1.5vw; left: 2.5vw; font-size: 0.8vw; font-weight: 600; letter-spacing: 0.01vw; text-transform: uppercase; text-align: center;}
.p-course{display: block; background-color: rgba(76, 53, 44, 0.9); border-radius: 0.5vw; padding: 0.5vw 1vw; position: absolute; bottom: 1.5vw; left: 2.5vw; font-size: 0.8vw; font-weight: 600; letter-spacing: 0.01vw; text-transform: uppercase; text-align: center;}
.programs-block figcaption{background: #fff; padding: 2.5vw; color: #000;}
.programs-block figcaption h4 {font-size: 1.5vw; line-height: 2vw; font-family: "Spectral", serif; font-weight: 500; margin: 0 0 1.5vw 0;}
.programs-block figcaption span{text-transform: uppercase;}

.podcast-bg{background-image: url("../images/podcast-bg.webp"); background-repeat: no-repeat; background-size: 100% 100%; padding: 3vw; min-height: 28vw; max-height: 28vw; overflow: hidden;}
.podcast-area{width: 60%; display: block; color: #fff;}
.podcast-area figure{width: 50%; display: block; margin: 0 0 2vw 0;}
.podcast-area h4{font-size: 3vw; line-height: 2vw; font-family: "Spectral", serif; font-weight: 700; margin: 0 0 1.3vw 0;}
.podcast-area span{font-family: "Work Sans", sans-serif;  text-transform: uppercase; font-weight:500; display: block; font-size: 1vw; letter-spacing: 0.1vw; margin: 0 0 1.7vw 0;}
.podcast-area strong{display: block; font-size: 1.6vw; line-height: 2vw; font-family: "Spectral", serif; font-weight: 600; margin: 0 0 2vw 0;}

.btn-03{display: inline-block; font-family: "Work Sans", sans-serif; background: #fff; padding: 1.1vw 1.9vw; width: auto; margin: 0 1vw 0 0; letter-spacing: 0.01vw; border: none; border-radius: 2vw; font-size: 1vw; font-weight: 700; color: #ec3b4b; cursor: pointer; transition: all .25s ease-in-out;}
.btn-03:hover{background:#ffffd7; border: none; color: #4c352c; transition: all .25s ease-in-out;}
.btn-03 img{width: 1.2vw; vertical-align: middle; margin: 0 0.5vw 0 0;}

.btn-03:hover .hide{display: inline-block;}
.btn-03:hover .show{display: none;}

.book-bg{background-image: url("../images/book-bg.webp"); background-repeat: no-repeat; background-size: 100% 100%; padding: 3vw 3vw 3.2vw 3vw; min-height: 28vw; max-height: 28vw; overflow: hidden;}

.book-area{width: 100%; display: block; font-size: 0; color: #4c352c;}
.book-area figure{width: 40%; display: inline-block; margin: 0 8% 0 0; vertical-align: top;}
.book-area figure img{border: 4px solid rgba(92, 71, 63, 0.2); min-height: 22vw; max-height: 22vw;}

.book-area figcaption{width: 52%; display: inline-block; vertical-align: top;}

.book-area span{font-family: "Work Sans", sans-serif; text-transform: uppercase; font-weight:500; display: block; font-size: 1vw; letter-spacing: 0.1vw; margin: 0 0 1.2vw 0;}
.book-area h4{display: block; font-size: 1.6vw; line-height: 2vw; font-family: "Spectral", serif; font-weight: 600; margin: 0 0 1vw 0;}
.book-area p{font-size: 1vw; line-height: 1.5vw; font-weight: 500; margin: 0 0 1.5vw 0;}

footer a{color: #fff;}
footer a:hover{color: #fff;}
.footer-bg{background-image: url("../images/bbg.webp");
	background-repeat: no-repeat; border-top: solid 0.5vw #8863d1; background-size: 100% 100%; overflow:auto; font-size: 0;}
.footer-left{width:65%; display: inline-block; vertical-align: top; color: #fff; font-size: 0; margin: 0 5% 0 0;}
.footer-left p{font-size: 0.9vw; line-height: 1.5vw; display: inline-block; vertical-align:middle; width:90%; margin: 0 0 1vw 0;}
.footer-logo{width: 30%; display: block; background: #fff; padding: 1.5vw; border-radius: 0 0 0.5vw 0.5vw; margin: 0 0 3vw 0;}
.footer-block01{width:45%; display:inline-block; vertical-align:top; margin: 0 5% 6vw 0;}
.footer-block01 i{font-size: 1.2vw; display: inline-block; margin: 0 2% 1vw 0; vertical-align:middle; width: 8%;}
.footer-block02{width:50%; display:inline-block; vertical-align:top; font-size: 0;}
.footer-block02 li{list-style-type: none; width: 50%; display: inline-block; vertical-align: top; font-size: 0.9vw; line-height: 2.2vw;}
.footer-block02 i{font-size: 0.3vw; vertical-align: middle; margin: 0 0.5vw 0 0;}
.footer-head{font-size: 1.1vw; line-height: 1.8vw; font-weight: 500; margin: 0 0 1.3vw 0;}

.footer-right{width:30%; display: block; position: absolute; right: 4.5vw; top: -2vw; z-index: 1; vertical-align: top; color: #fff; background:#e6d6a3; padding:3.5vw 2.5vw 3.5vw 2.5vw; border-bottom: solid 0.5vw #cfbe88; text-align: center;}
.footer-head02{font-size: 1.8vw; color:#333; letter-spacing: 0.01vw; font-weight: 700; margin: 0 0 2vw 0; text-transform:uppercase;}
.footer-right input{background:#c5b78c; padding:1.5vw; width:100%; display: block; margin: 0 0 1vw 0; border: none; color: #fff; font-size: 0.9vw; letter-spacing: 0.01vw;}
.footer-right input::placeholder{color: #fff; font-size: 0.9vw;}
.footer-right button{background:#4c352c; text-align:center; padding:1.8vw 1vw; text-transform: uppercase; width: 100%;  border: none; color:#fff; font-size: 1.1vw; font-weight: 600; letter-spacing: 0.02vw; transition: all .25s ease-in-out;}
.footer-right button:hover{background: #894930; color: #fff; cursor: pointer; transition: all .25s ease-in-out;}
.copyright-strip{background: #362955; padding: 2vw 0; color:#fff; width: 100%; font-size: 0; letter-spacing: 0.03vw; display: block;}
.copy-area{width: 100%; font-size: 0;}
.copy-left{width: 49.5%; font-size: 0.8vw; display: inline-block; vertical-align: middle;}
.copy-right{width: 50%; font-size: 0.8vw; display: inline-block; vertical-align: middle; text-align: right;}

.copy-right li{list-style-type: none; display: inline-block; margin: 0 0.7vw 0 0;}
.copy-right li:last-child{margin:0;}


/*Inside CSS Start*/
.inside-headers{width:100%; display:block; position:relative; margin: 7vw 0 0 0; color: #fff;}
.inside-headers figure{display:block;}
.inside-headers figcaption{font-family: "Spectral", serif; font-size:3vw; position:absolute; top:5.5vw; left:6vw; font-weight:700;}
.inside-headers figcaption span{font-family: "Work Sans", sans-serif; font-size:1vw; font-weight: 400; display: block; color: #fff3a1;}
.inside-headers figcaption span a{color: #fff3a1;}
.inside-headers figcaption span i{font-size: 0.5vw; vertical-align: middle; margin: 0 0.5vw;}

.resources-area{width: 100%; font-size: 0; margin: 4vw 0 0 0;}
.resources-block{width: 23%; display: inline-block; vertical-align: top; margin: 0 1% 1vw 1%; text-align: center;}
.resources-block div{display: block; transform-origin: center center; object-fit: cover; overflow: hidden;}
.resources-block div img{min-height: 20vw; max-height: 20vw;  transition: transform 0.4s ease;}
.resources-block div img:hover{transform: scale(1.2);}
.resources-block h2{font-family: "Spectral", serif; font-size:2vw; font-weight: 500; display: block; margin: 1vw 0 0 0;}

.resources-area-inside{width: 100%; font-size: 0;}
.resources-block-inside{width: 23%; display: inline-block; vertical-align: top; margin: 0 1% 2vw 1%; text-align: center;}
.resources-block-inside figure{width: 70%; margin: 0 auto;}
.resources-block-inside figure img{box-shadow: 12px 10px 0 rgba(0, 0, 0, 0.14); transition: box-shadow 0.3s ease, transform 0.3s ease; min-height: 21vw; max-height: 21vw;}
.resources-block-inside figure img:hover{box-shadow: 5px 4px 0 rgba(0, 0, 0, 0.08); transform: translate(3px, 3px);}
.resources-block-inside h2{font-family: "Spectral", serif; font-size:2vw; line-height: 2.5vw; font-weight: 500; display: block; margin: 2vw 0 0.3vw 0;}
.resources-block-inside span{font-family: "Work Sans", sans-serif; text-transform: uppercase; color:#c2a063; font-weight:500; display: block; font-size: 0.9vw; line-height: 1.3vw; margin: 0 0 0.3vw 0; letter-spacing: 0.1vw;}
.resources-block-inside p{font-family: "Work Sans", sans-serif; font-size: 1vw; line-height: 1.8vw; font-weight: 500; margin: 0 0 1.5vw 0;}

.pagination-wrapper {
  width: 100%;
  display: flex;
  justify-content: center; margin: 2vw 0 0 0;
}
.pagination {
      display: flex;
      align-items: center;
      gap: 1vw; text-align: center;
    }
    .page-numbers {
      width: 2.3vw;
      height: 2.3vw;
      border-radius: 50%;
      background-color: #e1e1e1;
      color: #111;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 1.1vw;
      font-weight: 600;
      cursor: pointer;
      border: none;
    }
    .page-numbers.active {
      background-color: #ff681f;
      color: white;
    }
    
    
    
    
    .pagination .page-numbers.current {
    /* Jo design aapki .active par chal rahi thi */
    background-color: #ff681f; /* Example colour */
    color: #fff;
}





/* Review Wrapper */
.book-review-wrapper {
    margin: 10px 0;
    text-align: left;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}

/* Review Link Button */
.toggle-review-btn {
   color: #e59c30 !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    transition: color 0.3s ease;
}

.toggle-review-btn:hover {
    color: #333;
}

.toggle-review-btn .arrow-icon {
    font-size: 12px;
    margin-left: 4px;
    transition: transform 0.3s ease;
    display: inline-block;
}

/* active hone par arrow ko rotate karne ke liye */
.toggle-review-btn.active .arrow-icon {
    transform: rotate(180deg);
}

/* Review data panel box */
.review-content-panel {
    font-size: 13px;
    color: #000;
    line-height: 1.5;
    margin-top: 8px;
    background: #f9f9f9;
    padding: 10px;
    border-left: 3px solid #4682B4;
    border-radius: 4px;
}








.card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 3vw;
    row-gap: 6vw; margin: 0 0 4vw 0;
  }
  .card {
    position: relative;
  }
  .card-text {
    width: calc(100% - 9vw);
    height: 100%;
    border: 0.07vw solid #e0e0e0;
    padding: 2.2vw 6vw 2.2vw 2.2vw;
    display: flex;
    flex-direction: column;
  }
  .card-text h2 {
    font-family: "Spectral", serif;
    font-weight: 500;
    font-size: 1.8vw;
    color: #1a1a1a;
    margin: 0 0 1vw 0;
  }
  .card-text p {
    font-size: 1vw; font-weight: 500;
    line-height: 1.8vw;
    color: #444;
    margin: 0 0 1.5vw 0;
  }
  .read-more {
    margin-top: auto;
    display: inline-flex;
    align-items: center;
    gap: 0.6vw;
    width: fit-content;
    font-size: 0.85vw;
    font-weight: 700;
    letter-spacing: 0.15vw;
    color: #1a1a1a;
    text-decoration: none;
    text-transform: uppercase;
  }
  .read-more svg {
    width: 1.1vw;
    height: 1.1vw;
    transition: transform 0.2s ease;
  }
  .read-more:hover svg {
    transform: translateX(0.3vw);
  }
  .card-image {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 13vw;
    height: 13vw;
    border: 0.07vw solid #e0e0e0;
    background: #ffffff;
    padding: 0.8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }