.site_main{ padding-top: 0!important;}
.hero_banner{position:relative;}
.hero_caption{position:absolute;bottom:0; width:100%;height:100%;align-content:center;  z-index: 1;}
.hero-border{display: block;width: 7rem;height: 0.1rem;background-color: var(--color-34);margin-top: 2.5rem;}
.slide-title p{font:var(--font-100); letter-spacing: -3px; color: var(--color-white); width:100%; max-width:65rem; margin-bottom: 1rem; font-weight: 500; line-height: 0.9;}
.slide-title p strong{ color: var(--color-34); font-weight: 500;line-height: 0.9; font-family: var(--font-mcl);}
.slide-title p span{ color:var(--color-white); font:var(--font-54); font-family: var(--font-mcl); letter-spacing: 1.3px; line-height: 1; font-weight: 300; display: block; padding-top: 1.5rem;}
.notify_btn{bottom:5rem;}
.hero_banner .swiper .swiper-container { width: 100%; height: 100%; overflow: hidden; position: relative;}
.hero_banner .swiper .swiper-container .swiper-slide { align-items: center; height: auto; justify-content: center; overflow: hidden; position: relative; width: 100%; z-index: 1; }

.slide-inner img { width: 100%; height: auto; display: block; }
.slide-inner{ position: relative;}
.slide-inner .slide-title{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; z-index: 9;}
.hero_banner .swiper{ z-index: 9;}
.banner_nav { position: absolute; bottom:20rem; display: flex; right:15rem; gap: 1rem;}
.banner_nav svg{ width:0.7rem;}
.banner_nav .swiper-button-prev::after, .banner_nav .swiper-button-next::after{ display: none;}

/* .hero_banner .swiper .slide-inner::before{ width: 47%; height: 100%; positions: absolute; left: 0; top: 0; background: transparent linear-gradient(270deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; content: ""; z-index:2; opacity: 0.8;} */
.banner_nav .swiper-button-prev, .banner_nav .swiper-button-next{ width: 3rem; height: 3rem; display: flex; justify-content: center; color: var(--color-white); background-color: transparent; }
.banner_nav .swiper-button-prev:hover, .banner_nav .swiper-button-next:hover{ background-color: var(--color-34); border-color: var(--color-34); }
.slider_bottom{ margin-top: -6.5rem; position: relative; z-index: 9;}
.slider_bottom .slider_boxes{background-color: rgba(54, 54, 54, 0.95); padding: 3rem 0 ; position: relative;}
.slider_boxes::after{ background-image: url(../images/boxes-border.svg); position: absolute; bottom: -2.1rem; left: 0; right: 0; content: ""; height: 2.1rem; background-repeat: no-repeat;}
.slider_Bx{ display: grid; grid-template-columns: 31% 38% auto; padding: 0; margin: 0; list-style: none; }
.slider_Bx li{ display: flex; gap: 1.5rem; align-items: center; padding-inline:3rem 4.5rem; position: relative;}

.title_head h1{ font: var(--font-14); padding-bottom: 1.6rem; color: var(--color-77); letter-spacing: 2.1px;}
.title_head h2{ font: var(--font-48); font-weight: 500; color: var(--color-77); letter-spacing: -0.48px; line-height: 1; margin-bottom: 2rem;}
.title_head h2 span{ color: var(--color-34);  font: var(--font-48); font-weight: 500;  letter-spacing: -0.48px;}



