@charset "UTF-8";

/*
Theme Name: CampusNewz
Theme URI: https://campusnewz.com/
Author: the CampusNewz team
Author URI: https://wordpress.org/
Description: Campusnewz is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/










#heroSliderTop {margin-top:20px;}
.sp-photo .sp-badge {display:none;}
.campus-panel  p {font-size: 14px; line-height: 19px; margin-bottom:5px;}
.shortNews p {font-size: 14px; line-height: 19px; margin-bottom:5px;}
.news-grid .sec-row .sec-body p {font-size: 14px;
    color: #555;
    line-height: 1.78; margin-bottom:5px;}

.school-panel .sc-thumb {display:none;}
.schools-grid .board-badge {display:none;}
.campus-panel .cn-img {display:none;}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.nirf-tag, .rank-badge {display:none!important;}
.hero-right::before {
    background: none!important;
}
.hero-right::after {
    background: none!important;
}
.hero-gear-inner {
    width: auto!important;
	height: auto!important;}
.hero-orb-inner {
    width: auto!important;
	height: auto!important;}
.hero-orbit-inner {
    width: auto!important;
	height: auto!important;}
.hero-right .hero-photo {width:100%;}
.hero .hero-content {padding: 20px 0;}
.popular-news-schools .sc-body {padding: 0!important;}

.student-achievements .stat-item {
    background: transparent!important;
    border: 0px solid #eceef1!important;
	border-bottom: 0px solid #b3253a!important;}

.sh-badge {display:none;}








/* ===== CSS VARIABLES ===== */
:root {
  --hm-red: #ec2127;
  --hm-red-dark: #c41a1f;
  --hm-red-light: #ff4a4f;
  --hm-red-pale: #fff0f0;
  --hm-dark: #1a1a2e;
  --hm-gray-dark: #333344;
  --hm-gray: #666680;
  --hm-gray-light: #f4f4f8;
  --hm-white: #ffffff;
  --hm-border: #e8e8f0;
  --hm-shadow: 0 4px 24px rgba(236,33,39,0.10);
  --hm-shadow-lg: 0 12px 48px rgba(236,33,39,0.15);
  --hm-radius: 12px;
  --hm-radius-lg: 20px;
  --hm-font: 'Poppins', sans-serif;
  --hm-font-display: 'Playfair Display', serif;
  --hm-transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
--green:#2d6a4f;
  --green-light:#52b788;
  --green-pale:#d8f3dc;
  --amber:#e76f51;
  --amber-pale:#fde8df;
  --cream:#faf7f2;
  --ink:#1a1a18;
  --ink-muted:#5a5a52;
  --white:#ffffff;
  --rule:#e0dbd0;
  --radius:12px;
}
.optionzone {
	background: #f4f4f4;
    padding: 12px;
	margin-bottom:20px;
}
.optionzone h5 {margin-bottom: 0!important;}
.optionzone span {
color: #b2252d;;
}
.sectionLeft .rankingfilterPart h5 {
    background:#f4e7dd;
    padding: 12px;
}
.rankingColledges_box {
    background: #fff5f5;
    padding: 24px;	
}
.rankingColledges ul li:nth-child(even) {background: #fffafa;}
body
{
  background-color:#fff;
  font-family: "Poppins", sans-serif; 
}
.arrowStyle .brand_icon {width:70px;}
.hm-feature-desc a img {width:26px;}
.dshow
{
  display:block;
}
.normal_block.minusttop.bgcolBlue {padding-bottom: 24px !important;}
.btnShowSortst {background:#b8e0fb; padding: 12px; margin-bottom:15px;}
.btnShowSortst h5 {margin-bottom:0!important;}

.btnShowSortct {background: #f6f6f6; padding: 12px; margin-bottom:15px;}
.btnShowSortct h5 {margin-bottom:0!important;}
.progranduracnt .crPath ul li {display:flex;}
.progranduracnt .crPath ul li strong {width:30%;}

.rankingColledges h2 { font-size: 18px; margin-top: 0px;
margin-bottom: 20px;}
.mshow
{
  display:none; 
}
.progranduracnt .cp_right ul {
	padding-left: 0!important;}
.minusttop.bgcolBlue ul li {background: #f2feff; padding: 6px; padding-right: 15px;}
.minusttop.bgcolBlue ul {padding-right: 15px;}
.zoneBox { background: #b2252d; color: #fff; border: none; }
a {text-decoration: none; color:#000;}
a:hover {color:#ec2127;}

p
{
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;  
}

.common-title
{
  font-size: 24px;
  font-weight: 400;
  line-height: 36px;
  text-align: justify;
    position: relative; 
}
.govtFilter {cursor:pointer;}
.govtFilter.active {color:#ec2127;}
.navigation-wrap 
{
   
}
.principal-diary-template-default .common-heading {
    font-size: 20px;
}
.principal-diary-template-default .innov-right h5 {font-size: 18px; color: #8a8a8a;}
.innovator-template-default .common-heading {
    font-size: 20px;
}
.innovator-template-default .innov-right h5 {font-size: 18px;color: #8a8a8a;}

.messagePrincipal-container {display:flex; align-items:center; justify-content:space-between; }
.messagePrincipal-container .inside-heading-container {width:50%;}
.messagePrincipal-container .messagePrincipalBox {width:50%;}

.newCarrerPath {display:flex; column-gap:20px; justify-content:space-between;}
.newCarrerPath .crPath {width:50%;}
.newCarrerPath .crPath ul {padding-left: 16px;}
.newProgram1 .crPath h3 {font-size: 18px;}
.newCarrerPath .crPath h3 {font-size: 18px;}

.mba2colSec {display:flex; align-items:start; column-gap:20px; padding:30px 0;}
.mba2colSec .mba2col {width:50%;}
.mba2rowsec {margin-bottom:20px; display:flex; align-items:start; column-gap:20px;}
.mbaIcon img {width:100%;}
.mbaIcon {width:100px;}
.mbaList {width:calc(100% - 120px);}
.mbaList h3 {font-size:23px; font-weight:600;}
.defaultOverview .ece-content p {
    color: #000;
}
.defaultOverview .ece-content h2 {
    font-family: auto;
    color: #000;
    font-weight: 600;
}
.defaultOverview .ece-content h1 {
    color: #ed1c24;
    margin-bottom: 15px;
}
.defaultOverview .ece-content {
    background: #fff;
}
.salaryProspect {margin-bottom:20px!important;}
.defaultOverview .ece-title {color:#000; font-size: 32px; line-height: 44px;}
.defaultOverview {background:none!important; padding:40px 0!important;}
.defaultOverview .ece-container {
    width: 100%;
    align-items: start;
    column-gap: 60px;
}
.defaultOverview .ece-content {
    padding-right: 0px !important;
    width: 50%;
    padding: 0;
}
.defaultOverview .ece-image {
    width: 50%;
    margin-left: 0;
}
.main_menu 
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.main_logo img {height:72px;}
.irsimage {width:70px;}
.main_menu ul 
{
    display: flex;
    grid-column-gap: 40px;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}

.main_menu ul li a:hover {border-bottom: 2px solid #fff;}
.main_menu ul li a 
{
  color: #fff;
    text-decoration: none;
    align-items: center;
    font-size: 18px;
    font-weight:400;
  position:relative;
}

.main_menu ul li a.active 
{
    font-weight:500;
}

.main_menu ul li a.active:before 
{
    content: '';
    width: 28px;
    height: 3px;
    position: absolute;
    background-color: #1D67F6;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}

.secondry_menu
{
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    row-gap: 5px;
    padding: 5px 0;
}

.newMenu ul {
    display: flex;
    margin-bottom: 0;
    list-style: none;
    padding: 7px 10px;
    flex-wrap: wrap;
    margin: 0 15px;}
    .newMenu ul li:last-child {border-right:0px solid #ec2127; }
.newMenu ul li {border-right:2px solid #ec2127; line-height: 18px; padding-right: 10px; margin-right: 10px; margin-bottom: 7px;}
.newMenu ul li a {font-size:16px;}
.dotline {border-bottom:0px dashed #000; width:93%; margin:0 auto;}
.secondry_menu ul.normalMenu 
{
    display: flex;
    grid-column-gap: 20px;
    margin-bottom: 0;
    list-style: none;
    padding: 7px 20px;
    margin: 0 15px;
    background: #fbfcfe;
}

.secondry_menu ul.normalMenu li a 
{
    color: #7e7e86;
    text-decoration: none;
    align-items: center;
    font-size: 15px;
    font-weight:400;
}

.secondry_menu ul.normalMenu li a.active 
{
   color:#645880;

}
.secondry_menu ul.normalMenu li a:hover {color:#645880; border-bottom: 2px solid #d2a472;}
.secondry_menu ul.normalMenu li.active > a { color: #645880; border-bottom: 2px solid #d2a472;}

.free-website-audit 
{
  color: #fff;
    height: 100%;
    border-radius: 4px;
    padding: 12px 24px;
    text-decoration: none;
    background-color: #1E6AFD;
    font-size: 16px;
    font-weight: 400;
}
header .navigation-wrap {    margin-top: 20px;}
.sectionLeft.colPanel .column-box {padding: 0;}
.navigation-wrap .custom-container {display: flex; align-items: start; column-gap: 40px; justify-content: space-between;}
.navigation-wrap {padding: 0 30px;}
.logo-header img {}
.secondry_menu {background: #fff;border-radius: 86px;}
.navigation_section {width:100%;}
.logo-header {width:20%;}
.hemberger {width:20%; text-align: center; padding: 10px 0;}
.menuTitle { margin-left: 25px; display: block; color: #000; font-weight: 600; font-size: 18px; display: flex; align-items: center; column-gap: 8px;}
.menuTitle img {width:38px;}
.box-sbl1 .box-list h4 a {
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    text-align: left;
    display: block;
}
.box-sbl1 .box-list h4 { padding: 0;}
.sideBlockL1 .withBlackTitle .boxSection_cnt {
    text-align: left;
}

/* clean css */
.sectionColumn {display: flex; column-gap: 20px; align-items: start;}
.colPanel {}
.sectionLeft {width:20%;}
.sectionCenter {width:60%;}
.sectionright {width:20%;}
.titlebgblue .floatSection_head h4 {background: #0ab1a9;}
.boxSection_cnt img {width: 100%; margin-bottom: 10px;}

.mainBody {padding: 10px 0;}
.colPanel .column-box {padding:20px 20px;}
.box-sbl1 {background: #fff; padding: 20px 0px;}
.darkSubHead {font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.lightSubHead {font-size: 20px; font-weight: 600; margin-bottom: 15px; color: #000;}
.lightSubHead span {font-weight: 400;}
.box-sbl1 h4 {font-size: 14px; font-weight: 600;}
.box-sbl1 h4 a {text-decoration: none;}
.box-sbl1 p {font-size: 12px; font-weight: 400; line-height: 16px; margin-bottom: 0}
.box-sbl1 .box-list {border-bottom: 1px solid #f3f3f3; margin-bottom: 15px; padding-bottom: 15px;}
.box-sbl1 .box-list:last-child {border-bottom: 0px solid #f3f3f3; margin-bottom: 0px; padding-bottom: 0px;}
.sideBlockL1 {margin-bottom: 50px;}
.titlebgblue .boxSection_cnt p {
    font-size: 12px;
    line-height: 17px;
}
.boxSection_cnt h5 {font-size: 15px;}
.latestNews {border-bottom: 0px solid #ebebeb;}
.latestNews .global_box {
    border: 0px solid #c6c6c6;
    margin-top: 0;
}
.latestNews .withBlackTitle .boxSection_cnt {
    margin-top: 0;
    background: #cce7d4;
}
.latestNews.sideBlockR1 .box-list {
        padding: 15px;
    border-radius: 0;
    display: block;}
.latestNews.sideBlockR1 h4 {
    width: 100%;
}
.latestNews.sideBlockR1 .box-sbl1 .box-list {
    border-bottom: 0;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.latestNews .box-sbl1 .box-list h4 a {
    font-weight: 400;}
.rightreadmore {padding-right: 20px; padding-bottom: 20px;}
.latestNews .boxSection_cnt img {
    width: 100%;
    margin-bottom: 0;}
.latestNews.sideBlockR1 .box-sbl1{
    border: 0px solid #ebebeb;
}
.latestNews .box-sbl1 {
    background: transparent;}
.latestNews.sideBlockR1 .box-list {
    background: transparent;}
.latestNews .global_box_inner {
    padding: 0;
}

.box-sbl2 h4 {font-size: 14px; font-weight: 600;}
.box-sbl2 p {font-size: 16px; font-weight: 400; line-height: 16px; margin-bottom: 0; line-height: 18px;}
.box-sbl2 .box-list { margin-bottom: 15px;}
.media-box img {width:100%;}
.media-box {margin-bottom: 15px;}
.sideBlockL2 {margin-bottom: 30px;}
.sideBlockL2 img {width: 100%;}
.media-box-advt img {width:100%;}
.container {width:100%; max-width: 95%;}
.thumb-box img {width:100%;}
.sideBlockR1 {border-bottom: 1px solid #ebebeb; margin-bottom: 15px;  padding-bottom: 15px!important;}
.sideBlockR1 .box-sbl1 {border: 1px solid #ebebeb;}
.sideBlockR1 .thumb-box img {border-radius: 5px; height:58px; object-fit: cover;}
.sideBlockR1 .thumb-box {width:80px;}
.sideBlockR1 h4 {width:calc( 100% - 90px);}
.sideBlockR1 .box-list {display: flex; align-items: start; column-gap: 10px;}
.sideBlockR1 .box-sbl1 h4 {font-size: 12px; font-weight: 500;}
.sideBlockR1 .box-sbl1 .box-list {border-bottom: 0; margin-bottom: 5px; padding-bottom: 5px;}
.sideBlockR1 .box-list {background: #fbfbfb; padding:8px; border-radius: 5px;}
.sectionright.colPanel .column-box {padding-right: 0; padding-left: 0;}
.padbright {padding-bottom: 30px;}
.redBoxbtn {background: #ec2127; text-align: center; padding:15px; margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
}
.trendingGraph.global_box {margin-top: 45px;}
.trendingGraph.centerTitle .floatSection_head {
    top: -30px;
    left: -1px;
}
.sideBlockL3box {margin-top:50px;}
.bluestrip {background: #0ab1a9; text-align: center; padding:15px; margin-bottom: 15px; color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.bluestrip span {display: block; font-size: 16px; font-weight: 300; color: #fff;}
.redBoxbtn span {display: block; font-size: 16px; font-weight: 300; color: #fff;}
.txtcenter {text-align: center;}
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 ratio (9/16 = 0.5625) */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  border-radius: 8px;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;

}
.unfillBtn a {text-align: center; padding:10px 30px; text-decoration: none; color: #7a7a7a; font-size: 14px; display: block; border-radius: 30px; width:100%; border:1px solid #b1b1b1;}
.unfillBtn {display: flex; align-items: center; justify-content: center; margin-top:20px;}
.unfillBtn a:hover {background:#fbfbfb; }
.linebtm { margin-bottom: 15px; padding-bottom: 15px!important;}
.rankingBlock a {text-decoration: none;}

.searchContainer {margin-bottom: 0px;}
.searchContainer h2 {text-align: center; color: #000; font-weight: 600; font-size: 20px; padding-bottom: 10px;}
.searchContainer .searchBox {border:1px solid #ccc; padding:0;}
.searchBox .formsearch {display: flex; align-items: center; column-gap:10px;}
.searchBox .searchField {border:0; outline: none; padding-left: 15px;}
.searchField {width:calc(100% - 150px);}
.searchBtn {width:150px; background: #f47820; color:#fff; padding:8px; border:1px solid #e17f34;}
.searchBtn:hover {background: #ff720d;}

.newsLists {margin-bottom: 10px;}
.newsListInner {display: flex; align-items: start; column-gap: 20px;}
.newsThumb img {width:100%; border-radius: 8px;}
.newsThumb {width:260px;}
.newsListContent {width:calc(100% - 280px);}
.newsListContent h3 {font-size: 22px; font-weight: 700; padding-top:0px;}
.newsListContent h3 a {}
.newsListContent p {font-size: 14px; color:#585856; margin-bottom: 0; line-height: 19px;}
.eventListInner {display: flex; align-items: start; column-gap: 20px; justify-content: space-between;}
.eventThumb img {width:100%; height: 240px; object-fit: cover;}
.eventListContent h3 {text-align: center;}
.eventThumb {width: 60%;}
.eventListContent {width: 33%;}
.zoneListPart img {width: 36%;}
.eventListContent h3 {font-size: 20px; padding:0 20px; font-weight: 500; margin-bottom: 10px;}
.zoneListPart {padding: 10px 20px; border:1px solid #c6c6c6; text-align: center;}
.eventListContent h4 {font-size: 16px;}
.zoneLists {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.zoneListPart span {font-size: 12px; color:#000; }

.examListPart img {width: 45px; height: 45px; border: 1px solid #ccc; border-radius: 50%; padding: 3px;}
.examListPart {padding: 10px 6px;}
.examListPart a:hover {color:#000;}
.examLists {display: flex; column-gap: 2px; padding:5px; border:1px solid #ccc;}
.examListPart span {font-size: 12px; color:#000; display: inline-block; padding: 0px 3px;}
.examListPart a {display: flex; column-gap: 10px; align-items: center;}
.examListPart .examtext {width:100%; text-align: center;}
.examListPart .examtext h4 {font-size: 14px; margin-top: 7px;}
.classic_ads img {width:100%;}
.classic_ads {padding:20px 0;}
.examLists .examListPart:nth-child(1) {background-color: #00c2b2;}
.examLists .examListPart:nth-child(2) {background-color: #ffc853;}
.examLists .examListPart:nth-child(3) {background-color: #f48885;}
.examLists .examListPart:nth-child(4) {background-color: #91d8f6;}
.examLists .examListPart:nth-child(5) {background-color: #fcd2c2;}

.portal_card {padding:20px 0;}
.portal_card .newsListsCard .newsListInnerCard {
    padding:0;
    box-shadow: none;
    border-radius: 0px;
}
.portal_card .newsListsCard .newsThumbPart img {
    width: 100%;
    border-radius: 0px;
    height: auto;
    object-fit: cover;
}
.portal_card .newsListsCard .newsListContentPart h3 {text-align: center;}
.portal_card .newsListsCard .newsListContentPart h3 span {display: block; font-weight: 400;}

.campusNewsSection {margin-bottom: 30px;}
.newsListsCard {margin-bottom: 10px; display: flex; column-gap: 10px; justify-content: center;}
.newsListsCard .newsListInnerCard {padding: 5px 5px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.newsListsCard .newsThumbPart img {width:100%; border-radius: 8px; height: 146px; object-fit: cover;}
.newsListsCard .newsThumbPart {}
.newsListsCard .newsListContentPart { margin-top:10px; padding:0 5px;}
.newsListsCard .newsListContentPart h3 {font-size: 16px; font-weight: 600; padding-top:0px;}
.newsListsCard .newsListContentPart h3 a {}
.newsListsCard .newsListContentPart p {font-size: 14px; color:#585856; margin-bottom: 0; line-height: 19px;}

.zone1Lists { margin-bottom: 10px; }
.zone1ListInner { display: flex; align-items: start; column-gap: 20px; }
.zone1Thumb { width: 260px; }
.zone1Thumb img { width: 100%; }
.zone1ListContent { width: calc(100% - 280px); }

.zone1ListContent h3 span { font-weight: 600;}
.zone1ListContent h3 {
    text-align: left;
    font-size: 18px;
    padding: 0 0px;
    font-weight: 400;
    margin-bottom: 21px;
}
.zone1ListContent h4 {
    font-size: 16px;
}
.zone1ListContent .zoneListPart span {
    font-size: 14px;
    font-weight: 600;
    display: block;
}
.zone1ListContent .zoneLists {
    grid-template-columns: 1fr 1fr;
}
.zone1ListContent .zoneListPart {
    padding: 10px 10px;
}

.eventsSection.newsInfocus .eventListContent { width:300px; }
.eventsSection.newsInfocus .eventThumb {width: calc(100% - 320px);}
.eventsSection.newsInfocus .eventThumb img {height: auto;}

.nlbox {font-size:32px; margin-top:5px; color:#000; font-weight: 700; display: block;}
.newslinkbox {color: #000; margin-bottom: 30px; border:1px solid #ccc; padding: 5px 15px; display: inline-block;}
.livelinkbox {color: #ec2127; margin-bottom: 20px;}
.todaylinkbox {color: #000; margin-bottom: 0px;}
.previouslinkbox {color: #7a7a7a; margin-bottom: 0px; line-height: 20px;}

.twoColSection {display: flex; align-items: start; justify-content: space-between;column-gap: 20px; margin-bottom: 30px;}
.schoolNewsSection {width: 50%;}
.speakerSection {width:50%;}
.schoolNewsSection img {width:100%; margin-bottom: 15px;}
.newsPin {padding:15px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);}
.newsPin p {margin-bottom: 0; font-size: 16px; font-weight: 600;}
.schoolNewsSection .zone1ListContent {width:100%;}
.schoolNewsSection .zoneListPart img {width:66px;}

.speakListPart img {width: 92%; margin-bottom: 10px; border-radius: 50%;}
.speakListPart { text-align: center;}
.speakListInner {background: #123845; padding: 28px 20px;}
.speakLists {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px;}
.speakListPart span {font-size: 12px; color:#000; background: #fff; border-radius: 0px; padding:2px 8px;}
.speakListPart a {align-items: center;}
.speakListPart .speaktext {width:100%; text-align: center;}
.speakListPart .speaktext h4 {font-size: 16px; margin-top: 10px; color:#27b1b1;}
.speakListPart .speaktext p {font-size: 12px; font-weight: 400; line-height: 17px; color:#fff; margin-bottom: 0;}

/* streams page css */
.main-leftInner {padding-right: 20px;}
.streamSection {margin-top:30px;}
.streamContent {margin-bottom: 10px; }
.streamPart {display: flex;align-items: start;column-gap: 20px;}
/*.streamPart .stThumb {width: 460px; order:2;}*/
/*.streamPart .stThumb img {width: 100%;border-radius: 8px; margin-bottom: 20px;}*/
/*.stBodyContent {width: calc(100% - 480px);order:1;}*/
.stBodyContent {width: 100%;}
.stBodyContent h2 {font-size: 22px; font-weight: 700; padding-top: 0px;}
.stBodyContent h3 {font-size: 20px; font-weight: 600; padding-top: 0px; margin-bottom: 20px;}
.stBodyContent h4 {font-size: 18px; font-weight: 600; padding-top: 0px; margin-bottom: 20px;}
.stBodyContent p {font-size: 16px; color: #000; margin-bottom: 20px; line-height: 24px;}
.stBodyContent li {font-size: 16px; color: #000; line-height: 24px;}

.streamLists {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.streamListPart {padding: 10px 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); text-align: center; background:#f9f9f9; height:120px; }
.streamListPart h4 {font-size: 18px;}
.streamListPart img {width: 100%; margin:0 auto; display: none;}
.streamListPart span {font-size: 12px;color: #000;}
.streamListsv2 {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}

.streamListPartv2 {
    padding: 15px 20px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    text-align: left;
    background: #fbfbfb;
}
.streamListPartv2 h4 {font-size: 18px; margin-bottom: 0px; line-height: 28px;}
.streamListPartv2 img {width: 100%; margin:0 auto; display: none;}
.streamListPartv2 span {font-size: 12px;color: #000;}
.streamListPartv2 p {font-size: 16px; line-height: 24px;}

.contentlower {margin-top: 20px;}
.contentlower li {margin-bottom: 15px;}
.streamLists {margin-top:40px;}
.toprightimage {max-width: 380px; float:right; margin-left: 30px; margin-bottom: 30px; border-radius: 8px;}

.bgListBlock {padding: 20px; margin-bottom: 20px;}
.sideListL1 {background: #efe3af; margin-bottom: 20px;}
.bgListBlock .lightSubHead {font-size: 22px;font-weight: 600; margin-bottom: 15px; color: #000;}
.numberList ul {padding-left: 10px;}
.numberList ol {padding-left: 10px;}
.numberList li {font-weight: 500; border-bottom: 2px solid #f5f5f5; padding-bottom: 8px; margin-bottom: 8px;}
.numberList li:last-child {border-bottom: 0px solid #f5f5f5;padding-bottom: 0px; margin-bottom: 0px;}
.sectioninnerright {width: 30%; padding-top:30px;}
.mainLeft {width:70%;}
.sectioninnerright .column-box {padding: 0;}
.sideListL2 {background: #ffc90e;}
.sideListL2 .numberList li {border-bottom: 0px solid #f5f5f5; color:#000;}
.inner-container {margin-bottom: 30px;}

/* innner stream */
.streamInnerimg img {width:100%;}
.streamInnerimg {margin-bottom: 30px;}
.streamInner .streamContent{ }
.streamInner .streamPartA {border-right: 2px solid #efe4b0; padding-right: 30px;}
.streamInner .streamPartB {border-left: 2px solid #efe4b0; padding-left: 30px;}
.streamInnerHead {margin-bottom: 30px; display: flex; align-items: center;}
.streamInnerHead span {font-size: 64px;background: #efe4b0;color: #fff;font-weight: 700; display: inline-block; padding:10px 20px; line-height: 80px;}
.streamInnerHead h1 {
margin-bottom: 0;
    font-size: 26px;
    color: #000;
    font-weight: 700;
    border: 3px solid #efe4b0;
    padding: 16px;
    border-left: 0;
    width: 100%;
}
.bottomSpace {margin-bottom: 30px;}
.simpleListblock h3 {color: #ec3237; font-size: 22px; font-weight: 600; margin-bottom: 15px;}
.simpleListblock {margin-bottom: 20px;}
.streamInnerPage .mainLeft {    box-shadow: 4px 0 2px -1px rgb(239 228 176);}
.streamInnerPage .sectioninnerright {padding-left: 40px; padding-top: 0;}
.streamInnerPage .sectionColumn {column-gap: 0px;}
.streamInnerPage .main-leftInner {padding-right: 40px;}
.streamInnerPage .streamSection {margin-top: 0px;}
.streamInnerPage {margin-top: 20px;}
.drop-small-menu {
    position: absolute;
    padding-top: 20px;
    z-index: 999;
    display: none;
    min-width: 160px;
}
.drop-small-menu ul {
    display: block !important;
    padding: 20px;
    background: #ec3237;
    list-style: none;
    border-radius: 5px;
}
.drop-small-menu ul li {
    padding: 4px 0;
}
.header-logo nav ul li a {
    padding: 0 15px;
    font-weight: 500;
    color: #000000;
    font-size: 18px;
    font-style: normal;
}
.drop-small-menu ul li a {
    color: #fff !important;
}
.drop-down-list:hover .drop-small-menu {
    display: block;
}
.home .secondry_menu {
    background: #fff;
}
.secondry_menu {

}

/* ========== FOOTER SECTION ========== */

.bottom-strip {height:4px; width:100%; background: #ec3237;}
.footer-section {padding:50px 0 0;}
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 40px;
}

.footer-logo img {width:200px;}

.footer-left {
  flex: 1 1 300px;
}

.footer-left img {
  max-width: 220px;
  margin-bottom: 15px;
}

.footer-left p {
  font-size: 16px;
  line-height: 1.6;
  margin: 0 0 10px 0;
  font-weight: 300;
}

.footer-links {
  display: flex;
  gap: 50px;
  flex: 2 1 600px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer-links h4 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color:#2C2C2C;
}

.footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links ul li {
  margin-bottom: 6px;
}

.footer-links ul li a {
  font-size: 16px;
  color: #2C2C2C;
  text-decoration: none;
  font-weight: 300;
  transition: color 0.3s ease;
}

.footer-links ul li a:hover {
  color: #2C5AA0;
}

.footer-social {
  display: flex;
  gap: 15px;
  font-size: 22px;
  color: #2C5AA0;
  align-items: center;
}



.footer-social a {
  color: #2C5AA0;
  transition: color 0.3s ease;
}

.footer-social a:hover {
  color: #E74C3C;
}

.footer-bottom {
  margin: 30px auto;
  padding-top: 20px;
  border-top: 0px solid #ddd;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 13px;
  color: #666;
}

.footer-bottom a {
  font-size: 14px;
  color: #676767;
  text-decoration: none;
  font-weight: 300;
}
.footer-bottom p {
  font-size: 14px;
  color: #676767;
  font-weight: 300;
}

.footer-bottom a:hover {
  color: #E74C3C;
}



.navbar-toggle {
    border: 0px solid transparent;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 0px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
#open-menu {
    display: none;
    margin-left: auto;
    padding-right: 0;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.navbar-toggle .icon-bar {
    background-color: #000;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.display-menu {
  display: none;
    padding: 0px 20px;
    width: 91%;
    height: 100vh;
    position: fixed;
    background: #2D7CF5;
    z-index: 9999;
    left: 0;
    top: 0;
}
#close-menu {
    top: 32px;
    right: 32px;
    position: absolute;
    width: 18px;
}
.display-menu ul ul {margin-top: 20px; padding-left: 20px;}
.display-menu ul li ul li a { font-size: 18px;}
.display-menu ul {
    margin-top: 66px;
    margin-bottom: 30px;
    padding-left: 0;
    list-style: none;
}
.display-menu ul li {
    margin-bottom: 18px;
}
.display-menu ul li a {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.service-content {display: flex; align-items: start; column-gap: 5%; justify-content: space-between;}
.service-left {width:40%;}
.service-right {width:50%;}
.service-left img {width:100%;}
.bodyContent ul {padding-left: 22px;}
.bodyContent ul li {font-size: 18px; padding-bottom: 5px;}

.drop-small-menu {
    position: absolute;
    padding-top: 20px;
    z-index: 999;
    display: none;
    min-width: 160px;
}
.drop-small-menu ul {
    display: block !important;
    padding: 20px;
    background: #2c5aa0;
    list-style: none;
    border-radius: 5px;
}
.drop-small-menu ul li {
    padding: 4px 0;
}

.drop-small-menu ul li a {
    color: #fff;
    font-size: 16px;
}
.drop-down-list:hover .drop-small-menu {
    display: block;
}





/*=============*/
.globalElement h1 {font-family: "Libre Baskerville", serif; font-size: 40px; font-weight: 700; margin-bottom: 20px; line-height: 42px;}
.txtWhite h1, .txtWhite h2, .txtWhite h3, .txtWhite h4, .txtWhite p, .txtWhite li, .txtWhite span {color: #fff;}
.breadcrumb {display: flex; align-items: center; column-gap: 10px;}
.breadcrumb span {font-size: 12px;}
.frame_1 {margin-top: 30px;}
.frame_1 ul {list-style: none; padding-left: 0px; margin-bottom: 20px;}
.frame_1 li {padding: 5px 0; font-size: 14px; display: flex; align-items: center; column-gap: 7px;}
.roundButtonLight a {font-weight: bold; display: inline-block; border-radius: 30px; text-decoration: none; padding: 10px 20px; background: #FBF0CF; font-size: 16px;}
.frame_1 .innerComp {padding-right: 172px; position: relative;}
.sectionIcon {position: absolute; bottom: 0px; width: 150px; right: 50px;}
.frame_1 .topDescription li:before {
    content: ""; /* Required for pseudo-elements */
    display: inline-block; /* Ensures the background image is visible */
    background-image: url('images/vector-tick.png'); 
    background-size: contain; /* Adjusts the image to fit */
    background-repeat: no-repeat; /* Prevents repeating */
    background-position: center; /* Centers the image */
    width: 20px; 
    height: 20px;
    margin-right: 5px; /* Adjust spacing */
    vertical-align: middle;
}

.globalMB {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 30px;
}

.frame_4 {background: #fff;}
.frame_4 ul {margin-bottom: 0px;}
.frame_4 li {padding: 0px 0; font-size: 15px; margin-bottom: 10px;}
.frame_4 li strong {font-weight: 600;}
.frame_4 li p {margin-bottom: 10px;}
.frame_4 li p strong {font-weight: 600;}

.frame_16 {background: #fff;}

.frame_15 {background: #fff;}
.frame_15 ul {margin-bottom: 0px;}
.frame_15 li {padding: 0px 0; font-size: 15px; margin-bottom: 10px;}
.frame_15 li strong {font-weight: 600;}
.frame_15 li p {margin-bottom: 10px;}
.frame_15 li p strong {font-weight: 600;}
.videoWrap {margin-bottom: 20px;}
.videoWrap .responce-frame {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%;
}
.videoWrap .responce-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 20px;
}
.videoWrap .responce-frame video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 20px;
}
.frame_15 .bodyContent {margin-bottom: 25px;}


.bgWhite {background: #fff;}
.tableComp {overflow-x: auto; margin-top: 20px; border-radius: 10px; border: 1px solid #D3D3D3; display: block;}
.tableComp table {border-collapse: collapse; width: 100%;}
.tableComp td, .tableComp th {text-align: left; padding: 20px;}
.frame_11b .tableComp th {color: #fff; font-weight: 400;}
.frame_11b .tableComp tr:nth-child(odd) {background-color: #F1F1F1;}
.frame_11b.tableComp tr td:nth-child(1) {font-weight: bold;}
.tableComp td {font-size: 16px;}
.sectionCaption {display: flex; align-items: center; column-gap: 20px; padding-top: 20px;}
.sectionCaption p {font-size: 12px; font-weight: 300; font-style: italic; width: 80%; line-height: 18px; margin-bottom: 0;}
.lineButton {width: 20%; color: #000; text-align: right;}
.lineButton:hover {color: #000;}

.frame_11a .tableComp tr th:nth-child(1) {font-weight: 600;}
.frame_11a .tableComp tr th {text-align: center;border: 1px solid #D3D3D3; background: #fff;}
.frame_11a .tableComp tr td {border: 1px solid #D3D3D3;}
.frame_11a .tableComp tr th:nth-child(1) {text-align: left!important;}
.frame_11a .tableComp tr td:nth-child(1) {text-align: left!important;}
.frame_11a .tableComp {border: 0px solid #D3D3D3;border-radius: 0px;}
.frame_11a .popup_model .tableModel .tableComp {border-top: 1px solid #D3D3D3;}

.frame_11c .tableComp tr th:nth-child(1) {font-weight: 600;}
.frame_11c .tableComp tr th {text-align: center;border: 1px solid #D3D3D3; background: #fff;}
.frame_11c .tableComp tr td {text-align: center;border: 1px solid #D3D3D3;}
.frame_11c .tableComp tr th:nth-child(1) {text-align: left!important;}
.frame_11c .tableComp tr td:nth-child(1) {text-align: left!important;}
.frame_11c .tableComp {border: 0px solid #D3D3D3;border-radius: 0px;}
.frame_11c .popup_model .tableModel .tableComp {border-top: 1px solid #D3D3D3;}


.frame_3 .imgTextComp {display: flex; align-items: center; column-gap: 20px;}
.frame_3a {padding: 0;}
.frame_3a .imgTextLeft {width:50%;}
.frame_3a .imgTextLeft img {border-top-left-radius: 10px; border-bottom-left-radius: 10px; width:100%;}
.frame_3a .imgTextRight {padding: 30px; padding-left: 0; width:50%;}
.frame_3b {padding: 0;}
.frame_3b .imgTextLeft img {border-top-right-radius: 10px; border-bottom-right-radius: 10px; width:100%;}
.frame_3b .imgTextLeft {order:2; width: 50%;}
.frame_3b .imgTextRight {padding: 30px; padding-right: 0; order:1; width: 50%;}
.frame_3c .imgTextLeft img {border-radius: 30px; width:135px;}
.frame_3c .imgTextLeft {width:50%;}
.frame_3c .imgTextRight {padding: 30px; width:50%; padding-right: 0; padding-left: 0;}
.frame_3 .image_3cd_1 {margin-top:-130px; margin-left: 35px;}
.frame_3 .image_3cd_2 {margin-top:130px; margin-left:-50px;}
.frame_3d .imgTextLeft img {border-radius: 30px; width:135px;}
.frame_3d .imgTextLeft {width:50%; order:2;}
.frame_3d .imgTextRight {padding: 30px; width:50%; padding-left: 0; padding-right: 0; order:1;}

.formComp {display: flex; align-items: start; column-gap: 50px;}
.formComp .formLeft {width: 55%;}
.formComp .formRight {width: 45%;}
.formComp .formRight h4 {font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.formComp .input-box {padding-bottom: 5px; margin-bottom: 5px;}
.formComp .input-box input {width: 100%; margin-bottom: 5px; height: 42px; border-radius: 10px; background: #fff; padding: 5px 18px; outline: none; border: none; display: block;}
.formComp .submit-box {margin: 10px 0; text-align: right;}
.formComp .submit-box .submitBtn {font-size: 16px; font-weight: 600;border-radius: 30px; background: #FBF0CF; outline: none; border: none; padding: 10px 30px;}

.frame_5 .iconTextColumn {margin-top: 30px;}
.frame_5 .iconTextDesc {width: 33.33%; padding: 0 20px;}
.frame_5 .iconTextDesc img {margin-bottom: 15px; width: 72px;}
.frame_5 .iconTextDesc h4 {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.frame_5 .iconTextDesc p {line-height: 22px; margin-bottom: 10px; font-size: 14px; font-weight: 300;}
.frame_5 .iconTextDesc:nth-child(2) {/*border-left: 1px solid #E8F6F6; border-right: 1px solid #E8F6F6;*/}
.frame_5 .arrowRight {text-align: right;}

.frame_6 .iconTextColumn {display: flex; align-items: start; column-gap: 20px; margin-top: 30px; flex-wrap: wrap;}
.frame_6 .iconTextDesc {width: calc(25% - 15px); padding: 0 0; margin-bottom: 20px;}
.frame_6 .iconTextDesc img {margin-bottom: 15px; width: 72px;}
.frame_6 .iconTextDesc h4 {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.frame_6 .iconTextDesc p {line-height: 22px; margin-bottom: 10px; font-size: 14px; font-weight: 300;}
.frame_6 .cardNumber {margin-bottom: 15px; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.frame_6a .iconTextDesc h4 {display: none;}
.frame_6b .iconTextDesc h4 {display: block;}


.frame_7 .iconTextColumn {display: flex; align-items: start; column-gap: 20px; margin-top: 30px; flex-wrap: wrap;}
.frame_7 .iconTextDesc { padding: 0 0; margin-bottom: 20px;}
.frame_7 .iconTextDesc .cardIconImage {width: 90px; margin: 0 auto;}
.frame_7 .iconTextDesc img {width: 100%; }
.frame_7 .iconTextDesc h4 {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.frame_7 .iconTextDesc p {line-height: 22px; margin-bottom: 10px; font-size: 14px; font-weight: 300;}
.frame_7a .iconTextDesc {width: calc(33.33% - 15px); text-align: center;}
.frame_7a .iconTextDesc .cardIconImage {margin: 0 auto; text-align: center; padding-bottom: 20px;}
.frame_7b .iconTextDesc {width: calc(50% - 10px); display: flex; align-items: start; column-gap: 20px;}
.frame_7b .iconTextDesc .cardTextData {width: calc(100% - 90px); padding-right: 20px;}

.frame_13 .iconTextColumn {margin-top: 30px;}
.frame_13 .iconTextDesc { padding: 0 0; margin-bottom: 20px;}
.frame_13 .iconTextDesc .cardNumber {margin-bottom: 15px; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.frame_13 .iconTextDesc .cardNumber span {color: #fff;}
.frame_13 .iconTextDesc img {width: 100%; }
.frame_13 .iconTextDesc h4 {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.frame_13 .iconTextDesc p {line-height: 22px; margin-bottom: 10px; font-size: 14px; font-weight: 300;}
.frame_13 .iconTextDesc {display: flex; align-items: start; column-gap: 30px;}
.frame_13 .iconTextDesc .cardTextDataTitle {width: 250px;}
.frame_13 .iconTextDesc .cardTextDataDesc {width: calc(100% - 338px);}

.frame_10 {background: #fff;}
.frame_10 .faqColumn {display: flex; align-items: start; column-gap: 20px; justify-content: space-between;}
.frame_10 .faqLeft {height: 350px; overflow: auto;}
.frame_10a .faqLeft {width: 45%;}
.frame_10a .faqRight {width: 50%;}
.frame_10b .faqColumn {display: block;}
.frame_10b .faqLeft {width: 100%;}
.frame_10b .faqRight {display: none;}

.frame_10 .accordion-item {border: none; border-bottom: 1px solid rgba(0, 0, 0, .125);}
.frame_10 .accordion-item:last-child {border-bottom: 0px solid rgba(0, 0, 0, .125);}
.frame_10a .accordion-header button {font-weight: 600!important;}
.frame_10a .accordion-header.active button {font-weight: 600!important; box-shadow: none!important;}
.frame_10a .accordion-header button::after {display: none;}
.frame_10a .hidein_default {display: none!important;}
.frame_10 .accordion-button:not(.collapsed) {box-shadow: none;}
.frame_10 .accordion-button {padding: 8px 0;}
.frame_10 .accordion-body {padding: 10px 0;}
.frame_10 .accordion-body p {color: #4D4D4D;}
.frame_10 .accordion-body ul li {color: #4D4D4D; font-size: 15px; line-height: 23px; font-weight: 300;}
.frame_10 .accordion-body ul {padding-left: 18px;}
.frame_10 .accordion-header button {font-size: 14px; line-height: 22px;color: #4D4D4D;}
.frame_10 .accordion-button:focus {border: none; border-color: none; outline:none; outline: 0; box-shadow: none;}
.frame_10 .accordion-collapse h3 {font-weight: 600; font-size: 16px; line-height: 25.7px;}

.frame_10b .accordion-header button::after {display: none;}
.frame_10b .accordion-header button {font-weight: 600!important;}
.frame_10b .accordion-header.active button {font-weight: 600!important; box-shadow: none!important;}

/* Optional: Improve scrollbar appearance */
.frame_10 .faqLeft .extendAcord {padding-right: 10px;}
.frame_10 .faqLeft::-webkit-scrollbar {
  width: 5px;
}

.frame_10 .faqLeft::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-radius: 4px;
}

.frame_10 .faqLeft::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}



.frame_14 {background: #fff;}
.frame_14 .faqColumn {display: flex; align-items: start; column-gap: 20px; justify-content: space-between; margin-top:20px;}
.frame_14 .faqLeft {height: 350px; overflow: auto;}
.frame_14 .faqLeft {width: 45%;}
.frame_14 .faqRight {width: 50%;}


.frame_14 .accordion-item {border: 1px solid #D9D9D9; margin-bottom: 5px;}
.frame_14 .accordion-item:last-child {border-bottom: 0px solid rgba(0, 0, 0, .125);}
.frame_14 .accordion-header button {font-weight: 600!important;}
.frame_14 .accordion-header.active button {font-weight: 600!important; box-shadow: none!important;}
.frame_14 .accordion-header button::after {display: none;}
.frame_14 .hidein_default {display: none!important;}
.frame_14 .accordion-button:not(.collapsed) {box-shadow: none;}
.frame_14 .accordion-button {padding: 8px 15px;}
.frame_14 .accordion-body {padding: 10px 0;}
.frame_14 .accordion-body p {color: #4D4D4D;}
.frame_14 .accordion-body ul li {color: #4D4D4D; font-size: 15px; line-height: 23px;}
.frame_14 .accordion-body ul {padding-left: 18px;}
.frame_14 .accordion-header button {font-size: 14px; line-height: 22px;color: #4D4D4D;}
.frame_14 .accordion-button:focus {border: none; border-color: none; outline:none; outline: 0; box-shadow: none;}
.frame_14 .accordion-collapse h3 {font-weight: 600; font-size: 16px; line-height: 25.7px;}
.frame_14 .accordion-item:first-of-type .accordion-button {border-top-left-radius: 0; border-top-right-radius: 0;}


/* Optional: Improve scrollbar appearance */
.frame_14 .faqLeft .extendAcord {padding-right: 10px;}
.frame_14 .faqLeft::-webkit-scrollbar {
  width: 5px;
}

.frame_14 .faqLeft::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-radius: 4px;
}

.frame_14 .faqLeft::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}


.frame_9 .accordianColumn {display: flex; align-items: start; column-gap: 20px; justify-content: space-between;}
.frame_9 .accordianLeft {width: 55%;}
.frame_9 .accordianRight {width: 40%; text-align: right;}
.frame_9 .accordianRight .wrapListsImage {}
.frame_9 .accordianLeft .wrapLists {border-bottom: 1px solid #C8C8C8;}
.frame_9 .accordianLeft .wrapLists:last-child {border-bottom: 0px solid #C8C8C8;}
.frame_9 .accordionList {
  background: transparent;
  cursor: pointer;
  padding: 15px 0;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  font-weight: 600;
  color: #7A7777;
  display: flex;
  column-gap: 15px;
  align-items: center;
}

.frame_9 .active, .frame_9 .accordionList:hover {
  color: #000;
}
.frame_9 .accordionList span {font-size: 18px; padding: 15px; color: #fff; background: #788588; width: 16px; height: 16px; border-radius: 50%; display: flex; justify-content: center; align-items: center;}

.frame_9 .panelList {
  padding-left: 55px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: #000000;
}
.frame_9 .wrapLists img {display: none;}
.frame_9 .wrapLists img.active {display: block;}
.frame_9 .panelList ul {padding-left: 17px;}
.frame_9 .panelList ol {padding-left: 17px;}
.frame_9 .panelList li {font-size: 15px; line-height: 23px; padding-bottom: 6px; font-weight: 300; color: #000000;}
.frame_9 .panelList {height: 350px; overflow: auto;}
.frame_9 .panelList::-webkit-scrollbar {width: 8px;}
.frame_9 .panelList::-webkit-scrollbar-thumb {background: #ccc; border-radius: 4px;}
.frame_9 .panelList::-webkit-scrollbar-track {background: #f1f1f1; border-top-right-radius: 7px; border-bottom-right-radius: 7px;
}

.frame_8 .sliderTextIcon {margin-left: -30px; width: calc( 100% + 60px );}
.frame_8 .iconCardList {border-radius: 10px; cursor: pointer; width:280px;}
.frame_8 .iconInnerList {padding: 20px;}
.frame_8 .iconInnerList h3 {font-weight: 600; font-size: 16px; line-height: 21.5px; color: #fff; min-height: 66px;}
.frame_8 .iconInnerList p { color: #fff;}
.frame_8b .dataDescription {display: none;}
/*.frame_8b .iconCardList:hover .avgArrow {display: none;}*/
/*.frame_8b .iconCardList:hover .dataDescription {display: block;}*/
.frame_8b .animateIcon {text-align: right;}
.frame_8b .animateIcon img {width: 120px;}
.frame_8b .self_popup {display: none;}
.frame_8.popHide .innerComp {display: none;}
.frame_8.popHide .self_popup {display: block;}
.frame_8.popHide .iconInnerList {padding: 20px 0;}
.frame_8.popHide .iconCardList {cursor: default; padding-top: 20px; width:100%;}
.frame_8.popHide .iconInnerList h3 {font-weight: 600; font-size: 18px; line-height: 24.5px; min-height: auto;}
.frame_8.popHide .dataDescription1 {padding-right: 150px;}
.frame_8 .self_close_pop {cursor: pointer; float: right;}

.frame_8a .dataDescription {display: none;}
.frame_8a .self_popup {display: none;}
.frame_8a .animateIcon img {width:calc( 100% + 80px ); transform: rotate(-8deg); position: relative; left: -40px; bottom: -40px;}
.frame_8a .iconCardList {overflow: hidden;}
.frame_8a .animateIcon {margin-top: -15px;}
.frame_8a .avgArrow {position: absolute;}
.frame_8a .self_popup .animateIcon {display: none;}

.frame_8c .dataDescription {display: none;}
.frame_8c .self_popup {display: none;}


.frame_21 .iconTextColumn {display: flex; align-items: start; column-gap: 20px; margin-top: 30px; flex-wrap: wrap;}
.frame_21 .iconTextDesc { padding: 0 0; margin-bottom: 20px; background: #fff; border-radius: 20px; padding:15px;}
.frame_21 .iconTextDesc .cardIconImage {width: 90px; margin: 0 auto;}
.frame_21 .iconTextDesc img {width: 100%; }
.frame_21 .iconTextDesc h4 {margin-bottom: 15px; font-size: 16px; font-weight: bold;}
.frame_21 .iconTextDesc p {line-height: 22px; margin-bottom: 10px; font-size: 14px; font-weight: 300;}
.frame_21a .iconTextDesc {width: 100%; display: flex; align-items: start; column-gap: 20px;}
.frame_21a .iconTextDesc .cardTextData {width: calc(100% - 90px); padding-right: 20px;}
.frame_21b .iconTextDesc {width: 100%; display: flex; align-items: start; column-gap: 20px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);}
.frame_21b .iconTextDesc .cardTextData {width: calc(100% - 90px); padding-right: 20px;}
.frame_21b .iconTextDesc .cardIconImage {width: 220px;}
.frame_21b .iconTextDesc .cardIconImage img {margin: -15px; min-height: 170px;
    object-fit: cover; border-top-left-radius: 20px; border-bottom-left-radius: 20px;}

.frame_22 .iconTextColumn {display: flex; align-items: start; column-gap: 20px; margin-top: 30px; flex-wrap: wrap;}
.frame_22 .iconTextDesc { padding: 0 0; margin-bottom: 20px;}
.frame_22 .iconTextDesc .cardIconImage {width: 50px;}
.frame_22 .iconTextDesc img {width: 100%; }
.frame_22 .iconTextDesc h4 {margin-bottom: 12px; font-size: 16px; font-weight: 500;}
.frame_22 .iconTextDesc p {line-height: 22px; margin-bottom: 10px; font-size: 14px; font-weight: 300;}
.frame_22 .iconTextDesc {width: 100%; display: flex; align-items: start; column-gap: 20px;}
.frame_22 .iconTextDesc .cardTextData {width: calc(100% - 90px); padding-right: 20px;}
.frame_22 .cardNumber {margin-bottom: 15px;width: 50px;height: 50px;border-radius: 50%;display: flex; align-items: center;
    justify-content: center;}
.frame_22 .cardNumber span {color:#fff;}
.frame_22 .subSecDesc {font-size: 22px; line-height: 32px; font-weight: bold;}
.frame_22 .innerSubSections {margin:30px 0; padding: 20px; border-radius: 10px;}
.frame_22 .iconTextDesc ul, .frame_22 .iconTextDesc ol {padding-left: 18px;}
.frame_22 .iconTextDesc li {
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 300;
}

.globalElement h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
}
.globalElement p strong {
    font-weight: 600;
}

/* Optional: Improve scrollbar appearance */
.scrollComp {height: 420px;overflow: auto;}
.scrollComp > div {padding-right: 10px;}
.scrollComp::-webkit-scrollbar {
  width: 5px;
}

.scrollComp::-webkit-scrollbar-thumb {
  background: #dfdfdf;
  border-radius: 4px;
}

.scrollComp::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}


.popup_Scroller {height: 78vh; overflow: scroll;}
.popup_Scroller::-webkit-scrollbar {
  width: 8px;

}

.popup_Scroller::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.popup_Scroller::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

/* popop */
.popup_model .tableModel .tableComp th {
  position: sticky;
  top: 0;
  background: inherit; /* Keeps the same background color */
  z-index: 10;
}

/* Optional: Improve scrollbar appearance */
.popup_model .tableModel .tableComp::-webkit-scrollbar {
  width: 8px;

}

.popup_model .tableModel .tableComp::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 4px;
}

.popup_model .tableModel .tableComp::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.popup_model .tableModel {width: 1120px;}
.popup_model .tableModel .tableComp {height: 73vh;}
.pof_right h4 {font-size: 20px;}
.popup_model {
    display: none;
    height: 200vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000c7;
    padding-top: 60px;
    width: 100%;
    z-index: 9999999;
}
.inner_model {
    width: 720px;
    margin: 0 auto;
    padding-top: 50px;
    max-height: 90vh;
    overflow-y: hidden;
    border-radius: 6px;
}
.popup_model .inner_model {
    background: #fff;
    padding: 30px;
}

.close_pop {
    float: right;
    margin-right: -10px;
    margin-top: -10px;
    cursor: pointer;
    width: 22px !important;
}
.noborderEffect.newsListsCard .newsThumbPart img {
    width: 100%;
    border-radius: 0px;
    height: auto;
    object-fit: cover;
}
.noborderEffect.newsListsCard .newsListInnerCard {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
}
.noborderEffect.newsListsCard {margin-bottom: 0;}
.withBlackTitle .boxSection_cnt {
    margin-top: 18px;
}
.centerTitle.withBlackTitle h4 {
    font-weight: 400;
    font-size: 18px;
}
.centerTitle.withBlackTitle h4 span {display: inline-block; margin-right: 8px;}
.centerTitle .floatSection_head {top: -16px;}

/* new css */

.global_box {border:1px solid #c6c6c6; position: relative; margin-top:20px;}
.global_box_inner {padding: 15px;}
.boxSection_cnt {margin-top: 25px;}
.boxSection_cnt p {font-size: 14px;line-height: 19px;}
.floatSection_head {display: flex; column-gap: 5px; align-items: center; background: #fff; padding:0 10px 0 0; position: absolute; top:-25px;}
.floatSection_head h4 {background: #f58634; padding:5px 20px; font-weight: 300; font-size: 16px; color: #fff; margin-bottom: 0;}
.floatSection_head h4 span {display:block; font-weight: 600;}
.floatSection_head img {width: 38px;}
.boxSection_cnt a {font-size: 12px; color: #f68632; font-weight: 600; text-align: right; display: block;}
.withBlackTitle h4 {background: none; color: #000; padding: 5px 6px; font-weight:600; font-size: 12px;}
.withBlackTitle h4 span {font-weight:600; font-size: 18px;}
.withBlackTitle .floatSection_head img {width: 50px;}
.withBlackTitle .boxSection_cnt {text-align: justify;}

.ranking_banner img {width:100%;}
.global_div {
    padding: 10px 0;
}
.rankingCardList {display: flex; flex-wrap: wrap; column-gap: 10px; align-items: start; }
.rankingCard {width: calc(25% - 8px); margin-bottom: 20px;}
.rankingCard img {width:100%; border-radius: 5px;}
.rankingCard .newsThumbPart {margin-bottom: 15px;}
.rankingCard h3 {font-size: 16px;}
.rankingCard p {font-size: 14px; font-weight: 300; line-height: 18px;}
.zoneText {padding:5px 10px; background: #b2252d; color: #fff; font-size: 16px;}
.stateText {padding:5px 10px; background: #0095da; color: #fff; font-size: 16px;}
.rankingTitle {display: flex; column-gap: 1px; text-align: center; margin-bottom: 20px;}
.rprtLeft {border-left: 1px solid #ccc; padding-left: 20px;}
.rprtRight {border-right: 1px solid #ccc; padding-right: 20px;}

.rankingColledges ul {list-style: none; padding-left: 0;    height: 700px;
    overflow-y: scroll;}
.rankingColledges h2 {background: #ecf3eb;
    padding: 10px 32px;}
.rankingColledges ul li {padding-top: 8px; padding: 10px;
    padding-bottom: 8px; border-bottom: 1px solid #e4e4e4; font-size: 14px; font-weight: 500;}
.checkboxFilter ul {list-style: none; padding-left: 0;}
.checkboxFilter {margin-bottom: 30px;}
.checkboxFilter ul li {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px;}
.checkboxFilter ul li span {font-size: 13px; text-transform: uppercase; font-weight: 500;}
.checkboxFilter ul li span {display: flex; align-items: center; column-gap: 7px;}
.sectionright .rankingTitle .zoneText {margin-left: 24px;}
.filterCenter {padding: 0 0px;}
.filterCenter .searchBtn {text-align: center; cursor: pointer;}
.rankingfilterPart h5 {margin-bottom: 15px; font-size: 16px;}

.buttonFilter {display: flex; column-gap: 8px; align-items: center; margin-bottom: 20px;}
.buttonFilter a {display: flex; column-gap: 10px; align-items: center; font-size: 13px; font-weight: 500;
border:1px solid #797979; border-radius: 7px; padding:4px 10px;}
.buttonFilter a img {width:12px;}




/* ==============================
   ECE HERO SECTION
============================== */
.ece-title img {margin-left: 270px; width:34px;}
.ece-hero{
    background:#c8102e;
    padding:80px 0;
    position:relative;
}
.lable1tempEngMag .ece-image {

}
.lable1tempEngMag .ece-hero h2 {margin-bottom:10px;}
.ece-container{
    width:1200px;
    margin:0 auto;
    position:relative;
    display:flex;
    align-items:start;
}

/* LEFT DARK PANEL */
.ece-content{
    padding-right: 120px!important;
    background:#1c1718;
    color:#fff;
    width:55%;
    padding:60px;
    position:relative;
    z-index:2;
}

.ece-content h1{
    font-size: 36px;
    line-height: 1.0;
    color: #9fd3ff;
    font-family: auto;
    margin-bottom: 5px;
    font-weight: 700;
}

.ece-content h2{
    font-size:22px;
    color:#ffd54f;
    margin-bottom:0px;
}

.ece-title{
    display: flex;
    align-items: center;
    font-size:48px;
    font-weight:bold;
    margin-bottom:5px;
    line-height: 55px;
}

.overview{
    color:#ff3b3b;
    font-weight:bold;
    font-size:14px;
    display:inline-block;
    margin-bottom:10px;
}

.ece-content p{
    font-size:14px;
    color:#ddd;
    max-width:90%;
	    margin-bottom: 5px;
}

/* RIGHT IMAGE */
.ece-image{
    width:55%;
    margin-left:-120px;
    position:relative;
    z-index:99;
}

.ece-image img{
    width:100%;
    height:auto;
    display:block;
    object-fit:cover;
}


.grid-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}
.SubstreamBody {padding:50px 0 0;}
.career_opp_block {display: flex; align-items: start; column-gap: 20px;}
.cp_left {width: 245px;}
.cp_right {width: calc(100% - 265px);}
.RECRUITERS_top {padding-top:5px!important;}
.boxRight .arrow_right ul {margin-bottom:20px;}
.career_opp_section {background: #f4e7dd;     padding: 30px 30px 20px; margin-bottom: 30px; }
.cp_left h3 {font-size: 28px; color: #b00015; font-weight: 600;}
.cp_left h3 span {color: #000; font-size: 24px; display: block;}
.titleimage {font-size: 16px; font-weight: 400; display: flex; align-items: center; column-gap: 8px; }
.titleimage img {width: 32px;}
.cp_right p {font-size: 14px; line-height: 22px;    margin-bottom: 10px;}

.content_box_section { padding: 30px; margin-bottom: 0px; }
.content_box_block {display: flex; align-items: start; column-gap: 20px;}
.content_box_block h3 {font-size: 20px; font-weight: 600;}
.content_box_block h4 {font-size: 14px; font-weight: 600;}
.content_box_block p {font-size: 13px; line-height: 19px;}

.arrowStyle {display: flex; align-items: start; column-gap: 10px;}
.arrowStyle img {width:24px;}
.arrow_section {padding: 30px; margin-bottom: 0px; }
.career_opp_block {display: flex; align-items: start; column-gap: 20px;}
.arrowTitle h3 {font-size: 24px; font-weight: 600; border-bottom: 1px dashed #000;}
.arrowTitle span {font-weight: 400; display: block; font-size: 20px;}
.arrow_block {display: flex; align-items: start; column-gap: 30px;}
.arrow_block p {font-size: 14px; line-height: 22px;    margin-bottom: 10px;}
.arrow_block li {
    font-size: 14px;
    line-height: 22px;
}
.crPath ul {padding-left: 18px;}

.crPath p strong { padding-right: 10px;}
.skilledRequired.bgcolDefaultwhite ul {
    
    margin-bottom: 30px;
}
.salaryProspect .arrow_right ul li b {    font-weight: 400;}
.cp_right li {font-size: 14px; line-height: 22px;}
.normal_block li {font-size: 14px; line-height: 22px;}
.content_box_block .cb_text_left {width:50%;}
.content_box_block .cb_text_right {width:50%;}
.bgcolGreen .iconTextDesc h4 {font-size: 15px;  line-height: 22px; margin-bottom: 0;}
.bgcolGreen .iconTextDesc p {margin-bottom: 10px;}
.cb_text_left li { font-size: 14px;  line-height: 22px;}
.cb_text_left ul {margin-left: -15px;}
.cb_text_right li { font-size: 14px;  line-height: 22px;}
.minusttop ul {margin-bottom: 0;}
.cb_text_right ul {margin-left: -15px;}
.arrow_block ul {margin-left: -15px;  margin-bottom: 12px;}
.normal_block {background: #f4e7dd; padding: 10px; margin-bottom: 30px;}
.normal_block p {font-size: 14px; line-height: 22px;}
.blackTitle {    margin-left: 15px; width:130px; background: #0d3b46; padding:7px 15px; font-size: 18px; color: #fff; margin-top: -56px;    margin-bottom: 20px;}
.minusttop {}
.bgcolBlue {background: #8fe5ee;}

.bgcolGreen {background: #1cc6a9;}
.bgcolGreen .titleimage {color:#fff;}
.career_opp_block .cp_right h3 {
	    font-size: 24px;
    font-weight: 600;
}
.darkcolorAny_2 {padding-top:0px;}
.career_opp_block .cp_right h3 strong {
    font-weight: 600!important;
}
.career_opp_block .cp_right ul {padding-left: 18px; margin-bottom: 10px;}
.normal_block ul {padding-left: 15px; list-style: none;}
.normal_block ul li {font-size: 13px; line-height: 18px; margin-bottom: 3px;}
.normal_block ul li strong {font-weight: 600;}

.col2grid_section {margin-bottom: 30px;}
.col2grid_section_block {display: flex; align-items: center; column-gap: 20px;}
.c2g_heading {background: #123845; padding:30px;}
.c2g_heading h3 {font-size: 18px; font-weight: 600; color: #fff;}
.c2g_heading span {display: block; font-weight: 300;}
.normal_title h3 {font-size: 16px; font-weight: 600;}
.c2g_right .normal_block {margin-bottom: 20px;}
.c2g_right .normal_block:last-child {margin-bottom: 0px;}
.c2g_right .normal_block {padding-bottom: 15px;}
.bgcolDefault {background: #f4e7dd;}
.salaryProspect .arrow_left {width: 240px;}
.salaryProspect .arrow_right {
/* 	width: calc(100% - 260px); */
    width: 100%;
}
.salaryProspect ul {padding-left: 0; list-style: none; margin-bottom: 0; padding-left: 15px;}
.salaryProspect ul li strong { font-weight: 400!important;    padding-right: 10px; width: 50%;}
.salaryProspect ul li {
	    display: flex;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    background: #fff;
    padding: 8px 15px;
}
.salaryProspect .arrow_right p {font-size: 13px;margin-left: 15px;}

.engmag .toplist_block .numberList ol{
    list-style: none;
    counter-reset: item;
    padding-left: 0;
}
.arrow_left.arrowStyle {margin-bottom:10px;}

.engmag .toplist_block .numberList ol li{
    counter-increment: item;
    margin-bottom: 12px;
    position: relative;
	    margin-bottom: 3px;
    padding-left: 40px;
}

.engmag .toplist_block .numberList ol li::before{
    content: counter(item);
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 20px;
    background: #ed1c24;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
}
.normal_block.minusttop.bgcolBlue p {padding-left:15px; margin-top:10px;}
.engmag .ece-title {margin-top: 12px!important; line-height: 38px;}
.engmag .ece-hero {background: #ffd557; padding: 40px 0;}
.engmag .ece-title img {margin-left: 7px;}
.engmag .ece-title {margin-top: 20px;}
.engmag .ece-content h2 {font-family: auto; color: #000; font-weight: 600;}
.engmag .ece-content h2 span {display: block;}
.engmag .ece-content h1 {color:#ed1c24; margin-bottom: 15px;text-transform: uppercase;}
.engmag .ece-content p {color: #000;}
.engmag .ece-content {background: #fff;}
.engmag .grid-2 {grid-template-columns: 2fr 1fr;}
.engmag .toplist_block .arrowStyle {display: block;}
.engmag .toplist_block .arrowTitle h3 {padding-bottom: 10px;}
.engmag .toplist_block .numberList ol { padding-left: 0px;}
.engmag .toplist_block {margin-bottom: 40px;}
.engmag .toplist_block .numberList li {font-weight: 400; font-size: 15px; border-bottom: 0px solid #f5f5f5; padding-bottom: 5px; margin-bottom: 5px;}
.engmag1 .career_opp_block {display: block;}
.engmag1 .cp_left h3 {color: #ed1c27;}
.engmag1 .cp_right {width: 100%;}
.engmag1 .cp_left {width: 100%; margin-bottom: 20px;}
.engmag1.career_opp_section {background: #fff;}
.allsubstream.newsListsCard .newsListContentPart h3 {font-size: 14px;text-align: center;}
.allsubstream.newsListsCard .newsListContentPart h3 span {font-size: 14px; font-weight: 300; display: block;}
.allsubstream {margin-bottom: 20px;}
.allsubstreamLast {margin-bottom: 50px;}
.oppyellow .cp_left h3 {color: #ed1c27; font-size: 24px;}
.oppyellow.career_opp_section {background: #fffef5;}
.oppyellow .career_opp_block {align-items: center;}
.arrow_section.elbgleft {padding-bottom: 10px !important;}
.blockBlueBlack .normal_block ul {padding-left: 2px;}
.blockBlueBlack .normal_block ul li {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
}
.blockBlueBlack .normal_block .titleimage {font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;}
.engmag2 .career_opp_block {display: block;}
.engmag2 .cp_left h3 {color: #000;}
.engmag2 .cp_right {width: 100%;}
.engmag2 .cp_left {width: 100%; margin-bottom: 20px;}
.engmag2.career_opp_section {background: #efe1d1;}
.elbgleft .arrow_block {}
.nocolumn .arrow_block {display: block;}
.bgcollightPink {background: #fcd3c1!important;}
.bgcolNocolor {background: #fff!important;}
.blockBlueBlack .bgcolGreen {background:#56c5d0; }
.blockBlueBlack {display: flex; column-gap: 20px;}
.blockBlueBlack .bgcolBlack1 {background: #e0e0e0;}
.blockBlueBlack .bgcolBlack1 .titleimage {color: #000000;}
.blockBlueBlack .bgcolBlack1 p, .blockBlueBlack .bgcolBlack1 ul {color: #000;}
.advtBottm {margin-top: 30px;}
.advtBottm img {width:100%;}
.allsubstream1 .newsListInnerCard {width:50%;}
.allsubstream1 .newsThumbPart img {height: 210px;}

.lable1temp .engmag .ece-hero { background: none;}
.lable1temp .ece-container {  align-items: start; column-gap: 60px;}
.lable1temp .ece-image {
width: 55%;
    margin-left: -120px;
    position: relative;
    z-index: 99;
}
.lable1temp .ece-image {
    margin-top: 20px;
}
.lable1temp .ece-content { width: 55%;}
.lable1temp .ece-content p {max-width: 100%;}
.lable1temp .ece-title { display: block;}
.lable1temp .ece-content h3 {color: #000; font-weight: 600; font-size: 17px; margin-top: 0px; display: inline-block;
    padding: 4px 9px; background:#f2e05c;}
.lable1temp .engmag .grid-2 { grid-template-columns: 1fr 380px; }
.lable1temp .overview-content {max-height: 220px;}

.lable1temp .c2g_left {width:260px;}
.lable1temp .c2g_left .titleimage {color:#fff; font-size: 11px;}
.lable1temp .col2grid_section_block {align-items: start;}
.lable1temp .col2grid_section_block .bgcolDefault {background: #fff; padding-top:0;}
.lable1temp .bgcolDefaultwhite {background: #fff; padding-left:0;padding-top:0;}
.lable1temp .bgcolDefaultwhite ul {list-style: none;}
.lable1temp .bgcolDefaultwhite ul li {font-size: 14px; line-height: 24px;}
.lable1temp .bgcolDefaultwhite .crPath ul li:nth-child(odd) {
    background: #fff7f7;
}
.lable1temp .prograndura {margin-bottom: 0px; padding:0; background: transparent;}
.lable1temp .progranduracnt .cp_right {width:100%;}
.lable1temp .careerpathblock {background: #fffbef;}
.lable1temp .darkcolorAny {color:#fff; }
.lable1temp .darkcolorAny li, .lable1temp .darkcolorAny p {color:#fff;}
.lable1temp .salaryProspect {margin-bottom: 30px;}

.overview-content {
    max-height: 140px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease;
}
.togglebutton {
    cursor: pointer;
    color: #ff3b3b;
    display: inline-block;
	text-align:right;
    margin-top: 8px;
	width:86%;
}
.fullAuthorBio.expanded .overview-content {
    max-height: 2200px;
}








/* ── HERO ── */
.hero{
  display:grid;
  grid-template-columns:1fr 1fr;
  min-height:90vh;
  align-items:center;
}
.hero-text{
  padding:6rem 5% 6rem 7%;
}
.hero-tag{
  display:inline-block;
  font-size:0.75rem;
  font-weight:500;
  letter-spacing:0.18em;
  text-transform:uppercase;
  color:var(--green);
  background:var(--green-pale);
  padding:0.4rem 0.9rem;
  border-radius:50px;
  margin-bottom:2rem;
}
.hero-text h1{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(3rem,5vw,5rem);
  font-weight:700;
  line-height:1.08;
  color:var(--ink);
  margin-bottom:1.5rem;
}
.hero-text h1 em{
  font-style:italic;
  color:var(--green);
}
.hero-text p{
  font-size:1.05rem;
  color:var(--ink-muted);
  max-width:42ch;
  margin-bottom:2.5rem;
}
.btn-group{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primaryG{
  display:inline-block;
  background:var(--green);
  color:var(--white);
  font-size:0.9rem;
  font-weight:500;
  padding:0.85rem 2rem;
  border-radius:50px;
  text-decoration:none;
  transition:background .2s,transform .15s;
}
.btn-primaryG:hover{background:#225c3f;transform:translateY(-1px)}
.btn-outlineG{
  display:inline-block;
  border:1.5px solid var(--green);
  color:var(--green);
  font-size:0.9rem;
  font-weight:500;
  padding:0.85rem 2rem;
  border-radius:50px;
  text-decoration:none;
  transition:background .2s;
}
.btn-outlineG:hover{background:var(--green-pale)}

.hero-visual{
  background:var(--green);
  min-height:90vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:5rem 7% 5rem 5%;
  position:relative;
  overflow:hidden;
}
.hero-visual::before{
  content:'';
  position:absolute;
  top:-80px;right:-80px;
  width:360px;height:360px;
  border-radius:50%;
  background:rgba(255,255,255,0.05);
}
.hero-visual::after{
  content:'';
  position:absolute;
  bottom:-60px;left:-60px;
  width:280px;height:280px;
  border-radius:50%;
  background:rgba(255,255,255,0.05);
}
.stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.25rem;
  position:relative;z-index:1;
}
.stat-box{
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.18);
  border-radius:var(--radius);
  padding:1.5rem;
}
.stat-box .num{
  font-family:'Cormorant Garamond',serif;
  font-size:2.8rem;
  font-weight:700;
  color:var(--white);
  line-height:1;
  margin-bottom:0.4rem;
}
.stat-box .label{
  font-size:0.82rem;
  color:rgba(255,255,255,0.65);
  letter-spacing:0.04em;
}
.stat-box.accent{
  background:var(--amber);
  border-color:var(--amber);
  grid-column:span 2;
}
.stat-box.accent .num{font-size:1.15rem;font-weight:400;font-family:'DM Sans',sans-serif;line-height:1.6;font-style:italic}
.stat-box.accent .num::before{content:'"';font-family:'Cormorant Garamond',serif;font-size:3rem;color:rgba(255,255,255,0.4);display:block;line-height:0.6;margin-bottom:0.75rem}

/* ── SECTION SHARED ── */

.section-label{
  font-size:0.75rem;
  font-weight:500;
  letter-spacing:0.2em;
  text-transform:uppercase;
  color:var(--amber);
  margin-bottom:1rem;
  display:block;
}
/* .section-title{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3.5vw,3rem);
  font-weight:700;
  line-height:1.15;
  color:var(--ink);
  margin-bottom:1rem;
} */
.section-sub{
  font-size:1rem;
  color:var(--ink-muted);
  max-width:55ch;
  margin-bottom:3.5rem;
}

/* ── HEALTH EXPERTS ── */
.experts-section{background:var(--white)}
.experts-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:1.5rem;
}
.expert-card{
  border:1px solid var(--rule);
  border-radius:var(--radius);
  padding:2rem;
  background:var(--cream);
  transition:border-color .2s,transform .2s;
  position:relative;
  overflow:hidden;
}
.expert-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:var(--green-light);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s;
}
.expert-card:hover{border-color:var(--green-light);transform:translateY(-3px)}
.expert-card:hover::before{transform:scaleX(1)}
.expert-avatar{
  width:52px;height:52px;
  border-radius:50%;
  background:var(--green-pale);
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
  font-weight:700;
  color:var(--green);
  margin-bottom:1.25rem;
}
.expert-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:0.2rem;
}
.expert-role{
  font-size:0.8rem;
  font-weight:400;
  color:var(--green);
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.expert-quote{
  font-size:0.95rem;
  color:var(--ink-muted);
  line-height:1.75;
  position:relative;
  padding-left:1rem;
  border-left:2px solid var(--green-pale);
}

/* ── DIVIDER STRIP ── */
.strip{
  background:var(--green);
  color:var(--white);
  padding:5rem 7%;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4rem;
  align-items:center;
}
.strip h2{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(2rem,3.5vw,3rem);
  font-weight:700;
  line-height:1.2;
  margin-bottom:1rem;
}
.strip h2 em{font-style:italic;color:var(--green-light)}
.strip p{color:rgba(255,255,255,0.7);font-size:1rem;line-height:1.8}
.strip-right{
  display:flex;
  flex-direction:column;
  gap:1.5rem;
}
.strip-item{
  display:flex;
  gap:1rem;
  align-items:flex-start;
}
.strip-icon{
  width:40px;height:40px;flex-shrink:0;
  border-radius:8px;
  background:rgba(255,255,255,0.12);
  display:flex;align-items:center;justify-content:center;
  font-size:1.1rem;
  color:var(--green-light);
}
.strip-item p{
  font-size:0.93rem;
  color:rgba(255,255,255,0.75);
  line-height:1.7;
}
.strip-item strong{color:var(--white);font-weight:500}

/* ── PARENTING SECTION ── */
.parenting-section{background:var(--cream)}
.parenting-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:1.5rem;
}
.parent-card{
  background:var(--white);
  border:1px solid var(--rule);
  border-radius:var(--radius);
  padding:2rem;
  transition:border-color .2s,transform .2s;
  position:relative;
  overflow:hidden;
}
.parent-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:var(--amber);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s;
}
.parent-card:hover{border-color:var(--amber);transform:translateY(-3px)}
.parent-card:hover::before{transform:scaleX(1)}
.parent-avatar{
  width:52px;height:52px;
  border-radius:50%;
  background:var(--amber-pale);
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
  font-weight:700;
  color:var(--amber);
  margin-bottom:1.25rem;
}
.parent-name{
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
  font-weight:700;
  color:var(--ink);
  margin-bottom:0.2rem;
}
.parent-role{
  font-size:0.8rem;
  font-weight:400;
  color:var(--amber);
  letter-spacing:0.04em;
  text-transform:uppercase;
  margin-bottom:1rem;
}
.parent-quote{
  font-size:0.95rem;
  color:var(--ink-muted);
  line-height:1.75;
  padding-left:1rem;
  border-left:2px solid var(--amber-pale);
}

/* ── VALUES STRIP ── */
.values{
  background:var(--ink);
  padding:6rem 7%;
  text-align:center;
}
.values .section-title{color:var(--white)}
.values .section-sub{color:rgba(255,255,255,0.55);margin-left:auto;margin-right:auto}
.values-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:1.5rem;
  margin-top:3.5rem;
}
.value-item{
  background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--radius);
  padding:2rem 1.5rem;
  text-align:center;
}
.value-icon{
  font-size:2rem;
  margin-bottom:1rem;
  display:block;
}
.value-item h3{
  font-family:'Cormorant Garamond',serif;
  font-size:1.2rem;
  font-weight:600;
  color:var(--white);
  margin-bottom:0.5rem;
}
.value-item p{font-size:0.88rem;color:rgba(255,255,255,0.5);line-height:1.7}



.qb-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
}
.qb-outer {
  position: relative;
  width: 100%;
  max-width: 620px;
}
.qb-bubble-border {
  position: absolute;
  inset: -14px;
  border: 3px solid #2a2a2a;
  border-radius: 18px;
  pointer-events: none;
}
.qb-bubble-tail {
  position: absolute;
  bottom: -46px;
  left: 60px;
}
.qb-bubble-tail::before {
  content: '';
  display: block;
  width: 44px;
  height: 44px;
  border-left: 3px solid #2a2a2a;
  border-bottom: 3px solid #2a2a2a;
  border-bottom-left-radius: 6px;
  transform: skewX(-20deg);
}
.qb-open-quote img {width: 38px;}
.qb-open-quote {
  position: absolute;
  top: -52px;
  left: -64px;
  font-size: 88px;
  font-family: Georgia, serif;
  font-weight: 900;
  color: #2a2a2a;
  line-height: 1;
}
.qb-close-quote {
  position: absolute;
  bottom: -40px;
  right: -28px;
  font-size: 88px;
  font-family: Georgia, serif;
  font-weight: 900;
  color: #2a2a2a;
  line-height: 1;
}
.qb-card {
  background: #F9C526;
  border-radius: 14px;
  padding: 2rem;
  position: relative;
  z-index: 1;
}
.qb-title {
  font-family: Georgia, serif;
  font-size: 2rem;
  font-weight: 700;
  color: #1a1a1a;
  margin: 0 0 1.25rem 0;
}
.qb-body {
  display: flex;
  gap: 1.25rem;
  align-items: flex-start;
}
.qb-lines {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: 4px;
}
.qb-line {
  width: 38px;
  height: 3px;
  background: #2a2a2a;
  border-radius: 2px;
}
.qb-message {
  font-family: Georgia, serif;
  font-size: 0.9rem;
  color: #1a1a1a;
  line-height: 1.4;
  margin: 0;
}

/* ── CTA ── */
.cta{
  background:var(--green-pale);
  padding:7rem 7%;
  text-align:center;
}
.cta .section-title{margin-bottom:0.75rem}
.cta .section-sub{margin:0 auto 2.5rem}
.cta .btn-group{justify-content:center}

/* ── FOOTER ── */


/* ── RESPONSIVE ── */
@media(max-width:860px){
  .hero{grid-template-columns:1fr}
  .hero-visual{min-height:auto;padding:4rem 7%}
  .strip{grid-template-columns:1fr}

}
@media(max-width:520px){
  .hero-text{padding:4rem 6%}

}









/* ==============================
   RESPONSIVE
============================== */

@media(max-width:1200px){
    .ece-container{
        width:95%;
    }
}

@media(max-width:992px){
    .ece-container {
        flex-direction:column;
		width: 100%;
    }

    .ece-content {
        width:100%;
    }

    .ece-image {
        width:100%;
        margin-left:0;
        margin-top: 0px;
    }
}


@media(min-width:768px){
.btnShowToc {display:none;}
}



@media only screen and (min-width: 300px) and (max-width: 991px) 
{
  
.lable1temp .engmag .grid-2 {display: block;}
.lable1temp .prograndura {padding-left: 23px !important;}
.lable1temp .ece-content {
    width: 100%;
}
.lable1temp .ece-image {width: 100%;}
.lable1temp .c2g_left {  width: 100%; margin-bottom: 20px;}
.lable1temp .bgcolDefaultwhite .arrowStyle {margin-left: 2px;}
.lable1temp .ece-heromo .ece-hero {padding: 20px;}

  .navigation_section {display: none;}
  .sectionColumn {display: grid;}
  .sectionCenter {order:1;}
  .sectionLeft {order:2;}
  .sectionright {order:3;}
  .sectionCenter {width: 100%;}
  .sectionright {width: 100%;}
  .sectionLeft {width: 100%;}
  .eventListInner {display: block;}
  .eventListContent {margin-top:20px; width: 100%;}
  .newsThumb {width: 100%; margin-bottom: 20px;}
  .newsListInner {display: block;}
  .newsListContent {width: 100%;}
  .examLists {display: grid; grid-template-columns: 1fr 1fr;}
  .schoolNewsSection {width: 100%;}
  .speakerSection {width: 100%;}
  .twoColSection {display: block; margin-bottom: 30px;}
  .newsPin {margin-bottom: 20px;}
  .sectionCenter .column-box {padding: 20px 0px;}
  .newsListsCard {grid-template-columns: 100%;}
  .logo-header img {width: 100%;}
  .logo-header {width: 27%;}
  .navigation-wrap {padding: 10px 20px;}
  .container {max-width: 100%;}
  .eventThumb {width: 100%;}
  .inner-container {padding:0 20px;}
  .hemberger {text-align: right;}
  .searchBtn {width: 90px;}
  .searchField {width: calc(100% - 90px);}

  .grid-2 {grid-template-columns: 1fr;}
.ece-content {
    padding: 10px;}
    .ece-content h1 {
    font-size: 28px;}
    .ece-content {padding: 10px;padding-right: 0px !important;}
    .ece-hero {
    padding: 10px 0;}
    .ece-heromo {padding:0;}
    .main_logo img {
    height: auto;
}
.career_opp_block {
    display: block;}
    .cp_left {
    width: 100%;
}
.cp_right {
    width: 100%;
}
.career_opp_section {
    padding: 0;}
    .career_opp_block {padding: 20px;}
    .content_box_block {
    display: block;}
    .arrow_block {
    display: block;}
    .minusttop {
    margin-top: 15px;
}
.col2grid_section_block {
    display: block;}
    .salaryProspect .arrow_right {
    width: 100%;
}
.ece-title img {margin-left: 150px; width:26px;}

.engmag .grid-2 {
    grid-template-columns: 1fr;
}
.blockBlueBlack {
    display: block;}
    .engmag .toplist_block {
    padding: 20px;}
    .blockBlueBlack .bgcolGreen {
    margin-bottom: 0;}
.allsubstream.newsListsCard {flex-wrap: wrap;}
.allsubstream .newsListInnerCard {width:45%; margin-bottom: 10px;}
.content_box_block .cb_text_left {width:100%;}
.content_box_block .cb_text_right {width:100%;}
	.newCarrerPath {display:block;}
    .newCarrerPath .crPath {width:100%;}
	.lable1temp .ece-image {
    margin-top: 0px;
    margin-left: 0;
}
	.lable1temp .ece-content {
        padding-right: 10px !important;
    }
	header .navigation-wrap {margin-top: 0;}
.ece-hero {background-size: cover!important;}
	.c2g_heading { padding: 20px;}
	.normal_block {padding: 20px;}
	.lable1temp .bgcolDefaultwhite {padding-left: 20px; padding-right: 20px;}
	.career_opp_block .crPath {padding: 30px 20px 15px;}
	.career_opp_block .crPath ul {padding-left: 16px;}
	.cp_right ul {padding-left: 16px;}
	.salaryProspect .arrow_right ul {margin-left: 0px;}
	.lable1temp .boxRight {display:grid;}
	.lable1temp .boxRight > div {order:2;}
	.lable1temp .boxRight .elbgleft {order:1!important;}
	.video-containersec video {width: 100%;}
	.rankingColledges ul {height: 350px;}
.page-id-350 .sectionLeft {
        order: 1;
    }
.page-id-350 .sectionCenter {
        order: 3;
    }
.page-id-350 .sectionright {
        order: 2;
    }
	.rprtRight {
		border-right: 0px solid #ccc;     padding-right: 0px;}
	.rprtLeft {
    border-left: 0px solid #ccc;
    padding-left: 0px;
}
.page-id-350 .filterCenter {
    padding: 0 0px;
}
	.showSortft .filter-box {display: none;}
	.show-toc.showSortft .filter-box { display: block;}
	.showSortst .filter-box {display: none;}
	.show-toc.showSortst .filter-box { display: block;}
	.showSortct .filter-box {display: none;}
	.show-toc.showSortct .filter-box { display: block;}
	.mobileFilterOp {
    display: flex;
    justify-content: space-between;
    align-items: start;
}
	.rankingTitle {margin-bottom: 20px;}
	.newhLogo {height:auto!important;}
	
}