.slider_Bx li:first-child{ padding-inline: 0 6rem;}
.slider_Bx li:last-child{ padding-inline: 3rem 0;}
.slider_Bx li::after{ width: 1px; background-color: #cccccc2f; top: 0.3rem; bottom: 0.3rem; right: 4rem; position: absolute; content: "";}
.slider_Bx li:last-child:after{ display: none;}
.slider_Bx li figure img{ min-height: 5.3rem;}
.slider_Bx li p{ color: var(--color-white); font: var(--font-21); line-height: 1.2; letter-spacing: 1.26px; font-family: var(--font-grotesk); font-weight: 400;}
.cource_section{ padding-block: 12rem;}
.title_head h5{ padding-bottom: 3rem;}
.title_head h3{ font: var(--font-14); padding-bottom: 1.6rem; color: var(--color-77); letter-spacing: 2.1px;}

.title_head h5{ font: var(--font-48); font-weight: 500; color: var(--color-77); letter-spacing: -0.48px; line-height: 1;}
.title_head h5 span{ color: var(--color-34);  font: var(--font-48); font-weight: 500;  letter-spacing: -0.48px;}
.title_head h4{ padding-bottom: 3rem;}

.title_head h4{ font: var(--font-72); font-weight: 500; color: var(--color-77); letter-spacing: -1.44px; line-height: 1;}
.title_head h4 span{ color: var(--color-34);  font: var(--font-72); }

.search_bar input{ width: 100%; height: 5.2rem; border: 1px solid rgba(48, 122, 14, 0.5); padding-left: 1.5rem; font: var(--font-18); letter-spacing: 0.85px; background-color: transparent;}
.search_bar input::placeholder{ color: #231F20; opacity: 0.5;}
.search_bar input:focus-visible{ outline: none;}
.search_bar .input-group{ display: flex;position: relative;}
.search_bar .btn{ border: 0px; background-color: var(--color-34); padding-inline: 2.2rem; color: var(--color-black); display: flex; align-items: center; margin-left: -2px; font: var(--font-18); font-weight: 300; gap:1rem; }
.search_bar .btn:hover{ background-color: var(--color-77); color: var(--color-white);}
.search_bar .btn:hover img{ filter: invert(1);}
.search_bar .btn img{ margin-right: 1.5rem; transition: all 0.5s ease;}
.course_list{ padding-top:6.5rem;}
.cource_offered p{font: var(--font-18); letter-spacing: 0.9px; color: var(--color-black); font-weight: 400; max-width: 80%;}
.course_list ul{ display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; list-style-type: none; gap: 0.1rem;}
.course_list ul li{ position: relative; overflow: hidden;}
.course_list ul li img { width: 100%; transition: all .5s ease-in-out; }
.course_list ul li:hover img{ transform: scale(1.1); }
.course_list ul li figcaption{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 5rem 0 0 4rem;}
.course_list ul li h3{ font: var(--font-32); color: var(--color-white); letter-spacing: -0.32px; line-height: 1;}
.course_list ul li p{ font: var(--font-24); color: var(--color-white); font-family: var(--font-mcl); font-weight: 300; opacity: 0.5;}
.course_bottom{ padding-top: 3.5rem;}
.course_bottom ul{ list-style: none; padding: 0; margin-bottom: 0; display: flex; padding-inline: 2rem; justify-content: space-between;}
.course_bottom ul li a{ font: var(--font-18); letter-spacing: 0.9px; color: var(--color-black); display: flex; align-items: center; gap: 1rem; position: relative;}
.course_bottom ul li:first-child a::after{ background-color: #ddd8d8; top: 0.2rem; bottom: 0.2rem; width: 0.1rem;  position: absolute; content: ""; right: -2.3rem;}
.course_bottom ul li:last-child a::after{ background-color: #ddd8d8; top: 0.2rem; bottom: 0.2rem; width: 0.1rem;  position: absolute; content: ""; left: -2.3rem;}
.course_bottom ul li:nth-child(3) a::after{top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; position: absolute; content: ""; left: -2.3rem; background-color: var(--color-23);}
.course_bottom ul li:nth-child(4) a::after{top: 1rem; width: 0.4rem; height: 0.4rem; border-radius: 0.4rem; position: absolute; content: ""; left: -2.3rem; background-color: var(--color-23);}

.course_bottom ul li a:hover{ color: var(--color-34);}
.course_bottom ul li a img{ max-width: 1.4rem;}

.placements_section{ position: relative; max-width: var(--mw-2535); margin-inline: auto; padding-bottom: 2.2rem;}
.placements_section::after{background-color:var(--color-white);content:"";bottom:2.2rem;right:0;width:100%;max-width:234.1rem;height:calc(100% - 47rem);position:absolute;z-index:1;opacity:0.4;}
.placements_section::before{background-image: url(../images/boxes-border.svg); content: ""; bottom: 0; width: 100%; max-width: 234.1rem; height: 2.2rem; position: absolute; z-index: 1; background-repeat: no-repeat; right: 0; background-size: cover; clip-path: inset(0 100% 0 0);}
.placements_section.animate::before {
    animation: reveal-image 1600ms ease-in-out forwards;
}
.placements_section .container-fluid{ position: relative; z-index: 9;}


.divider_line{ margin-top: 12rem;}
.placement_wrapper{ display:  grid; grid-template-columns: 67% auto; padding-top:5rem; position: relative; z-index: 2;}
.placement_counter ul{ display: grid; grid-template-columns: repeat(2, 1fr); height: 100%; padding: 0; margin: 0; list-style: none;}
.placement_counter ul li{ background-color: var(--color-d6); padding:0 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center;}
.placement_counter ul li:nth-child(2), .placement_counter ul li:nth-child(3), .placement_counter ul li:nth-child(6){ background-color: var(--color-34);}
.placement_counter ul li:nth-child(2) h3, .placement_counter ul li:nth-child(2) p, .placement_counter ul li:nth-child(3) h3, .placement_counter ul li:nth-child(3) p, .placement_counter ul li:nth-child(6) h3, .placement_counter ul li:nth-child(6) p { color: var(--color-white);}
.placement_counter ul li h3{ font: var(--font-56); color: var(--color-77); letter-spacing: -0.56px; font-weight: 300; padding-bottom: 1rem;}
.placement_counter ul li p{ color: var(--color-77); letter-spacing: 1.08px; }
.placement_counter ul li sup{ font: var(--font-26); letter-spacing: -0.26px; top: -3rem; font-weight: 300; font-family: var(--font-mcl); }
.placement_counter ul li:nth-child(2) sup{ font: var(--font-21); letter-spacing: -0.15px; top: -3rem; font-family: var(--font-mcl);}

.placement_student_slider { position: relative; z-index: 2; margin-top: 10rem;}
.placement_brand{ padding:1rem 2rem; position: relative; z-index: 2;}
.placement_brand figure img{ width: auto;}
.placements_wrapper{ background-color:rgba(255, 255, 255, 0.4); padding-block: 12rem 0; position: relative;}
.placements_wrapper::after { background-image: url(../images/boxes-border.svg); position: absolute; bottom: -2.1rem; right: 0; content: ""; height: 2.1rem; background-repeat: no-repeat; }
.placement_Bx{ display: grid; grid-template-columns: repeat(2, 1fr); align-items: center;}
.placement_Cnt{ padding-bottom: 3rem; position: relative; margin-bottom: 0.5rem;}
.placement_Cnt::before{ background-image: url(../images/placement-vector.svg); position: absolute; bottom: 0rem; left: 0; content: ""; height: 2rem; width: 1.7rem; background-repeat: no-repeat; transform: rotate(180deg); background-size: cover;}
.placement_Cnt figure{ max-width: 160px; margin-block: 2rem 1rem; min-height: 5rem; display: flex; align-items: center;}
.placement_Cnt h3{ font: var(--font-24); font-weight: 300; color: var(--color-23);}
.placement_Cnt h4{ font: var(--font-18); font-weight: 700; color: var(--color-23); font-family: var(--font-mcl);}
.placement_Cnt h4 span{ font-weight: 300; border-left: 1px solid #ddd; margin-left: 1rem; padding-left: 1rem;}
.package_txt{ padding-top: 2rem;}
.package_txt p{ color: var(--color-34); font-family: var(--font-mcl); font-weight: 300;}
.package_txt h5{color: var(--color-34); font: var(--font-54); font-weight: 400; display: flex; line-height: 1.1;}
.package_txt h5 span{ font: var(--font-30); font-family: var(--font-grotesk); font-weight: 300; padding-right: 0.2rem;}

.career_research{ padding-block: 18rem;}
.career_wapper{ display: grid; grid-template-columns: 61.3% auto; gap: 6.4rem; padding-top: 3rem;    padding-left: 4.8%;}

.career_left::after{background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
opacity: 0.9; position: absolute; bottom: 0; right: 0; left: 0; content: ""; height: 75%; z-index: 0; }
.career_right{ display: flex; flex-direction: column; justify-content: space-between; padding-right: 22rem;}
.career_right blockquote{ font: var(--font-32); letter-spacing: 0.64px; color: var(--color-53); padding-top: 2rem;}
.career_left{ position: relative;}
.career_left .career_contnt_text{ position: absolute; bottom:6.4rem; left: 8.4rem; z-index: 9;}
.career_contnt_text{ max-width: 42.1rem;}
.career_contnt_text h4{ font: var(--font-32); letter-spacing: 0.96px; color: var(--color-white); font-weight: 300; font-family: var(--font-mcl); margin-bottom: 0.7rem;}
.career_contnt_text p{ font: var(--font-18); letter-spacing: 1.08px; color: var(--color-white); font-weight: 300; line-height: 1.7;}
.tab_drawer_heading { display: none; }
.career_research .full-width{max-width: 234.1rem;}
.career_right ul{ list-style: none; padding: 0;}
.career_right ul li{ font:var(--font-24); letter-spacing: 0.48px; color: var(--color-23); font-weight: 300; border-bottom: 1px dashed #B4B4B4; padding-block:1rem; font-family: var(--font-grotesk); cursor: pointer; transition: 0.5s; height: 6rem; position: relative;}
.career_right ul li:last-child{ padding-bottom: 0; border-bottom: 0;}
.career_right ul li:hover{ color: var(--color-34); font: var(--font-32); letter-spacing: 0.64px; font-family: var(--font-grotesk);}
.career_right ul li.active{ color: var(--color-34); font: var(--font-32); letter-spacing: 0.64px; font-family: var(--font-grotesk);}
.career_right ul li.active::before{ width: 7.9rem; height: 0.3rem; position: absolute; left: -10.5rem; top: 0; bottom: 0; margin:  auto; content: ""; background-color: var(--color-34); }
.career_grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap:22rem; padding-top: 8.4rem;}
.career_bx{ text-align: center; border-bottom: 1px solid var(--color-34); padding-block: 0 7rem;}
.career_bx figure{ height: 8rem;}
.career_bx figure img{ width: auto; margin: 0 auto;}
.career_bx h4{ font: var(--font-26); font-family: var(--font-mcl); font-weight: 300; letter-spacing: 0.52px; max-width: 80%; margin: 2rem auto}
.career_bx p{ font: var(--font-18); font-weight: 300; letter-spacing: 1.44px;}

.research_wapper{ position: relative; background-image: url(../images/research-background.webp); background-size: cover; background-repeat: no-repeat; padding-block: 18.7rem 14.2rem; background-position: top center;}
/* .research{ position: absolute; top: 18.7rem; left: 0; right: 0; } */

.research_wapper::after {
    background: transparent linear-gradient(270deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.4;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    content: "";
    transition: 0.4s;
    width: 50%;
    z-index: 0;
}

.research_wapper::before{background-image: url(../images/white-border.svg); content: ""; bottom: 0; width: 100%; height: 2.4rem; position: absolute; z-index: 1; background-repeat: no-repeat; right: 0; background-size: cover;}
.research h4{ font: var(--font-14); color: var(--color-white); letter-spacing: 2.1px; margin-bottom:3rem;}
.research h5{ font: var(--font-48); color: var(--color-white); font-weight: 500; margin-bottom:3rem; line-height: 1.1;}
.research p{ font: var(--font-18); color: var(--color-white); letter-spacing: 1.08px; margin-bottom:3rem; font-weight: 300; line-height: 1.5; padding-right: 7rem;}
.research a{ font: var(--font-16); color: var(--color-white); display: flex; align-items: center; gap: 2rem; width: max-content;}
.research a span{ width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; border: 1px solid var(--color-white); font: var(--font-24); align-items: center; font-weight: 300;line-height: normal; padding: 1rem 0; transition: 0.5s;}
.research a:hover{ color: var(--color-34);}
.research a:hover span{ background-color: var(--color-34); color: var(--color-white); border-color: var(--color-34); transition: 0.5s;}
.research_Bx{ display: grid; grid-template-columns: 37% auto; gap: 5.5rem; align-items: center;}
.research_Bx figure{ border-radius: 8px; overflow: hidden;}
.research_media h5{ font: var(--font-26); letter-spacing: 1.04px; font-family: var(--font-mcl); color: var(--color-white); font-weight: 300; margin-bottom: 2rem;}
.research_media p{ font: var(--font-18); letter-spacing: 1.08px; color: var(--color-white); font-weight: 300; margin-bottom: 0;} 
.research_wapper .full-width{ width: 100%;}
.research{ display: flex; flex-direction: column; justify-content: space-between; height: 100%; position: relative; z-index: 2;}
.research_nav{ position: relative; display: flex; justify-content: flex-end; margin-bottom: 6rem; gap: 1.5rem; margin-top: 15rem; margin-right: -15rem;}
.research_nav::before{ background-color: rgba(255, 255, 255, 0.25); height: 1px; position: absolute; content: ""; right: 10rem; left: 0; top: -0.6rem;display: none;}
.research_nav .research-prev{ left: auto;}
.research_nav .research-next, .research_nav .research-prev{ position: inherit; border: 1px solid #fff; color: var(--color-white); width: 3.2rem; height: 3.2rem; transition: 0.5s; }
.research_nav .research-next:hover, .research_nav .research-prev:hover{ background-color: var(--color-77); color: var(--color-white); border-color: var(--color-77);}

.research_nav .swiper-button-next svg, .research_nav .swiper-button-prev svg{ width: 0.7rem;}
.facility_section{ padding-block: 15rem 0;}
.title_head blockquote{ font: var(--font-42); font-family: var(--font-grotesk); font-weight: 300; letter-spacing: 0.63px; color: var(--color-23); max-width: 65%;}

.facility_slider { margin-top: 9rem;}
.facility_buttons{ display: flex; justify-content: space-between; margin-top: 3rem; position: relative;}
.facility_buttons:after{background-color: rgba(0, 0, 0, 0.25); height: 1px; position: absolute; content: ""; right: -5rem; left: 19rem; top: 1.2rem;}
.facility_nav{ position: relative; display: flex; gap: 1.5rem; margin-right: -15rem;}
.facility_nav .facility-next, .facility_nav .facility-prev { position: inherit; border: 1px solid var(--color-black); color: var(--color-black); width: 3.2rem; height: 3.2rem; transition: 0.5s; }
.facility_nav .swiper-button-next svg, .facility_nav .swiper-button-prev svg { width: 0.7rem; }
.facility_nav .facility-next:hover, .facility_nav .facility-prev:hover{ background-color: var(--color-77); color: var(--color-white);}
.facility_buttons a { font: var(--font-16); color: var(--color-black); display: flex; align-items: center; gap: 2rem; }
.facility_buttons a span { width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; border: 1px solid rgba(0, 58, 119, 0.50); font: var(--font-24); align-items: center; font-weight: 300; color: rgba(0, 58, 119, 0.50); line-height: normal; padding: 1rem 0; transition: 0.5s;}
.facility_slider_section { width: 100%; max-width: 234.1rem; margin: 0 auto;}
.facility_buttons a:hover{color: var(--color-77);}
.facility_buttons a:hover span{ background-color: var(--color-77); color: var(--color-white);}

.facility_Bx{ position: relative; overflow: hidden;}
.facility_Bx::before{ background-image: url(../images/placement-vector.svg); position: absolute; top: 3rem; right: 3rem; content: ""; height: 2rem; width: 1.7rem; background-repeat: no-repeat; background-size: cover; z-index: 9;}
.facility_Bx::after{background-image: url(../images/white-border.svg); content: ""; bottom: 0; width: 100%; height: 2.1rem; position: absolute; z-index: 1; background-repeat: no-repeat; right: 0; background-size: cover; opacity: 0.3;}
.facility_Bx_media{ position: absolute; left: 4rem; right: 3rem; bottom: 0; transform: translateY(73%); transition: transform 0.4s ease, opacity 0.4s ease; }
.facility_Bx:hover .facility_Bx_media { transform: translateY(-4rem); opacity: 1; }
.facility_Bx:hover .facility_Bx_media h5{ margin-bottom: 1.5rem;}
.facility_right figure{ width: 7rem; height: auto;}
.facility_Bx_cnt{ display: flex; justify-content: space-between;gap: 1rem;}
.facility_left ul{ padding: 0 0 0 1rem; margin: 0; list-style: none;}
.facility_left ul li a{ font: var(--font-18); color: var(--color-white); letter-spacing: 0.54px; margin: 0.7rem 0; display: block; position: relative; cursor: pointer;}
.facility_left ul li a::after{ background-image: url(../images/yellow-arrow.svg); width: 1rem; height: 1rem; background-repeat: no-repeat; content: ""; display: inline-block; margin-left: 1rem; background-size: contain;}
.facility_left ul li a:hover{ color: var(--color-34);}
.facility_left ul li a::before{ position: absolute; top:0.9rem; left: -1rem; background-color: var(--color-white); height: 0.4rem; width: 0.4rem; content: ""; border-radius: 1rem;}
.facility_right h3{ font: var(--font-54);line-height: 5.5rem; font-weight: 300; color: var(--color-white); margin-block: 1rem 0rem;}
.facility_Bx_media h5{ font: var(--font-32); font-family: var(--font-mcl); font-weight: 300; color: var(--color-white);margin-bottom: 6rem; display: flex; align-items: center; gap: 2rem;}
.facility_Bx_media h5 span{width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; border: 1px solid var(--color-white); font: var(--font-24); align-items: center; font-weight: 300; line-height: 1; opacity: 0.6;padding-top: 0.2rem; transition: 0.5s;}
.facility_Bx_media h5 a:hover span{ background-color: var(--color-34); color:var(--color-white); opacity: 1; border-color: var(--color-34);}
.course_bottom .corse_mobile{display: flex;}
.course_bottom .corse_mobile span{font-size: 2rem;}
.corse_mobile a::after{display: none;}
.facility_Bx_media>p{ font: var(--font-21); letter-spacing: 0.63px; font-weight: 300; color: var(--color-white); width: 80%;}
.facility_right p{ font: var(--font-24); letter-spacing: 0.96px; font-weight: 300; font-family: var(--font-mcl); color: rgba(255, 255, 255, 0.55)}
.facility_Bx figure{ position: relative;}
.facility_Bx>figure::before{ background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.4; position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 75%; transition: 0.4s;}
.facility_Bx:hover>figure::before{ opacity: 1;}
.facility_left{ border-top: 1px solid rgba(255, 255, 255, 0.3); margin-top: 1.7rem; padding-top: 1.7rem; }
.facility_right{ padding-top: 3rem;}

.testimonials_section{ padding-block: 20rem 25rem;}
.testimonials_section .tab-content { display: none; animation: fadeIn 0.5s ease 1 forwards; }
.testimonials_section .tab-content.active { display: block; }

@keyframes fadeIn {
  100% {
    opacity: 1;
    transform: none;
  }
}   

.testimonials_header{ padding-top: 4rem;}
.testimonials_header ul{ display: flex; list-style: none; padding: 0; gap: 3.4rem; margin-bottom: 0;}
.testimonials_header ul li a{ font: var(--font-21); letter-spacing: -0.32px; color: var(--color-23); font-weight: 300; transition: 0.5s;}
.testimonials_header ul li.active a{ font-weight: 500; color: var(--color-77);}
.content-wrapper{ padding-top: 10rem; width: 100%; max-width: 200rem; margin: 0 auto;}
.testimonial_grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.1rem;}
.stories_bx{ position: relative;}
.stories_bx figure{ overflow: hidden;}
.stories_bx figure img { transition: all .5s ease-in-out; }
.stories_bx:hover figure img { transform: scale(1.1);}
.testimonials_left .stories_bx:nth-child(1):before {
    background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 0.6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    height: 50%;
    transition: 0.4s;
    z-index: 2;
}
.stories_bx figure{
    margin: 0;
    line-height: 0;
}

.stories_bx figure img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonials_left .stories_bx:nth-child(2):before{ background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.7; position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 75%; transition: 0.4s; z-index: 2;}
.testimonials_left .stories_bx:nth-child(3):before{ background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.6; position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 50%; transition: 0.4s; z-index: 2;}
.stories_bx .stories_bx_flex{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 2.8rem 3rem 3rem 2.8rem; display: flex; justify-content: space-between; flex-direction: column; z-index: 3;}
.stories_bx_footer .popup-youtube{ max-width: 6.8rem; display: block; position: relative; z-index: 2;}
.stories_bx_footer{ display: flex; justify-content: space-between; align-items: flex-end;}
.stories_bx:first-child .stories_bx_flex>span{border: 1px solid rgba(112, 112, 112, 0.50);}
.stories_bx_flex>span{ letter-spacing: 2.4px; font: var(--font-16); font-family: var(--font-mcl); font-weight: 500; border: 1px solid rgba(255, 255, 255, 0.20); padding: 0.5rem 1rem; display: inline-block; max-width: fit-content; color: var(--color-white); border-radius: 0.3rem;}
.stories_bx_cnt h4{ font: var(--font-34); color: var(--color-white); font-family: var(--font-mcl); max-width: 60%; display: block; font-weight: 300; line-height: 1.1; margin-bottom: 1rem;}
.stories_bx_cnt p{ color: var(--color-white); font-family: var(--font-mcl); display: block;}
.testimonaial_course{  font: var(--font-14); color: var(--color-white); font-family: var(--font-mcl); display: block; font-weight: 700;}
.testimonaial_course span{ font-weight: 300; border-left: 1px solid var(--color-white); padding-left: 1rem; margin-left: 1rem;}
.testimonials_left{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.1rem; border-radius: 8px 0px 0px 0px; overflow: hidden;}
.testimonials_left .stories_bx:first-child{ grid-column: 1 / -1; }
.stories_bx a{ z-index: 2;}
.stories_bx_cnt h5 { font: var(--font-26); color: var(--color-white); font-weight: 300; letter-spacing: 0.78px; line-height: 1.2; font-family: var(--font-grotesk); padding-right:4rem; }
.testimonials_right{ display: grid; grid-template-columns: repeat(2, 1fr); gap:0.1rem; align-items: flex-start; background-color: rgba(255, 255, 255, 0.6); border-radius: 0px 8px 8px 0px; overflow: hidden;}

.testimonials_right .testimonials_bx:nth-child(3){ grid-column: 1 / -1; border-radius: 0px 0px 8px 0px; } 
.paresnt_testi .testimonials_bx:nth-child(3){ grid-column: auto; } 
.testimonial_bx figure{ overflow: hidden;}
.testimonial_bx figure img{ transition: all .5s ease-in-out;}
.testimonial_bx:hover figure img { transform: scale(1.1); }

.facts_bx{position: relative;}
.facts_bx::after{ background-color: #f48034ad; top: 0; bottom: 0; left: 0; right: 0; position: absolute; content: "";}
.testimonials_bx{ position: relative;}
.facts_bx .testimonials_facts_flex { position: absolute; top: 2.8rem; bottom: 3rem; left: 2.8rem; right: 3rem; display: flex; justify-content: space-between; flex-direction: column; z-index: 2; }
.testimonials_facts_flex>span { letter-spacing: 2.4px; font: var(--font-16); font-family: var(--font-mcl); font-weight: 500; border: 1px solid rgba(255, 255, 255, 0.2); padding: 0.5rem 1rem; display: inline-block; max-width: fit-content; color: var(--color-white); border-radius: 0.3rem; }
.testimonials_facts_flex h3{ font: var(--font-72); font-weight: 300; color: var(--color-white); letter-spacing: -1.44px; margin-bottom: 1rem;}
.testimonials_facts_flex p{ font: var(--font-26); font-family: var(--font-grotesk); letter-spacing: 0.78px; font-weight: 300; color: var(--color-white);}
.testimonials_facts{ padding-inline: 3rem;}

.facts_bx>a{ z-index: 3;}
.testimonials_sml_bx { position: absolute; top: 2.8rem; bottom: 3rem; left: 2.8rem; right: 3rem; display: flex; justify-content: space-between; flex-direction: column; }
.testimonials_sml_bx>p{ font: var(--font-26); letter-spacing: 0.78px; color: var(--color-23); max-width: 22.6rem; font-family: var(--font-grotesk);}
.testimonials_bx_footer p{ margin-bottom: 0;}
.testimonials_bx_footer h5{ font: var(--font-18); font-family: var(--font-mcl); color: var(--color-23);}
.testimonials_bx_footer p{ font: var(--font-14); font-family: var(--font-mcl); color: var(--color-23); font-weight: 400;}
.testimonials_bx_footer{ border-top: 1px solid rgba(112, 112, 112, 0.2); padding-top: 3rem; margin-top:3rem; max-width: 40%;}

.testimonials_wrapper_bx p{ font: var(--font-26); font-family: var(--font-grotesk); font-weight: 300; letter-spacing: 0.78px; color: var(--color-23);}
.testimonials_wrapper{ display: flex; justify-content: space-between; flex-direction: column; padding: 8.4rem 13.3rem 3rem;}
.testimonials_slider { width: 100%;}
.factFigure_slider{width: 100%;}
.testimonials_wrapper_bx img.quate{ max-width: 3.2rem; margin-bottom: 2.8rem;}
.testimonials_name{ padding-top: 6rem;}
.testimonials_name{ display: flex; justify-content: space-between; align-items: flex-end;}
.testimonials_name figure img{ max-width: 10.2rem; height: 10.2rem; border-radius: 10rem;}
.testimonials_name_footer img.quate{ margin-bottom: 3.5rem;}
.testimonials_name_footer h5{ font: var(--font-18); color: #231F20; font-family: var(--font-mcl);}
.testimonials_name_footer p{ font: var(--font-14); color: #231F20; font-family: var(--font-mcl); font-weight: 400;}
.testimonials_name_footer p strong{ padding-right: 2rem;}
.about_gallery{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 0.1rem; position: relative;}

.about_us_bx p{ font: var(--font-28); letter-spacing: 0.56px; color: var(--color-23); font-family: var(--font-grotesk); font-weight: 300; line-height: 1.3;}
.about_us{ position: absolute; top: 0; bottom: 0; width: 100%; display: flex; align-items: center;}
.about_us_bx{ max-width: 61.01rem; background-color: rgba(255, 255, 255, 0.95); padding: 7rem 11rem 6.7rem 8rem; box-shadow: 0px 35px 56px #00000057; border-radius: 8px; overflow: hidden; position: relative;}
.about_us_bx::before{background-image: url(../images/blue-border.svg); content: ""; top: 0; width: 100%; height: 2.4rem; position: absolute; z-index: 1; background-repeat: no-repeat; right: 0; background-size: cover;}

.about_us_bx a { font: var(--font-18); color: var(--color-black); display: flex; align-items: center; gap: 2rem; letter-spacing: 1.08px; padding-top: 3rem; max-width: fit-content; }
.about_us_bx a span { width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.30); font: var(--font-24); align-items: center; font-weight: 300; color: rgba(0, 0, 0, 0.30); line-height: normal; padding: 1rem 0; transition: 0.5s; }
.about_us_bx a:hover{ color: var(--color-34);}
.about_us_bx a:hover span{ background-color: var(--color-34); color: var(--color-white); border-color: var(--color-34);}
.about_us_bx h3{ padding-bottom: 3.5rem;}


.happenings_section{ background-color: var(--color-3d); padding-block: 17.5rem 12rem; position: relative;}
.happenings_section::after{background-image: url(../images/white-border.svg); content: ""; bottom: 0; width: 100%; height: 2.1rem; position: absolute; z-index: 1; background-repeat: no-repeat; right: 0; background-size: cover; opacity: 0.2;}
.happenings_section .title_head{ text-align: center;}
.happenings_section .title_head h3{ color: var(--color-34);}
.happenings_section .title_head h5{ color: var(--color-white); letter-spacing: 0;}
.happening_list{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.2rem; padding-top: 4rem;}
.happening_Bx{ position: relative; height: 100%; background-color: var(--color-34);}
.happening_Bx:nth-child(even){ background-color: var(--color-34); }
.happening_Bx:nth-child(odd){ background-color: rgba(77, 200, 244, 0.7); }
.happening_Bx:last-child{ background-color: rgba(77, 200, 244, 0.7);}
.happening_Bx figure{ overflow: hidden;}
.happening_Bx figure img{transition: all .5s ease-in-out;}
.happening_Bx:hover figure img{ transform: scale(1.1);}

.happening_Bx .news_Bx{ position: absolute; top: 2.8rem; bottom: 3rem; left: 2.8rem; right: 3rem; display: flex; justify-content: space-between; flex-direction: column; z-index: 2; }
.happening_Bx .news_Bx h5{ font: var(--font-21); letter-spacing: 0.84px; color: var(--color-white); max-width: 78%; transition: 0.5s; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow: hidden;}
.happening_Bx:hover h5{ color: var(--color-34);}
.happening_Bx:has(figure)::before{background: transparent linear-gradient(181deg, #231F2000 0%, #000000 100%) 0% 0% no-repeat padding-box; opacity: 0.8; position: absolute; bottom: 0; left: 0; right: 0; content: ""; height: 60%; transition: 0.4s; z-index: 2;}
.news_Bx_footer p{ font: var(--font-16); letter-spacing: 0.64px; color: rgba(255, 255, 255, 0.6); padding-top: 0.5rem;}
.news_Bx span{letter-spacing: 2.1px; font: var(--font-14); font-weight: 400; padding: 0.5rem 1rem; display: inline-block; max-width: fit-content; color: var(--color-fc); border-radius: 0.4rem; background-color: rgba(35, 31, 32, 0.39); line-height: 1.6; border: 1px solid rgba(255, 255, 255, 0.39);}
.happening_Bx a{ z-index: 9;}
.news_Bx_head p{ font: var(--font-34); color: var(--color-white); font-family: var(--font-grotesk); margin-top: 4.6rem; width: 60%;}
.happening_Bx:not(:has(figure)) .news_Bx span{ background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.2);}
.happening_Bx:nth-child(odd):not(:has(figure)) .news_Bx span{ color: var(--color-white);}
.happening_Bx:last-child:not(:has(figure)) .news_Bx span{ color: var(--color-white);}
.knowmore_btn{ text-align: center; padding-top: 3.2rem; display: flex; justify-content: center;}
.know_more{font: var(--font-16); color: var(--color-white); display: flex; align-items: center; gap: 2rem; letter-spacing: 0px;transition: 0.5s;}
.know_more span { width: 3.2rem; height: 3.2rem; display: flex; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.6); font: var(--font-24); align-items: center; font-weight: 300; color: rgba(255, 255, 255, 0.6); line-height: normal; transition: 0.5s; padding: 1rem 0; }
.know_more:hover span{background-color: var(--color-34); border-color: var(--color-34); color: var(--color-white);}
.know_more:hover{ color: var(--color-34);}

@media screen and (min-width:2200px){
  .facility_slider_section{padding-left:9.5rem;}
  .title_head blockquote{max-width: 72%;}
}

@media screen and (max-width:2200px){
  .career_right{padding-right: 18rem;}
}

@media screen and (max-width:1920px){
  .career_wapper{ padding-left: 0;}
  .career_right{padding-right: 14rem;}
  .research_nav{  margin-right: 5rem;}
  .testimonials_wrapper{padding: 2.8rem 3rem 3rem 2.8rem;}
}

@media screen and (max-width:1650px){
  .stories_bx_cnt h5{padding-right: 1rem;}
  .title_head blockquote{max-width: 75%;}
  .research p{ padding-right: 5rem;}
  .career_right { padding-right: 15rem; }
  /* .slider_bottom .container-fluid{ max-width: 100%;} */
  .testimonials_sml_bx>p{max-width: 23.6rem;}
  .slider_Bx li figure img { height: 5.3rem; }
  .career_bx figure img { height: 8rem; max-width: 27.5rem; object-fit: contain; }
  .slider_boxes .container{ padding-inline: 13rem; max-width: 100%;}
  .research_nav::before{top: -1.6rem;}
  .career_grid{    gap: 20rem;}
}

@media screen and (max-width:1450px){
  .facility_nav .facility-next, .facility_nav .facility-prev{ top: 2.4rem;}
  .title_head blockquote { max-width: 70%; }
  .title_head h4{line-height: 1;}
  .research_Bx{ gap: 5rem;}
  .banner_nav { bottom: 15rem; right: 8rem; }
  .career_grid{ gap: 19rem;}  
}

@media screen and (max-width:1399px){
  .career_grid { gap: 12rem; }
  .research p { padding-right: 4rem; }
  .title_head blockquote { max-width: 75%; }
  .facility_nav .facility-next, .facility_nav .facility-prev { top: 2.7rem; }
  .career_right { padding-right: 13rem; }
  .facility_Bx_media{transform:translateY(75%);}
 .testimonials_left .stories_bx:nth-child(1):before { height: 100%; }
  
}

@media screen and (max-width:1280px){
  .research p { padding-right: 3rem; }
  .title_head blockquote { max-width: 70%; }
  .career_grid { gap: 10rem; }
  .happening_Bx .news_Bx h5 {max-width: 95%;}
  
 
}

@media screen and (max-width:1170px){
  .research p { padding-right: 2rem; }
  .career_grid { gap: 17rem; }
}

@media screen and (max-width: 991px) {
	.tabs { display: none; }
	.tab_drawer_heading { background-color: #ccc; color: #fff; border-top: 1px solid #333; margin: 0; padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.d_active { background-color: #666; color: #fff; } 
}



@media (max-width:1950px) {
  .facility_right h3 { font: var(--font-40); }
  .career_research { padding-block: 13rem; }
  .testimonials_section { padding-block:10rem 15rem; }
 .content-wrapper { padding-top: 5rem;}
}/*-----1950px-end----------*/

@media (max-width:1649px) {
  .course_bottom ul { flex-wrap: wrap; gap:1rem 3.5rem;justify-content: flex-start;}
  .divider_line { margin-top: 8rem; }
  .career_right { padding-right: 9rem; }
  .career_bx {padding-block: 0 4rem;}
  .happenings_section {padding-block: 10.5rem 10rem;}
  .facility_right h3 { font: var(--font-28); }
  .facility_right p{font: var(--font-18);}
  .facility_Bx>figure::before{opacity: 0.8; background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgb(0 0 0 / 87%) 60%, rgba(0, 0, 0, 0) 100%)}
  .course_bottom ul{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2.5rem;padding:0;}
  .course_bottom ul li{padding-bottom:1rem;border-bottom:0.1rem dashed var(--color-34);}
  .course_bottom ul li:nth-child(3) a::after, .course_bottom ul li:nth-child(4) a::after{display: none;}
}/*-----1649px-end----------*/
@media (max-width:1366px){
  .career_research .title_head h4> br{display: none;}
}
@media (max-width:1280px) {
  .happening_list { padding-top: 1rem; }
  .testimonials_wrapper { padding: 2rem 3rem 3rem 2.8rem }
  .facility_slider { margin-top: 6rem; }
  .placement_wrapper {padding-top: 3rem;}
  .content-wrapper { padding-top: 3rem; }
 
}/*-----1280px-end----------*/
@media (max-width:1199px) {
  .course_bottom ul { flex-wrap: wrap; gap: 1.5rem 4rem; }
  .career_right { padding-right: 0rem; }
  .career_grid { gap: 6rem; }
  .testimonials_wrapper { padding: 4.3rem 6.3rem 3rem; }
  .slider_boxes .container { padding-inline: 5rem; }
  .placement_wrapper {grid-template-columns: 65% auto;}
  .career_grid { gap: 2rem; }
  .career_research { padding-block: 9rem; }
  .facility_section { padding-block: 10rem 0; }
  .title_head blockquote { max-width: 100%; }
  .stories_bx figure{ height: 100%;}
  .stories_bx figure img { height: 100%; object-fit: cover; }
 .testimonials_name_footer img.quate { margin-bottom: 1.5rem; }
  .testimonials_wrapper { padding: 3.2rem 5.3rem 3rem; }
  .testimonials_section { padding-block: 9rem 10rem; }
  .about_us_bx { padding: 7rem 7rem 5.7rem 7rem;}
  .happening_Bx:has(figure)::before{height: 100%;}
  .about_us_bx { padding: 7rem 4rem 4.7rem 4rem; }
 .course_list { padding-top: 4.5rem; }
 .cource_section { padding-block: 9rem; }
  .testimonials_wrapper { padding: 1.3rem 6.3rem 1rem}
}/*-----1199px-end----------*/
.placment_mobwrap{display: none;}
@media (max-width:991px) {
  /* .site_main{overflow-x: hidden;} */
  .slider_bottom .slider_boxes{display: none;}
  .hero_banner .swiper-slide, .hero_banner .swiper-slide img, .hero_banner .swiper-wrapper { height: calc(100dvh - 4rem); }
  .hero_banner .swiper .slide-inner::before { width: 100%; height: 50%; top: inherit; bottom: 0; opacity: 0.8;background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box; }
  .hero_banner .banner_nav{display:none}
  .slide-inner .slide-title { align-items: flex-end; }
  .slider_bottom{display: none;}
  /*-----slider-css-end----------*/

  .cource_section { padding-block: 4rem 2rem; }
  .cource_section .title_head, .placements_section .title_head, .career_research .title_head, .facility_section .title_head, .testimonials_section .title_head, .happenings_section .title_head{text-align: center;}
  .cource_section .title_head h1,  .placements_section .title_head h3, .career_research .title_head h3, .facility_section .title_head h3, .testimonials_section .title_head h3{ padding-bottom: 1.5rem;}
  .cource_section .title_head h2{margin-bottom: 2.5rem;}
  .cource_section .title_head h2, .placements_section .title_head h5, .career_research .title_head h4, .career_research .title_head h4 span, .mobile_globlecg .title_head h3, .mobile_globlecg .title_head h3 span, .facility_section .title_head h4, .facility_section .title_head h4 span, .testimonials_section .title_head h4, .testimonials_section .title_head h4 span, .about_us_bx h4, .about_us_bx h4 span{font: var(--font-48); letter-spacing: -0.32px;line-height: 1.1; font-weight: 500;}
  .cource_section .title_head h2 span, .placements_section .title_head h5 span, .career_research .title_head h4, .mobile_globlecg .title_head h3 span, .facility_section .title_head h4 span, .testimonials_section .title_head h4 span{display: block;}
  .cource_section .row.align-items-center{display: none;}
  .cource_section .course_list { padding-top:0rem; }
  .cource_section .course_list ul{grid-template-columns: repeat(1, 1fr);gap: 0;}
  .cource_section .course_list ul li figure {position: relative;overflow: hidden;}
  .cource_section .course_list ul li figure::before{position: absolute; left: 0; top: 0; width: 100%; height: 70%; background: linear-gradient(180deg, rgb(0 0 0 / 65%) 0%, rgba(253, 187, 45, 0) 100%); content: "";z-index: 1;}
  .cource_section .course_list ul li .overlap_btn{z-index: 1;}
  .cource_section .course_list ul li figcaption { padding: 2.8rem 0 0 2rem; z-index: 1;}
  .cource_section .course_list ul li h3 {letter-spacing: -0.24px;font-weight: normal;}
  .cource_section .course_list ul li p{font-size: 1.8rem;font-weight: 300;color: var(--color-white);opacity: 0.5;}
  .cource_section .course_bottom, .cource_section .divider_line{display: none;}
  /*-----Programe Offered-css-end----------*/

  .placements_section .title_head h5{padding-bottom:2.8rem;}
  .placements_section .placement_wrapper, .placements_section::after{display: none;}
  .placment_mobwrap{display: block;position: relative}
  .placment_mobwrap .placemob_top{display: grid;grid-template-columns: 46.5% 53.5%;}
  .placment_mobwrap .placemob_top figure{margin-right: -1.6rem;position: relative;z-index:2;}
  .placment_mobwrap .left{width: calc(100% + 6rem);}
  .placment_mobwrap .left img{margin-bottom:.5rem;}
  .placment_mobwrap .left h5{font-size:2.1rem;font-weight: 300;font-family: var(--font-mcl);}
  .placment_mobwrap .left img{padding-right: 6rem;}
  .placment_mobwrap .left ul{padding-block: 0.8rem 2.4rem; margin-bottom: 1.6rem; border-bottom: .1rem solid rgb(0 58 119 / 9%);display: flex;flex-wrap: wrap;list-style-type: none;padding-left: 0;}
  .placment_mobwrap .left ul li{font:var(--font-14);color: var(--color-20);font-weight: 300;display: flex;gap: .5rem;line-height: 1;}
  .placment_mobwrap .left ul li strong{font-weight: bold;}
  .placment_mobwrap .left ul li:first-child{padding-right: 1rem;margin-right: 1rem;border-right:.1rem solid rgb(83 86 90 / 20%);}
  .placment_mobwrap .packeage p{font-size: 1.6rem;font-weight: 300;color: var(--color-black);font-family: var(--font-mcl);}
  .placment_mobwrap .packeage blockquote{font-size:4.6rem;font-weight: normal;color: var(--color-34);font-family: var(--font-mcl);letter-spacing: -0.46px;}
  .placment_mobwrap .packeage blockquote sup{font-size: 3.2rem; font-weight: normal; color: var(--color-34); font-family: var(--font-grotesk); letter-spacing: -0.46px;top: -0.2em;}
  .placment_mobwrap .packeage blockquote span{padding-left: .5rem;}
  .placment_mobwrap .placemob_botm{position: absolute;bottom: 0;background: var(--color-34);padding-block: 1.5rem;width: 100%;}
  .placment_mobwrap .placemob_botm::before{position: absolute;bottom: 0;background: var(--color-34);right: 100%;width:1.6rem;height: 100%;content: "";}
  .placment_mobwrap .placemob_botm blockquote{font-size: 5.6rem;font-family: var(--font-mcl);letter-spacing: -0.56px;font-weight: 300;color: var(--color-white);line-height: 1;}
  .placment_mobwrap .placemob_botm blockquote sup { top: -0.2em; }
  .placment_mobwrap .placemob_botm p{font-size: 1.8rem;font-family: var(--font-grotesk);letter-spacing: 1.08px;color: var(--color-white);}
  .placment_mobwrap .placemob_botm p span{display: block;}
  .placment_mobwrap .swiper-pagination{display: flex;justify-content: flex-start;position: static;margin-top: 1rem;align-items: center;}
  .placment_mobwrap .swiper-pagination-bullet { width: 0.3rem; height: 0.3rem; background-color: rgb(255 255 255 / 50%);opacity: 1;}
  .placment_mobwrap .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 0.7rem; height: .7rem; background: transparent; border: .1rem solid #fff; }
  .placement_brand{padding: 0;}
  .placements_section::before{clip-path: none;}
  .placements_section .container-fluid{padding-inline: 0;}
  /*-----Placements-css-end----------*/

  .career_research { padding-block: 4rem 0rem; }
  .career_wapper{grid-template-columns: repeat(1, 1fr);padding-top: 0;gap: 5.2rem;}
  .career_wapper .career_left{order: 2;}
  .career_research .title_head h4{padding-bottom: 2rem;}
  .career_research .career_right blockquote { padding-top: 0; font-size: 1.6rem;font-weight: 300;letter-spacing: 0.32px;text-align: center;line-height:1.5;color: var(--color-black);}
  .career_research .career_left::after{display: none;}
  .career_research .career_left .career_contnt_text{position: static;background: var(--color-white);padding: .2rem 2.7rem 5.3rem 1.5rem;max-width: 100%;}
  .career_research .career_left .career_contnt_text p{font: var(--font-14);color: var(--color-black);font-weight: 300;letter-spacing: 0.56px;font-family: var(--font-grotesk);}
  .career_research .career_contnt_text h4{display: none;}
  .career_research .career_contnt{display:none;}
  .career_research .tab_drawer_heading {padding: 1.8rem 2.7rem 1.8rem 1.5rem;background: var(--color-white);font-size: 2.1rem;font-weight: 300; color: var(--color-20);letter-spacing: 0.42px;border-bottom: .1rem solid var(--color-34);border-top: 0;position: relative;display: flex;align-items: center;transition: .5s;}
  .career_research .tab_drawer_heading:not(:last-child){margin-bottom: 1rem;}
  .career_research .tab_drawer_heading::after{position: absolute;right:1.5rem;width: 1.2rem;height: .7rem;background:url(../images/accordian-icon.svg);background-repeat: no-repeat;content: "";background-size: contain;}
  .career_research .tab_drawer_heading.d_active{border-bottom: transparent;}
  .career_research .tab_drawer_heading.d_active + .tab_content{border-bottom: .1rem solid var(--color-34);margin-bottom: 1rem;margin-top: -1rem;}
  .career_research .tab_drawer_heading.d_active::after{transform: rotate(180deg);transition: .5s;}
  .career_research .career_grid{grid-template-columns: repeat(1, 1fr);gap: 0;}
  .mobile_globlecg {padding-block: 4rem 0rem;}
  .mobile_globlecg .title_head h3{color: var(--color-34);padding-bottom: 3rem;}
  .mobile_globlecg .title_head h3 span{color: var(--color-77);}
  .mobile_globlecg .career_grid{padding-top: 0;}
  .career_bx { padding-inline: 2.5rem; padding-block:3.4rem;}
  .career_bx:first-child {padding-top:0;}
  .career_bx figure{height: auto;}
  .career_bx figure img { height: auto; max-width: 17.8rem; object-fit: contain; }
  .career_bx h4 { margin-block: 1.6rem 1.2rem;font-size: 1.6rem;font-family: var(--font-mcl);letter-spacing: 0.32px;max-width: 100%;}
  .career_bx p {font:var(--font-14);font-family: var(--font-grotesk);letter-spacing: 0.56px;color: var(--color-black);font-weight: 300;}
  /*-----Kishkinda Difference-css-end----------*/

  .research_wapper {padding-block: 4rem 10rem;}
  .research_wapper::before{display: none;}
  .research_wapper .col-lg-5{text-align: center;}
  .research_wapper .research a{margin-inline: auto;}
  .research h4 { margin-bottom:1.5rem; }
  .research h5 { letter-spacing: -0.32px; }
  .research_wapper::after { background: transparent linear-gradient(0deg, #00000000 0%, #000000a1 100%) 0% 0% no-repeat padding-box; opacity: 1; width: 100%; height: 60%; }
  /*-----Research-css-end----------*/

    .facility_section { padding-block: 4rem 0; }
    .facility_section .title_head h4{padding-bottom: 2rem;}
    .facility_buttons{display: none;}
    .facility_section .title_head blockquote{font-size: 1.6rem;font-weight: 300;font-family: var(--font-mcl);line-height: 1.5;}
    /* .facility_section .swiper-wrapper{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 0.11rem;}
    .facility_section .swiper-wrapper .swiper-slide:last-child{display: none;} */
    .facility_Bx_media{transform: none;inset: 0;padding: 1.4rem; display: flex; align-items: flex-end;overflow: hidden;}
    .facility_Bx_cnt, .facility_Bx_media>p,.facility_Bx_media h5 span, .facility_Bx::after, .facility_Bx::before{display: none;}
    .facility_Bx_media h5{font: var(--font-15);font-family: var(--font-grotesk);margin: 0;letter-spacing: 0;}
    .facility_slider { margin-top: 3.6rem; }
    .facility_Bx_media h5 a:after{position: absolute;inset: 0;width: 100%;height: 100%;content: "";}
    .facility_Bx:hover .facility_Bx_media { transform: none; opacity: 1; }
    .facility_Bx:hover .facility_Bx_media h5{color: var(--color-34);}
    .facility_Bx:hover .facility_Bx_media h5{margin-bottom: 0;}
    .facility_Bx:hover>figure::before { opacity: 0.8; }
  /*-----facility_section-css-end----------*/

    .testimonials_section { padding-block: 4rem 2rem; }
    .testimonials_section br, .career_research .title_head h4 br{display: none;}
    .testimonials_section .title_head blockquote{display: none;}
    .testimonials_section .title_head h4{padding-bottom: 3.8rem;}
    .testimonials_section .testimonials_header { padding-top: 0; }
    .testimonials_section .testimonials_header ul { justify-content: center; }
    .testimonials_section .testimonial_grid { grid-template-columns: repeat(1, 1fr); gap:1.6rem; border-radius: 0;}
    .testimonials_section .testimonials_left, .testimonials_right{grid-template-columns: repeat(1, 1fr);border-radius: 0;}
    .testimonials_section .testimonials_left .stories_bx:not(:nth-child(1)){display: none;}
    .testimonials_section .testimonials_right .facts_bx{display: none;}
    .testimonials_section .testimonials_wrapper{display: none;}
    .testimonials_section .stories_bx_flex>span{display: none;}
    .testimonials_section .content-wrapper{padding-inline: 1.6rem;}
    .testimonials_section .stories_bx figure, .testimonials_right{ height: 100%; min-height: 40rem; }
    .testimonials_section .stories_bx .stories_bx_flex { padding: 2rem 3.5rem 2.3rem 2.3rem; justify-content: flex-end;}
    .testimonials_section .stories_bx_cnt h4 { font-size: 1.6rem; font-weight: 300; letter-spacing: 0.32px; font-family: var(--font-mcl); max-width: 70%; line-height: 1.4; margin-bottom: 6.3rem; }
    .testimonials_section .stories_bx_cnt p{font-size: 1.6rem;font-weight: normal;font-family: var(--font-mcl);margin-bottom: .5rem;}
    .testimonials_section .testimonials_left .stories_bx:nth-child(1):before { height: 100%; background: transparent linear-gradient(180deg, #00000000 0%, #000000db 100%) 0% 0% no-repeat padding-box; opacity: 1; }
    .testimonials_section .stories_bx_footer .popup-youtube { min-width: 6.8rem; }
    .testimonials_section .testimonaial_course{font-weight: bold;}
    .testimonials_section .testimonials_sml_bx { position: absolute; top: 2.9rem; bottom: 2.7rem; left: 2.3rem; right: 3rem; }
    .testimonials_section .testimonials_sml_bx>p{font-size: 1.6rem;font-weight: normal;font-family: var(--font-mcl);letter-spacing: 0.32px;max-width: 20.6rem;}
    .testimonials_section  .testimonials_bx_footer h5{font-size: 1.6rem;font-weight: normal;font-family: var(--font-mcl);letter-spacing:0px;line-height: 1.3;margin-bottom: .6rem;}
    .testimonials_section  .testimonials_bx_footer p strong{font-weight: bold;color: var(--color-20);}
    .testimonials_section .testimonials_bx_footer p { font-weight: 300; }
    .testimonials_section .testimonials_right .testimonials_bx{height: 100%;}
    .testimonials_section .testimonials_right figure{height: 100%;}
    .testimonials_section .testimonials_right figure img{height: 100%;object-fit: cover;}
    .testimonials_section .testimonials_right .testimonials_bx:nth-child(3){display: none;}
    .testimonials_section .testimonials_bx_footer{padding-top: 0;margin-top: 0;border: 0;}
  /*-----Testimonals-css-end----------*/

  .about_gallery { grid-template-columns: repeat(4, 1fr); gap: 0.1rem; }
  .about_us_bx { max-width: 100%;background: var(--color-white);border-radius: .4rem;overflow: hidden;box-shadow: 0px 35px 56px #00000057;}
  .about_us_bx h3, .about_us_bx h4{ padding-bottom: 1.5rem; }
  .about_us_bx a{font-size: 1.8rem;letter-spacing: 1.08px;font-family: var(--font-grotesk);}
  /*-----about_gallery-css-end----------*/

   .happenings_section { padding-block: 4rem 3rem; }
   .happenings_section::after{display: none;}
   .happenings_section .title_head h3{padding-bottom: 1rem;color: var(--color-white);}
   .happenings_section .title_head h5{font-size:2.8rem;letter-spacing: -0.28px;font-family: var(--font-mcl);line-height: 1.2;}
   .happening_list { padding-top: 0; grid-template-columns: repeat(1, 1fr); gap: 1.6rem; }
   .happening_Bx .news_Bx { inset: 0; padding: 1rem 1.1rem 2.9rem; }
   .news_Bx span { padding: 0.9rem; display: inline-block; max-width: fit-content; color: rgb(255 255 255 / 60%); border-radius: 0.4rem; background-color: rgb(35 31 32 / 39%); line-height: 1; border: 1px solid rgba(255, 255, 255, 0.39); letter-spacing: 0.64px; font-size: 1.6rem; font-family: var(--font-grotesk);}
   .happening_Bx .news_Bx h5 { max-width: 100%;font: var(--font-28);}
  .news_Bx_footer p { font-size:1.6rem; font-family: var(--font-grotesk); letter-spacing: 0.64px; color: rgba(255, 255, 255, 0.6); padding-top: 0.8rem; }
  .happening_Bx{display: none;}
  .happening_Bx:nth-child(1), .happening_Bx:nth-child(2){display: block;}
  .happening_Bx:nth-child(2)::before { height: 100%; background: var(--color-34); }
  .happening_Bx:nth-child(2) .news_Bx span{background: transparent;}
  .happening_Bx:nth-child(2) .news_Bx{justify-content: flex-start;}
  .happening_Bx:nth-child(2) .news_Bx .news_Bx_head{margin-bottom: 2.3rem;}
  .happening_Bx:nth-child(2):hover h5{color: var(--color-20);}
  .happenings_section .knowmore_btn { padding-top: 2.1rem; }
  .know_more{font-size: 1.6rem;font-weight: normal;gap: 1.6rem;}
  /*-----happenings_section-css-end----------*/

}/*-----991px-end----------*/
@media (max-width:767px) {
  .about_gallery { grid-template-columns: repeat(3, 1fr); gap: 0.1rem; }
  .testimonials_section .stories_bx figure, .testimonials_right{min-height:22.1rem; }
}/*-----767px-end----------*/
@media (max-width:575px) {
  .about_gallery { grid-template-columns: repeat(2, 1fr); gap: 0.1rem; }
  .research a span, .about_us_bx a span, .know_more span{ width: 2.5rem; height: 2.5rem;}
}/*-----575px-end----------*/
@media (max-width:350px) {
  .testimonials_section .title_head h4 { padding-bottom: 2.8rem; }
  .testimonials_section .stories_bx_cnt h4 { max-width: 86%;}
  .testimonials_section .stories_bx .stories_bx_flex { padding: 2rem 2.5rem 1.3rem 1.3rem; }
  .testimonials_section .testimonials_sml_bx { top: 1.9rem; bottom: 2.7rem; left: 1.3rem; right: 2rem; }
  .testimonials_section .testimonials_sml_bx>p {max-width: 19.6rem; }
  .happenings_section .title_head h5 { font-size: 2.5rem;}
  .about_us_bx { padding: 5rem 2rem 2.7rem 2rem; }
  .facility_slider { margin-top: 2.6rem; }
  .career_wapper { gap: 2.2rem; }
  .placment_mobwrap .packeage blockquote { font-size: 4rem;}
  .placment_mobwrap .placemob_botm blockquote{font-size: 5rem;}
  .placment_mobwrap .left ul li:first-child { padding-right: 0.5rem; margin-right: 0.5rem;}
  .career_research .career_left .career_contnt_text {padding: .2rem 2.7rem 3.3rem 1.5rem;}
  .career_research .tab_drawer_heading { padding: 1.5rem 2.7rem 1.5rem 1.5rem;font-size: 1.8rem;}
  .news_Bx span{font: var(--font-14);}
}/*-----350px-end----------*/