/*
Theme Name: Chitkara
Theme URI: http://arts.chitkara.edu.in
Author: Gaurav Mittal
Author URI: http://wordpress.org/
Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/


:root {
	--primary-font: 'Inter', sans-serif;
	--menu-font: "Roboto Condensed", sans-serif;
    --text-dark: #111;
    --text-red: #D00000;
    --text-white: #fff;
	--text-black: #000;
	--bg-page: var(--foundation-white);
	--bg-brand-primary: var(--foundation-blue);
	--bg-surface-light: var(--foundation-gray-light);
	--bg-section-accent: var(--foundation-red);
	--bg-section-dark: var(--foundation-black);
	--bg-brand-light: var(--foundation-blue-light);

	--typography-display-font: var(--font-family-serif);
	--typography-display-size: var(--size-46);
	--typography-display-weight: var(--weight-regular);
	--typography-display-line-height: var(--leading-56);
	--typography-display-letter-spacing: var(--tracking-tighter);
	--typography-h1-font: var(--font-family-serif);
	--typography-h1-size: var(--size-36);
	--typography-h1-weight: var(--weight-medium);
	--typography-h1-line-height: var(--leading-46);
	--typography-h1-letter-spacing: var(--tracking-snug);
	--typography-h2-font: var(--font-family-serif);
	--typography-h2-size: var(--size-32);
	--typography-h2-weight: var(--weight-regular);
	--typography-h2-line-height: var(--leading-42);
	--typography-h2-letter-spacing: var(--tracking-normal);
	--typography-h3-font: var(--font-family-serif);
	--typography-h3-size: var(--size-22);
	--typography-h3-weight: var(--weight-regular);
	--typography-h3-line-height: var(--size-32);
	--typography-h3-letter-spacing: var(--tracking-snug);
	--typography-h4-font: var(--font-family-serif);
	--typography-h4-size: var(--size-18);
	--typography-h4-weight: var(--weight-bold);
	--typography-h4-line-height: var(--leading-28);
	--typography-h4-letter-spacing: var(--tracking-normal);
	--typography-h5-font: var(--font-family-serif);
	--typography-h5-size: var(--size-16);
	--typography-h5-weight: var(--weight-bold);
	--typography-h5-line-height: var(--leading-26);
	--typography-h5-letter-spacing: var(--tracking-normal);
	--typography-h6-font: var(--font-family-sans);
	--typography-h6-size: var(--size-16);
	--typography-h6-weight: var(--weight-medium);
	--typography-h6-line-height: var(--leading-26);
	--typography-h6-letter-spacing: var(--tracking-normal);
	--typography-body1-font: var(--font-family-sans);
	--typography-body1-size: var(--size-18);
	--typography-body1-weight: var(--weight-regular);
	--typography-body1-line-height: var(--leading-28);
	--typography-body1-letter-spacing: var(--tracking-normal);
	--typography-body2-font: var(--font-family-sans);
	--typography-body3-font: var(--font-family-sans);
	--typography-body2-size: var(--size-16);
	--typography-body2-weight: var(--weight-regular);
	--typography-body2-line-height: var(--leading-26);
	--typography-body2-letter-spacing: var(--tracking-normal);
	--typography-body3-size: var(--size-14);
	--typography-body3-weight: var(--weight-regular);
	--typography-body3-line-height: var(--leading-24);
	--typography-body3-letter-spacing: var(--tracking-normal);
	--typography-caption1-font: var(--font-family-sans);
	--typography-caption1-size: var(--size-12);
	--typography-caption1-weight: var(--weight-semibold);
	--typography-caption1-line-height: var(--leading-16);
	--typography-caption1-letter-spacing: var(--tracking-normal);
	--typography-caption2-line-height: var(--leading-11);
	--typography-caption2-letter-spacing: var(--tracking-normal);
	--typography-caption2-size: var(--size-10);
	--typography-caption2-weight: var(--weight-semibold);
	--typography-caption2-font: var(--font-family-sans);

	--text-primary: var(--foundation-black);
	--text-secondary: var(--foundation-gray-dark);
	--text-brand: var(--foundation-blue);
	--text-danger: var(--foundation-red);
	--text-inverse: var(--foundation-white);

	--btn-bg-primary: var(--foundation-black);
	--btn-bg-brand: var(--foundation-blue);
	--btn-bg-secondary-hover: var(--foundation-gray-light);
	--btn-bg-secondary: var(--foundation-white);
	--btn-bg-danger-hover: var(--foundation-red-dark);
	--btn-bg-danger: var(--foundation-red);
	--btn-bg-primary-hover: var(--foundation-gray-dark);
	--btn-bg-brand-hover: var(--foundation-blue-dark);
	--btn-bg-tag: var(--foundation-yellow);
	
	--btn-text-on-dark: var(--foundation-white);
	--btn-text-on-light: var(--foundation-blue);
	--btn-text-on-red: var(--foundation-white);
	--btn-text-tag: var(--foundation-black);
	--btn-text-on-blue: var(--foundation-white);

}

:root {
	--size-10: 0.625rem;
	--size-12: 0.75rem;
	--size-14: 0.875rem;
	--size-16: 1rem;
	--size-18: 1.125rem;
	--size-22: 1.375rem;
	--size-32: 2rem;
	--size-36: 2.25rem;
	--size-46: 2.875rem;

	--foundation-white: #ffffff;
	--foundation-gray-light: #f3f3f3;
	--foundation-yellow: #ffe8b2;
	--foundation-blue-light: #f0f7ff;
	--foundation-blue-dark: #334d6c;
	--foundation-blue: #002147;
	--foundation-red-dark: #9a0000;
	--foundation-red: #d00000;
	--foundation-black: #000000;
	--foundation-gray-dark: #333333;
		
	--space-2: 0.125rem;
	--space-4: 0.25rem;
	--space-8: 0.5rem;
	--space-12: 0.75rem;
	--space-16: 1rem;
	--space-20: 1.25rem;
	--space-24: 1.5rem;
	--space-32: 2rem;
	--space-48: 3rem;
	--space-64: 4rem;
	--space-80: 5rem;
	--space-100: 6.25rem;
	
	--radius-none: 0rem;
	--radius-sm: 0.25rem;
	--radius-md: 0.5rem;
	--radius-lg: 0.75rem;
	--radius-xl: 1rem;
	--radius-full: 624.9375rem;

	--weight-regular: 400;
	--weight-medium: 500;
	--weight-semibold: 600;
	--weight-bold: 700;
		
	--font-family-serif: 'PT Serif';
	--font-family-sans: 'Roboto';
		
}



/* MEDIA CSS */

h1, h2, h3, h4, h5{font-family: 'PT Serif', serif !important; line-height:130% !important;}
p{line-height:160%}
.mba-program-page p{color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);}
/*.mba-program-page .container {max-width: 1170px !important; width: 100% !important;}*/
/* font-family: 'PT Serif', serif; font-family: 'Roboto', sans-serif;*/



/* BUTTONS CSS */
a.blueArrowBtn{border-radius: 2px;
background: var(--btn-bg-brand, #002147);display: flex; position:relative;
min-height: 56px;
padding: var(--12, 12px) 60px var(--12, 12px) var(--24, 24px);
justify-content: center;
align-items: center;
gap: var(--8, 8px);
font-size:16px;
color: var(--btn-text-on-blue, #FFF);
font-family: var(--typography-body1-font, Roboto);
/*font-size: var(--typography-body1-size, 18px)*/;
font-weight: var(--typography-body1-weight, 400);
line-height: var(--typography-body1-line-height, 28px); /* 155.556% */
letter-spacing: var(--typography-body1-letter-spacing, 0);
background: linear-gradient(to left, #002147 50%, #D00000 50%);background-size: 200% 100%;background-position:right bottom; transition:all 0.5s ease;
}
a.blueArrowBtn:hover{background-position:left bottom;color:#fff;border: 0px solid #002147; text-decoration:none;}
a.blueArrowBtn:before{
	content: "\f591";
  font-family: 'Material Symbols Outlined';
  font-size: 28px;
  color: #FFF;
  position: absolute;
  right: 22px;
  top: 15px;
  font-weight:300;
	font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
  
  }

a.whiteArrowBtn{border-radius: 2px;
  font-size: 16px;
  line-height: 28px;
  display: flex;
  position: relative;
  height: 56px;
  padding: 14px 60px 14px 24px;
  justify-content: center;
  align-items: center;
  gap: var(--8, 8px);
  color: var(--btn-text-on-light, #002147);
  font-family: var(--typography-body1-font, Roboto);
  font-style: normal;
  font-weight: var(--typography-body1-weight, 400);
  letter-spacing: var(--typography-body1-letter-spacing, 0);
  background: linear-gradient(to left, #FFF 50%, #002147 50%);
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.5s ease;
  display:table;


}
a.whiteArrowBtn:hover{background-position:left bottom;color:#fff;border: 0px solid #002147; text-decoration:none;}
a.whiteArrowBtn:hover::before{color: #fff;}
a.whiteArrowBtn:before{
	content: "\f591";
  font-family: 'Material Symbols Outlined';
  font-size: 28px;
  color: #002147;
  position: absolute;
  right: 22px;
  top: 12px;
  font-weight:300;
	font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
  
  }

a.borderBlueBtn{
	border-radius: 2px;
border: 1px solid var(--btn-text-on-light, #002147);
font-size:16px;
display: flex;
min-height: 56px;
padding: var(--12, 12px) var(--24, 24px);
justify-content: center;
align-items: center;
gap: var(--8, 8px);
color: var(--btn-text-on-light, #002147);
font-family: var(--typography-body1-font, Roboto);
/*font-size: var(--typography-body1-size, 18px)*/;
font-style: normal;
font-weight: var(--typography-body1-weight, 400);
line-height: var(--typography-body1-line-height, 28px); /* 155.556% */
letter-spacing: var(--typography-body1-letter-spacing, 0);
background: linear-gradient(to left, transparent 50%, #D00000 50%);background-size: 202% 100%;background-position:right bottom; transition:all 0.5s ease;
}
a.borderBlueBtn:hover{background-position:left bottom;color:#fff;border: 1px solid #D00000; text-decoration:none;}


.headerSection {
  width: 100%; height:74px;
  background: #fff; /* full-width background */
  /*position: relative;*/
}
.headerContainer {
  max-width: 1240px;
  margin: 0 auto; /* centers content */
  padding: 00px;
  display: flex;
  gap: 10px;
}
.logoCUSRM {
  width: 200px;
  padding: 10px;
  /*transition: width 0.5s ease, padding 0.3s ease, top 0.3s ease, opacity 0.3s ease;*/
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  opacity: 1;
  position: absolute;
  top: 0px;background: #fff;
}
.headerSection.scrolled{background: #fff;}
.headerSection.scrolled .logoCUSRM {
  width: 120px;   /* smoothly shrinks width */
  padding:10px 0;     /* smoothly shrinks padding */
  top: 0;         /* smoothly moves down */
  position: relative;
  transform: scale(0.95);
}


/* MENUBAR */
.main-menu .container-fluid{padding-left:50px; padding-right:50px;}
.main-menu .logo_sec{position: absolute;top: 12px;z-index: 100;}
.main-menu .logo_sec img{max-width:100px;}
#cssmenu > ul > li > a{font-family: 'Roboto';font-style: normal;font-weight: 300;font-size: 18px;line-height: 26px;color: #002147;text-transform: none;}
#cssmenu ul li > ul li a{font-family: 'Roboto';font-style: normal;font-weight: 300;font-size: 16px;line-height: 26px;color: #002147;text-transform: none; padding: 5px 20px;}
.navMain{margin-top: 22px;}
#menu-item-5:nth-child(2) ul{width: 250px;}
.sub-menu-columns > ul{width: 560px;}
.menu > .has-sub > a:after{position:absolute; background:url(../images/ox/dd-arrow.svg) no-repeat; width:15px; height:15px;content:""; top: 10px;right: -2px;}
#cssmenu > ul > li > a:first-child{padding: 25px 25px 25px 16px;}
.menu > .has-sub > a{padding-left:30px !important;}
#cssmenu ul li:nth-child(5) ul{width: 205px;}
/*.headerTop, .sectionAbout, .sectionVid, .sectionCareer, .sectionForm, .sectionApply,  .sectionCurriculum, .sectionWhyStudy{display:none;}*/

.headerTop{margin-top:0px;background: var(--bg-section-accent, #D00000);}
.headerTop .container-fluid{padding:0px;}
.headerTop .topProgramWrap{display:flex;}
.headerTop .topProgramWrap .topProLeft{ width: 50%; padding-left: 7%;  padding-right: 80px; align-content: center;}
.headerTop .topProgramWrap .topProRight{  width: 50%;  display: flex; }
.headerTop .topProgramWrap .topProRight img{width:100%;}


.headerTop h1{color: var(--text-inverse, #FFF);
font-family: var(--typography-display-font, "PT Serif");
font-size: var(--typography-display-size, 46px);
font-style: normal;
font-weight: var(--typography-display-weight, 400);
line-height: var(--typography-display-line-height, 56px); /* 121.739% */
letter-spacing: var(--typography-display-letter-spacing, -0.96px); margin:25px 0px 15px 0px;}
p.htSH{color: var(--text-inverse, #FFF);
font-family: var(--typography-body1-font, Roboto);
font-size: var(--typography-body1-size, 18px);
font-style: normal;
font-weight: var(--typography-body1-weight, 400);
line-height: var(--typography-body1-line-height, 28px); /* 155.556% */
letter-spacing: var(--typography-body1-letter-spacing, 0);}

.topBtnsox{margin:25px 0px 25px 0px; display:flex; gap: 25px;}
.topBtnsox a.applyNowBtnPP{border-radius: 2px;
font-size:16px;line-height:28px;
display: flex; position:relative;
min-height: 56px;
padding: var(--12, 12px) 60px var(--12, 12px) var(--24, 24px);
justify-content: center;
align-items: center;
gap: var(--8, 8px);
color: var(--btn-text-on-light, #002147);
font-family: var(--typography-body1-font, Roboto);
font-style: normal;
font-weight: var(--typography-body1-weight, 400);
letter-spacing: var(--typography-body1-letter-spacing, 0);
background: linear-gradient(to left, #FFF 50%, #002147 50%);background-size: 200% 100%;background-position:right bottom; transition:all 0.5s ease;
}
.topBtnsox a.applyNowBtnPP:hover{background-position:left bottom;color:#fff;border: 0px solid #d00000; text-decoration:none;}
.topBtnsox a.applyNowBtnPP:hover::before{color: #fff;}

.topBtnsox a.applyNowBtnPP:before{
	content: "\f591";
  font-family: 'Material Symbols Outlined';
  font-size: 28px;
  color: #002147;
  position: absolute;
  right: 22px;
  top: 15px;
  font-weight:300;
	font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
  
  }

.topBtnsox a.brochureBtnPP{
	border-radius: 2px;
	font-size:16px!important;line-height:28px!important;
border: 1px solid var(--btn-bg-secondary, #FFF);
display: flex;
min-height: 56px;
padding: var(--12, 12px) var(--24, 24px);
justify-content: center;
align-items: center;
gap: var(--8, 8px);
color: var(--btn-text-on-blue, #FFF);
font-family: var(--typography-body1-font, Roboto);
/*font-size: var(--typography-body1-size, 18px)*/;
font-style: normal;
font-weight: var(--typography-body1-weight, 400);
/*line-height: var(--typography-body1-line-height, 28px)*/; /* 155.556% */
letter-spacing: var(--typography-body1-letter-spacing, 0);
background: linear-gradient(to left, #D00000 50%, #002147 50%);background-size: 200% 100%;background-position:right bottom; transition:all 0.5s ease;
}
.topBtnsox a.brochureBtnPP:hover{background-position:left bottom;color:#fff;border: 1px solid #002147; text-decoration:none;}

.topCList{position:relative; border-radius: 52px;border: 1px solid #FFF; display: table;height: 32px;padding: 4px 16px;}
.topCList p{margin:0px;
color: var(--text-inverse, #FFF);
font-family: var(--typography-body3-font, Roboto);
font-size: 14px!important;
font-style: normal;
font-weight: var(--typography-body3-weight, 400);
line-height: var(--typography-body3-line-height, 24px); /* 171.429% */
letter-spacing: var(--typography-body3-letter-spacing, 0);}
.breadcrumbOx{padding-left:20px;}
.breadcrumbOx li{display:inline;font-family: 'Roboto';font-style: normal;font-weight: 300;font-size: 14px;line-height: 26px;color: #002147;}
.breadcrumbOx li:before{background:url(../images/ox/bc-arrow.svg) no-repeat center center; padding:5px 10px; content: "";}
.breadcrumbOx li a{color: #002147;}
.breadcrumbOx li:first-child:before{background:none;padding:5px 0px;}



.sectionAbout{padding: var(--space-80, 80px) 0px; position:relative; clear:both;}
h2.subTitle{
color: var(--text-primary, #000);
font-family: var(--typography-h2-font, "PT Serif");
font-size: var(--typography-h2-size, 32px);
font-style: normal;
font-weight: var(--typography-h2-weight, 400);
line-height: var(--typography-h2-line-height, 42px); /* 131.25% */
letter-spacing: var(--typography-h2-letter-spacing, 0);
position:relative; margin-bottom:32px; display: inline-block;}
h2.subTitle:after{position:absolute; content:""; background:#000; width:100%; height:1px; bottom:-8px; left:1px;}
.sectionAbout p{color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
margin-bottom:30px;}
.aboutTxt{display:flex; align-items: center; gap:60px;}
.aboutTxtS{width: 65%;}
.formFormBox{width: 35%;}
.aboutTxtS h2.subTitle::after{width: 100%;}
.logoCBSHead{display:flex; gap:20px;}
.logoCBSHead b{color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); 
letter-spacing: var(--typography-body2-letter-spacing, 0);}
.logoCBSHead img{max-height:45px;}
.formFormBoxInner{border: 1px solid rgba(0, 33, 71, 0.3);  padding:25px 30px; margin-top:45px;}

.collaborationSection{background: #fff; position:relative; clear:both;padding: 0 0px 80px 0px;}
.colBlist {display: flex;  gap: 40px;  padding: 0;  list-style: none; margin-top:30px; margin-bottom: 0;}
.colBlist li {  flex: 1;  border-right: 1px solid #000;  padding-right: 40px; }
/*.colBlist li:nth-child(1){flex: 1;}
.colBlist li:nth-child(2){flex: 1.6;}
.colBlist li:nth-child(3){flex: 1.4;}*/
.colBlist li:last-child {  border-right: none;  padding-right: 0;}
.colBlist h4 {color: var(--bg-section-dark, #000);font-family: var(--typography-h5-font, "PT Serif");font-size: var(--typography-h5-size, 16px);
font-style: normal;font-weight: var(--typography-h5-weight, 700);line-height: var(--typography-h5-line-height, 26px); /* 162.5% */
}
.colBlist p {color: var(--text-primary, #000);font-family: var(--typography-body2-font, Roboto);font-size: var(--typography-body2-size, 16px);font-style: normal;
font-weight: var(--typography-body2-weight, 400);line-height: var(--typography-body2-line-height, 26px);letter-spacing:var(--typography-body2-letter-spacing, 0);}


/* FOR  collaborationSection START */
.collaborationSection .accordion_headOX, .sectionSpecialisation .accordion_headOX, .sem_wrap .accordion_headOX {background-color: #fff;
 cursor: pointer; margin: 5px 0 1px 0;   padding: 20px 20px 20px 0px;  border-bottom: 1px solid #eee; position: relative;line-height: 32px;
 color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */);
 }
.collaborationSection .accordion_headOX b, .sectionSpecialisation .accordion_headOX b, .sem_wrap .accordion_headOX b{fpadding-right: 40px;line-height: 32px; display:flex;
color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */);
}
.collaborationSection .accordion_container .active, .sectionSpecialisation .accordion_container .active, .sem_wrap .accordion_container .active{border-bottom: 0px; background:#fff;color:#D00000;}
.collaborationSection .accordion_container .active b, .sectionSpecialisation .accordion_container .active b, .sem_wrap .accordion_container .active b{color:#D00000;}
.collaborationSection .accordion_container .active .plusminusOX, .sectionSpecialisation .accordion_container .active .plusminusOX, .sem_wrap .accordion_container .active .plusminusOX{color:#000; right: 20px;}

.collaborationSection .accordion_bodyOX, .sectionSpecialisation .accordion_bodyOX, .sem_wrap .accordion_bodyOX {border-bottom: 1px solid #eee; padding: 0px 0px 10px 0px; background: #fff;}
.collaborationSection .accordion_bodyOX p, .sectionSpecialisation .accordion_bodyOX p, .sem_wrap .accordion_bodyOX p{
color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.collaborationSection .plusminusOX, .sectionSpecialisation .plusminusOX, .sem_wrap .plusminusOX {padding-right: 5px;color: #002147;font-size: 36px;font-weight: 300;position: absolute;right: 15px;top: 17px;}

/* FOR  collaborationSection END */

.sectionSpecialisation{background: #fff; position:relative; clear:both;padding: 0 0px 80px 0px;}
.divTwoSpe{display:flex; gap:40px;}
.speOne{width:70%; color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);}
.speOne p{color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.speTwo{margin-left:auto;}

.eyBox{display: flex; gap: 20px;justify-content: space-between;align-items: center;background: var(--bg-brand-light, #F0F7FF);padding:0px 20px;width: 100%; margin-bottom: 20px;}
.eyText{width: 80%;font-size: 15px;line-height: 22px;color: #333;}
.eyText p{margin-bottom:0px;}
.eyLogo{background: #fff; padding: 10px;}
.eyLogo img{width: 90px;height: auto;}

.sectionVid{position:relative; clear:both;margin-top:80px}
h3.smallHeadLine{text-align:right; font-style: normal;font-weight: 400;font-size: 22px;line-height: 42px;color: #002147; position:relative; margin-right: 120px;}
h3.smallHeadLine:after{ content: "";width: 100px;position: absolute; top: 50%; margin-left: 20px; height:1px; background:#002147;}

.ytV{margin:0px 0px 50px 0px; width:100%; display: flex;}
.ytV .vCol{width: 100%;display: flex; position:relative;background: #E31E25;}
.ytV .vCol{}
.ytV .ytPlaybtn{position:absolute; top:45%; left:45%; color:#fff; }


.sectionWhyStudy{background: var(--bg-brand-light, #F0F7FF); position:relative; clear:both;
padding: var(--space-80, 80px) 0px;}
.flxWrap{display:flex; margin-top:0px; gap: 20px;}
.flxDiv1 h5, .flxDiv2 h5{
color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-h5-letter-spacing, 0);	
margin:10px 0px;
}
.flxDiv1{width:49%;}
.flxDiv2{width:51%;}

ul.listTickBlue {list-style: none;  padding: 0;  margin: 0px 0px 0px 0px;}
.listTickBlue li {
	padding: 4px 0 4px 30px;
position: relative;
color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.listTickBlue li::after {
  content: "\e86c";
  font-family: 'Material Symbols Outlined';
  font-size: 20px;
  color: #002147;
  position: absolute;
  left: 0px;
  top: 3px;
  font-weight:300;
  font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24
}


.list5W li, li.list5W {font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 300;font-size: 18px;line-height: 32px;color: #FFFFFF;background: url(../images/ox/list5W.svg) left 9px no-repeat;    margin: 0px 0px 5px 0px;    padding: 3px 0 0 30px !important;    display: block; }
.list5W li a{font-size: 18px;line-height: 32px;color: #FFFFFF;}
.list5B{margin-bottom:0px;}
.list5B li, li.list5W {font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 300;font-size: 16px;line-height: 28px;color: #002147;background: url(../images/ox/list5R.svg) left 9px no-repeat;    margin: 0px 0px 5px 0px;    padding: 3px 0 0 30px !important;    display: block; }
.list5B li a{font-size: 18px;line-height: 32px;color:#002147;}


.list5R li, li.list5R {font-family: 'Roboto', sans-serif;font-style: normal;font-weight: 300;font-size: 18px;line-height: 32px;color: #002147;background: url(../images/ox/list5R.svg) left 9px no-repeat;    margin: 0px 0px 5px 0px;    padding: 3px 0 0 30px !important;    display: block; }
.list5R li a{text-decoration:underline !important; color: #002147 !important;}


ul.list5RNew {  list-style: none;  padding: 0;  margin: 0px 36px 0px 0px;}
.list5RNew li {
  position: relative;
  padding: 3px 0 0px 28px; /* spacing for icon */
	color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
margin-bottom:5px;
}
.list5RNew li::after {
  content: "\e315";
  font-family: 'Material Symbols Outlined';
  font-size: 32px;
  color: var(--text-primary, #000);
  position: absolute;
  left: -8px;
  top: 50%;
  font-weight:200;
  transform: translateY(-50%);
}
/*.list5RNew li:last-child{margin-bottom:0px;}*/


.sectionCurriculum{padding: var(--space-80, 80px) 0px;position:relative; clear:both;}
.curriculmWrap{display:flex;}
.curriPic{width: 100%; min-width: 315px;}
.curriText{padding-left:40px;}
.curriBtn{display:table;margin-top: 24px;}

.curriBtn a{border-radius: 2px;
display: flex; position:relative;
min-height: 56px;
font-size:16px!important;line-height:28px!important;
padding: var(--12, 12px) 60px var(--12, 12px) var(--24, 24px);
justify-content: center;
align-items: center;
gap: var(--8, 8px);
color: var(--btn-text-on-blue, #FFF);
font-family: var(--typography-body1-font, Roboto);
/*font-size: var(--typography-body1-size, 18px)*/;
font-weight: var(--typography-body1-weight, 400);
/*line-height: var(--typography-body1-line-height, 28px)*/; /* 155.556% */
letter-spacing: var(--typography-body1-letter-spacing, 0);
background: linear-gradient(to left, #002147 50%, #D00000 50%);background-size: 200% 100%;background-position:right bottom; transition:all 0.5s ease;
}
.curriBtn a:hover{background-position:left bottom;color:#fff;border: 0px solid #002147; text-decoration:none;}

.curriBtn a:before{
	content: "\f591";
  font-family: 'Material Symbols Outlined';
  font-size: 28px;
  color: #FFF;
  position: absolute;
  right: 22px;
  top: 15px;
  font-weight:300;
	font-variation-settings:
  'FILL' 1,
  'wght' 300,
  'GRAD' 0,
  'opsz' 24;
  
  }


.sectionForm{padding: var(--space-80, 80px) 0px;position:relative; clear:both; background: var(--bg-page, #FFF);}
.sectionForm p{color: var(--text-primary, #000); margin:0px;
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);}
ul.listTickRound {list-style: none;  padding: 0;  margin: 0px 0px 10px 0px;}
.listTickRound li {
padding: 8px 0 8px 30px;
position: relative;
color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.listTickRound li::after {
  content: "\e2e6";
  font-family: 'Material Symbols Outlined';
  font-size: 20px;
  color: #D00000;
  position: absolute;
  left: -1px;
  top: 8px;
  font-weight:400;
}

.eligibilityPicBG{background-position:center center; background-repeat:no-repeat; background-size: cover;}
.wpHide{display:block;}
.wpHide label{font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 12.8269px;line-height: 20px;color: #667085;}
.wpWrap{margin-left:0px; color:#fff; margin-top:12px;}
.noteBg{background: var(--bg-brand-light, #F0F7FF); display: flex;padding: var(--space-16, 16px) var(--space-32, 32px);gap: var(--space-12, 12px);color: var(--text-primary, #000);margin-top: 15px;
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-h4-letter-spacing, 0);}

.noteBg b{color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-h4-letter-spacing, 0);}

.sectionCareer{display: flex; padding: var(--space-80, 80px) 0px; position:relative; clear:both; background: var(--bg-section-accent, #D00000);}
.careerSectionWrap{display:flex; gap:64px;}
.careerTextLeft{width:49%;}
.careerPicRight{width:51%;}
.careerTextLeft h2.subTitle{color:#fff;}
.careerTextLeft h2.subTitle::after{position: absolute;content: ""; background: #fff; width: 100%; height: 1px; bottom: -8px;left: 1px;}
.careerTextLeft p{color: var(--text-inverse, #FFF);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); 
}
.careerPicRight img{border-radius:2px;}

.fiftyList li {width: 48%;  display: inline-block !important;  vertical-align: top;}

ul.listTickBlue {list-style: none;  padding: 0;  margin: 0px 0px 0px 0px;}
.listWhiteArrow {margin-bottom:0px;}
.listWhiteArrow li {padding: 4px 0 4px 30px; position: relative;
color: var(--text-inverse, #FFF);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.listWhiteArrow li::after {
  content: "\e5e1";
  font-family: 'Material Symbols Outlined';
  font-size: 20px;
  color: #fff;
  position: absolute;
  left: -4px;
  top: 3px;
  font-weight:300;
}

ul.listBlackArrow {list-style: none;  padding: 0;  margin: 0px 0px 0px 0px;}
.listBlackArrow li {padding: 8px 0 8px 30px; position: relative;
color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.listBlackArrow li a{text-decoration:underline;color:#000;}
.listBlackArrow li:last-child{padding-bottom:0px;}
.listBlackArrow li::after{ content: "\e5e1";font-family: 'Material Symbols Outlined';font-size: 20px;color: #000;position:absolute;left: -4px;top: 8px;
font-weight:300;}
.listBlackArrow li h4{color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-h5-letter-spacing, 0);}


.sectionApply{background: var(--bg-brand-light, #F0F7FF); position:relative; clear:both; padding: var(--space-80, 80px) 0px;}
.sectionApply p{margin:0px;}
.applyBtnOX{margin:var(--space-24, 24px) 0px 0px 0px; display:flex; gap:16px;}
a.applyBtnR{background: #E31E24;border: 1px solid #E31E24; color: #FFFFFF;}

.sectionRecruiters{padding: var(--space-80, 80px) 0px; position:relative; clear:both;}

#ranking_slider .owl-dots{text-align: center;}

ul.recruiter-client-list {width: 100%;  display: flex;  align-items: center;  flex-flow: wrap;  padding: 0; margin-top: 0px;  margin-left: 0;margin-bottom:0px;}
.recruiter-client-list li { display: flex;align-items: center;justify-content: center;margin: 25px auto 25px auto;}
.recruiter-list-five li img {filter: grayscale(0%); -webkit-filter: grayscale(0%); max-width: 100%; width: auto !important;}
.recruiter-list-five li img:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.recruiter-list-five li { width: 25%;}

.recruiter-list-six li {background: #fff; padding: 10px 6px; flex-basis: calc(16% - 10px);  width: auto;  height: 69px;  margin: 5px;box-shadow: 0px 0px 0.8px 0px rgba(0, 0, 0, 0.15);
border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.07)}
.recruiter-list-six li img {max-width: 90px; max-height: 42px;}
.recruiter-list-six li img { filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.recruiter-list-six li img:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%);}

.recruiter-list-seven li {background: #fff; padding: 10px 6px; flex-basis: calc(14% - 10px);  width: auto;  height: 69px;  margin: 5px;box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);background: rgba(244, 244, 244, 1);border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.07)}
.recruiter-list-seven li img {max-width: 90px; max-height: 42px;}
.recruiter-list-seven li img { filter: grayscale(0%); -webkit-filter: grayscale(0%);}
.recruiter-list-seven li img:hover {filter: grayscale(100%); -webkit-filter: grayscale(100%);}




.minorAISection{margin-top:0px !important; padding-bottom:80px !important;}

.sectionFeedback{background: var(--bg-surface-light, #F3F3F3); padding: var(--space-80, 80px) 0px 0px 0px; position:relative; clear:both;}
.Mtop40{margin-top:40px!important;}
.Mtop60{margin-top:60px!important;}
.happyWrap{background: var(--btn-bg-brand, #002147);padding: var(--space-48, 48px) var(--space-64, 64px);}
.happyWrap h2{color:#fff;}
.happyWrap h2:after{background:#fff;}
.hwTxt p{margin:5px 0px 30px 0px;color: var(--text-inverse, #FFF);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);}
.happyWrapBtm{display:flex; gap:20px; margin-top:10px;}
.happyWrapBtm img{width:54px; height:54px; border-radius:54px;}
.happyWrapBtm b{color: var(--text-inverse, #FFF);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-h5-letter-spacing, 0);}
.happyWrapBtm b span{opacity:72%;color: var(--text-inverse, #FFF); display:block;
font-family: var(--typography-body3-font, Roboto);
font-size: var(--typography-body3-size, 14px);
font-style: normal;
font-weight: var(--typography-body3-weight, 400);
line-height: var(--typography-body3-line-height, 24px); /* 171.429% */
letter-spacing: var(--typography-body3-letter-spacing, 0);}

.quote__body {padding-right: 0;padding-left: 35vw; margin-bottom: 0;margin-left: -35vw;}
.quote__body{background-color: #E31E24;border: none;color: #fff;font-size: inherit;position: relative;margin-bottom: 5em;}
.quoteIcon1{background:url(../images/ox/quote-t.svg) no-repeat; position:absolute;top:-50px; left:30vw; width:137px; height:102px;}
.quoteIcon2{background:url(../images/ox/quote-b.svg) no-repeat; position:absolute;bottom:-50px; right:-65px; width:137px; height:102px;}

.minorAISection .minorWrap{background-color: #071C33; padding: 50px;}

.minorAISectionW .minorWrapW{background-color: #fff; padding:34px;border:1px solid #D9D9D9;}
.fbTextBlock{background: #E31E24; width:61%; align-self: center;}
.fbTextBlock h4{font-family: 'PT Serif';font-style: normal;font-weight: 400;font-size: 24px;line-height: 42px;color: #002147;}
.fbTextBlock p{font-family: 'PT Serif';font-style: normal;font-weight: 300;font-size: 16px!important;line-height: 28px!important;color: #002147;margin-bottom:0px;}
.heading5 {font-family: 'PT Serif';font-style: normal;font-weight: 400;font-size: 16px!important;line-height: 28px!important;color:#002147;margin-bottom:0px;}
.fbVidWW{width:39%; /*cursor:pointer;*/}

.fbWrap{display:flex;}
.fbText{background: #E31E24; width:70%; align-self: center; padding:50px 67px 50px 0px;}
.fbText h4, .fbText p{font-family: 'PT Serif';font-style: normal;font-weight: 300;font-size: 18px;line-height: 32px;color: #FFFFFF;}
.fbText b{font-weight:700;}
.fbVid{width:35%; /*cursor:pointer;*/}
.fbVid .ytPlaybtn{position:absolute; top:41%; left:45%; color:#fff; }
.video-only{text-align:right;}
.vidFeedback{position:relative;}
.video-embed-field-responsive-video{visibility:hidden;}
.video-embed-field-responsive-video iframe {position:absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;margin: 0;}

.minorAISectionHM{position:relative; padding: var(--space-80, 80px) 0px;background: var(--bg-surface-light, #F3F3F3);}
.minorAIWrap{display:flex;gap: var(--space-80, 80px);}
.minorWrapLeft{min-width:418px;}
.minorWrapLeft img{border-radius:2px;}
.minorAIWrap h2{color: var(--text-primary, #000);
font-family: var(--typography-h2-font, "PT Serif");
font-size: var(--typography-h2-size, 32px);
font-style: normal;
font-weight: var(--typography-h2-weight, 400);
line-height: var(--typography-h2-line-height, 42px); /* 131.25% */
letter-spacing: var(--typography-h2-letter-spacing, 0); position:relative;display: inline-block; margin-bottom: 32px;}
.minorAIWrap h2:after{position:absolute; content:""; bottom:-10px; height:1px; background:var(--foundation-black); width: 100%;  left: 0;}
.minorAIWrap p{color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);}
.minorAIWrap a{border-radius: 2px;display: table;margin-top:28px;
padding: 15px 20px;
color: var(--btn-text-on-blue, #FFF);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
background: linear-gradient(to left, #002147 50%, #d00000 50%);background-size: 200% 100%;background-position:right bottom; transition:all 0.5s ease;
}
.minorAIWrap a:hover{background-position:left bottom;color:#fff;border: 0px solid #d00000; text-decoration:none;}


.accordion_headOX {background-color: #f9f9f9;border-radius: 2px;
color: #414141; cursor: pointer; margin: 5px 0 1px 0;   padding: 20px 20px;  border-bottom: 1px solid #eee; font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 18px;color: #000;position: relative;line-height: 32px;}
.accordion_headOX b{font-style: normal;padding-right: 40px;line-height: 32px; display:flex;
color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */);
}
.accordion_container .active{border-bottom: 0px; background:#D00000;color:#fff;}
.accordion_container .active b{color:#fff;}
.accordion_container .active .plusminusOX{color:#fff; right: 20px;}

.accordion_bodyOX {border-bottom: 1px solid #eee; padding: 20px; background: #fff;}
.accordion_bodyOX p{
color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.plusminusOX {padding-right: 5px;color: #002147;font-size: 36px;font-weight: 300;position: absolute;right: 15px;top: 17px;}

/*  for Inner Page*/
.accordion_headInnerP {background-color: #fff;
color: #414141; cursor: pointer; margin: 5px 0 1px 0;   padding: 20px 20px;  border-bottom: 1px solid #eee; font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 18px;color: #000;position: relative;line-height: 32px;}
.accordion_headInnerP b{font-style: normal;padding-right: 40px;line-height: 32px; display:flex;
color: var(--text-primary, #000);
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */);
}
.accordion_containerInnerP .active{border-bottom: 0px; background:#e0edfb;color:#000;}
.accordion_containerInnerP .active b{color:#000;}
.accordion_containerInnerP .active .plusminusInnerP{color:#fff; right: 20px;}

.accordion_bodyInnerP {border-bottom: 1px solid #eee; padding: 20px; background: #fff;}
.accordion_bodyInnerP p{
color: var(--text-primary, #000);
font-family: var(--typography-body2-font, Roboto);
font-size: var(--typography-body2-size, 16px);
font-style: normal;
font-weight: var(--typography-body2-weight, 400);
line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
letter-spacing: var(--typography-body2-letter-spacing, 0);
}
.plusminusInnerP {padding-right: 5px;color: #002147;font-size: 36px;font-weight: 300;position: absolute;right: 15px;top: 17px;}



.accordion_headSem {background-color: #fff;color: #414141; cursor: pointer; margin: 0 0 1px 0;   padding: 20px 0px;  border-bottom: 1px solid #eee;font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 18px;color: #002147;position: relative;line-height: 32px;}
.accordion_headSem b{font-style: normal;font-weight: 500;padding-right: 40px;line-height: 32px; display:flex;}
.accordion_bodySem {background: #fff; border-bottom: 1px solid #eee; padding-top: 20px;}
.plusminusSem {padding-right: 5px;color: #002147;font-size: 36px;font-weight: 300;position: absolute;right: 0;top: 17px;}

.sem_wrap{display:none;}
.semesterLinksD{display:block;}
.semesterLinksD a{color: #002147;}

/*.footer_background {background:#001834 !important;position: relative;background-repeat: no-repeat; }*/
.twoCollaboration{display:flex; gap: 20px;}
.twoCollaboration .s1{width:50%; background: var(--bg-brand-light, #F0F7FF); padding:20px;}
.twoCollaboration .s2{width:50%; background: var(--bg-brand-light, #F0F7FF); padding:20px;}

/* COMMEN BLUE FORM */
.innerFormBoxHM{border-radius: 2px;background: var(--bg-brand-primary, #002147); padding: 30px var(--space-32, 32px); }
.innerFormBoxHM h3{color: var(--text-inverse, #FFF);
font-family: var(--typography-h3-font, "PT Serif");
font-size: var(--typography-h3-size, 22px);
font-style: normal;
font-weight: var(--typography-h3-weight, 400);
line-height: var(--typography-h3-line-height, 32px); /* 145.455% */
letter-spacing: var(--typography-h3-letter-spacing, -0.36px);}

.oxForm input::placeholder {color: var(--text-inverse, #FFF); font-weight: 500;}
.form-control:focus{box-shadow: 0 0 0 0rem rgba(0,123,255,.25)!important;}
.oxForm input[type="text"], .oxForm input[type="tel"], .oxForm input[type="email"]{
	border-radius: 5px;background: var(--btn-bg-brand-hover, #334D6C); border:0px; padding:14px 14px;
color: var(--text-inverse, #FFF);
font-family: var(--typography-body3-font, Roboto);
font-size: var(--typography-body3-size, 14px);
font-weight: var(--typography-body3-weight, 400);
line-height: var(--typography-body3-line-height, 24px); /* 171.429% */
letter-spacing: var(--typography-body3-letter-spacing, 0);
width: 100%;
  margin: 4px 0px;
}
.oxForm select{border-radius: 5px; border:0px; padding:14px 14px;-webkit-appearance: none;
  position: relative;
  background: var(--btn-bg-brand-hover, #334D6C) url("../images/2025/form-arrow-down.svg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-position: 93% 50%;
  background-repeat: no-repeat;
  background-size: 14px;
  color: var(--text-inverse, #FFF) !important;
font-family: var(--typography-body3-font, Roboto);
font-size: var(--typography-body3-size, 14px);
font-weight: var(--typography-body3-weight, 400);
line-height: var(--typography-body3-line-height, 24px); /* 171.429% */
letter-spacing: var(--typography-body3-letter-spacing, 0);
  height: auto !important;
  width: 100%;margin: 4px 0px;
  }
 .waform{font-family:Roboto;font-size:12px;font-weight:600;line-height:14px; color: #fff;} 
.oxForm select:focus{background: var(--btn-bg-brand-hover, #334D6C) url("../images/2025/form-arrow-down.svg");background-repeat: no-repeat; background-position: 93% 50%;}
.countryListDDHM { position: absolute;  left: 15;  top: 15px;  height: 40px;  width: 50px;  text-align: center;  border-right: 1px solid #EDF1F3;  line-height: 38px; z-index: 1;}
.oxForm input[type="tel"]{text-indent: 50px !important;}

.oxForm input[type="button"] {border-radius: 4px;cursor:pointer;background: var(--btn-bg-danger, #D00000);
border:0px; width:100%;
height: 48px;
padding: 10px 24px;
color: var(--btn-text-on-red, #FFF);
text-align: center;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%;
letter-spacing: -0.14px;
margin-top: 10px;
background: linear-gradient(to left, #D00000 50%, #9a0000 50%);background-size: 200% 100%;background-position:right bottom; transition:all 0.5s ease;
}
.oxForm input[type="button"]:hover{background-position:left bottom;color:#fff;border: 0px solid #002147; text-decoration:none;}
.oxForm .srmP{position:relative;}
.oxForm .error {  position: absolute;  right: 5px;  top: 18px;}
.oxForm .countryListDD{top: 8px;width: 52px;}
/* faq start */
ul.list7a{margin: 0px 0px 15px 0px;}
.list7a li{font-family: var(--primary-font);font-size: 16px;font-weight: 400;line-height: 26px;text-align: left;color:#000; margin-bottom:8px;
background:url(../images/2025/program/ca-arrow.svg) no-repeat 0px 7px; padding-left:25px; list-style:none;}

.sectionFAQ{background: var(--bg-surface-light, #F3F3F3); padding:70px 0px 80px 0px; position:relative; clear:both;}
.sectionFAQ.program-page-faq .row { width: auto;}
.new-faqs-for-programs{width:100%;padding-top:10px;}
.faq-container { display: flex;  gap: 30px;  margin: 0 auto; }

/* Left Sidebar */
.sectionFAQ.program-page-faq .faq-sidebar {width: 370px; display: flex;flex-direction: column;gap: 5px;}
.faq-tab {padding: 0px 18px;height:50px;display:flex;align-items: center;justify-content: flex-start;border-left: 4px solid transparent;background: #f9f9f9;cursor: pointer;color: #000;border-radius:2px;
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */}
.faq-tab.activeFAQ {border-left: 4px solid #D00000;font-weight: 600;background-color:#fff;}

/* Accordion Section */
.sectionFAQ.program-page-faq  .faq-content {flex: 1;}
.faq-category {display: none;}
.faq-category.activeFAQ {display: block;}
.sectionFAQ .accordion-item {border: 1px solid #eee;margin-bottom: 12px; border-radius: 2px 2px 2px 2px !important;overflow: hidden;}
.sectionFAQ .accordion-headerFAQ {padding: 16px 24px 16px 20px;background-color: #f9f9f9;cursor: pointer;display: flex;
justify-content: space-between;align-items: center;transition: background 0.2s ease;position: relative;
color: #000;
font-family: var(--typography-h5-font, "PT Serif");
font-size: var(--typography-h5-size, 16px);
font-style: normal;
font-weight: var(--typography-h5-weight, 700);
line-height: var(--typography-h5-line-height, 26px); /* 162.5% */
}
.sectionFAQ .accordion-headerFAQ.activeFAQ {background-color: #D00000;color: #fff;}
.sectionFAQ .accordion-headerFAQ::after {content: '';position: absolute;right: 10px;width: 16px;height: 16px;background-image: url('https://onlinechitkarau.com/wp-content/uploads/2025/07/Icon-1.svg'); background-repeat: no-repeat;background-size: contain;transition: transform 0.3s ease;}
.sectionFAQ .accordion-headerFAQ.activeFAQ::after {background-image: url('https://onlinechitkarau.com/wp-content/uploads/2025/07/Icon.svg'); /* replace with your minus icon */}
.sectionFAQ .accordion-body {max-height: 0;overflow: hidden;padding: 0 20px;background: #fff;transition: max-height 0.3s ease, padding 0.3s ease; font-family: 'Roboto';}
.sectionFAQ .accordion-body a{color:#d00000; text-decoration:underline;}
.sectionFAQ .accordion-body  p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;}
.sectionFAQ.program-page-faq .accordion-body ul{margin:0px 0px 1rem 0px;padding:0px 30px;list-style: none;}
.sectionFAQ.program-page-faq .accordion-body ul li{margin:0px;list-style: disc;font-size: 16px;color:#000;font-style: normal;font-weight: 400;line-height: 24px; font-family: 'Roboto';}
.sectionFAQ .accordion-body.open {padding: 16px 20px;max-height: 550px;}
.mobile-faq-container{display:none;}

@media (max-width: 768px) {
	.faq-container {display:none;}
	.sectionFAQ .accordion-body {display: none;}
	.sectionFAQ .accordion-body.open {display: block;}
	.mobile-faq-container {padding: 0px;display: flex;flex-direction: column;gap: 0px;margin-top:30px;}
	.sectionFAQ.program-page-faq .col-sm-12{padding:auto;}
	.mobile-faq-category {border: none;border-radius: 0px;overflow: hidden;}
	.mobile-category-title {padding: 0px 15px;background-color: #fff;font-size: 16px;font-style: normal;font-weight: 500;cursor: pointer;position: relative;height:50px;display:flex;font-family: 'Roboto';
	align-items: center;margin-bottom: 13px; color:#000;}
	.mobile-category-title::after {content: '';position: absolute;right: 7px;width: 16px; height: 16px;background-image: url('https://onlinechitkarau.com/wp-content/uploads/2025/07/arrow-down.svg');background-repeat: no-repeat;background-size: contain;transition: transform 0.3s ease;}
	.mobile-faq-category.open .mobile-category-title::after {background-image: url('https://onlinechitkarau.com/wp-content/uploads/2025/07/arrow-up.svg'); }
	.sectionFAQ .accordion-wrapper {display: none;flex-direction: column;padding:0px 15px 15px 15px;}
	.mobile-faq-category.open .accordion-wrapper {display: flex;}
	.sectionFAQ .accordion-item {border-top: 1px solid #ddd;margin-bottom: 10px;background: #ffffff;border-radius: 8px;}
	.sectionFAQ .accordion-headerFAQ {padding:10px 25px 10px 15px;font-weight: 500;font-size: 14px;font-style: normal;background: #fff;cursor: pointer;position: relative;}
	.sectionFAQ .accordion-headerFAQ::after {content: '';position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 16px;height: 16px;
	background-image: url('https://onlinechitkarau.com/wp-content/uploads/2025/07/Icon-1.svg'); /* replace with your plus icon */
	background-repeat: no-repeat;background-size: contain;transition: transform 0.3s ease;}
	.sectionFAQ .accordion-headerFAQ.activeFAQ::after {background-image: url('https://onlinechitkarau.com/wp-content/uploads/2025/07/Icon.svg'); /* replace with your minus icon */}
	.sectionFAQ .accordion-body {display: none;padding: 0 20px 14px;font-size: 14px;background: #fff;}
	.sectionFAQ .accordion-body  p{color: #000;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;}
	.sectionFAQ.program-page-faq .accordion-body ul{margin:0px 0px 1rem 0px;padding:0px 30px;list-style: none;}
	.sectionFAQ.program-page-faq .accordion-body ul li{margin:0px;list-style: disc;font-size: 14px;color:#000;font-style: normal;font-weight: 400;line-height: 24px;}
	.sectionFAQ .accordion-body.open {display: block;}

}

@media only screen and (min-width: 1200px) and (max-width: 1340px) {
	
}

@media only screen and (min-width: 1099px) and (max-width: 1270px) {
	.quoteIcon2{right: -15px;}
	.minorAIWrap{gap: 40px;}
}


@media only screen and (min-width: 992px) and (max-width: 1370px) {
	.headerTop h1{font-size:36px;}
	.headerTop .topProgramWrap .topProLeft{padding-right: 30px;padding-left: 5%; padding-top: 50px; padding-bottom: 50px;}
}	
@media only screen and (min-width: 992px) and (max-width: 1099px) {
	.main-menu .container-fluid{padding-left:15px; padding-right:15px;}
	.topBtnsox a{padding: 12px 20px;margin-right: 15px;}
	.quoteIcon2{right: -15px;}
	.recruiter-list-five li{width: 24%;}
	.social-footer li{margin-right: 7px;}
	.footer .col-F1{padding-right: 20px;}
	.recruiter-list-six li{flex-basis: calc(16% - 6px);}
	.recruiter-list-six li img{max-width: 80px;}
	.offsetBox1{padding: 0px 0px 0px 0px;}
	.offsetBox2{margin-left: 0px;}
	.minorAIWrap{gap: 40px;}
	
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.main-menu .container-fluid{padding-left:15px; padding-right:15px;}
	.mba-program-page .offset-sm-0{margin-left: 0% !important; }
	.mba-program-page .offset-sm-1{margin-left: 8.333333% !important; }
	h2.subTitle{font-size: 26px;}
	h2.subTitle::after{width: 485px;}
	.headerTop h1{font-size: 36px;line-height: 48px;}
	p.htSH{font-size: 18px;line-height: 28px;}
	.topBtnsox{margin: 25px 0px 30px 0px;}
	.topBtnsox a{width: 100%; margin-right:0px;display: block;text-align: center;margin-bottom: 20px;}
	.sectionAbout{padding-top: 65px;}
	.sectionAbout .col-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%;}
	.sectionVid{margin-top: 65px;}
	.headerTop .topProgramWrap .topProLeft{width: 100%;margin-top:60px;padding-right: 50px;padding-left: 4%;}
	.headerTop .topProgramWrap .topProRight{display:none;}
	.sectionWhyStudy .col-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%;}
	.sectionWhyStudy .col-sm-12, .sectionCurriculum .col-sm-12, .sectionForm .col-sm-12, .sectionCareer .col-sm-12, .sectionAbout .col-sm-12{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
	.offsetBox1, .offsetBox2{padding: 0px 0px 0px 0px;}
	.formTextBox{width: 100%; padding: 45px;}
	/*.formFormBox{width: 50%;}*/
	.minorAISectionHM{padding:45px 0px;}
	.minorAIWrap { flex-wrap: wrap;gap:20px;}
	.minorWrapLeft { width: 100%; min-width: 100%; order: 2;}
	.fbText{padding-right: 20px;width: 50%;}
	.fbVid{width: 50%;}
	.quoteIcon2{right: -15px;}
	.fbText h4{font-size: 18px;line-height: 28px;}
	.sectionApply .col-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%;}
	.sectionRecruiters .col-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%;}
	.sectionFAQ .col-sm-10{-webkit-box-flex: 0;-ms-flex: 0 0 83.33333%;flex: 0 0 83.33333%;max-width: 83.33333%;}
	.recruiter-list-five li{width: 24%;}
	.social-footer li{margin-right: 7px;}
	.footer .col-F1{padding-right: 20px;}
	.recruiter-list-six li {   flex-basis: calc(25% - 10px);  }
	.offsetBox2{margin-left:0px;}
	.curriPic{display: none;}
	.curriText {padding-left: 0px;}
	.flxWrap{gap: 50px;}
	.sectionFAQ.program-page-faq .faq-sidebar{width: 300px;}
	.faq-tab{font-size: 14px;}
	.sectionFAQ .accordion-headerFAQ{font-size: 14px;}
	.sectionFAQ .accordion-body p{font-size: 14px;}
	
	.careerSectionWrap{flex-wrap:wrap; gap: 20px;}
	
	.careerTextLeft, .careerPicRight {  width: 100%;}
	.sectionAbout{padding-top: 45px;}
	.aboutTxt{flex-wrap: wrap;}
	.aboutTxtS{width: 100%;padding-right: 0px;}
	.formWrap{flex-wrap: wrap; border:0px;}
	.formTextBox{width: 100%;padding: 0px;}
	.formFormBox{width:100%;}
	.formFormBoxInner{padding: 25px 30px;}
	.innerFormBoxHM .container{max-width: 100% !important;}
	.innerFormBoxHM{min-height: auto;}
	.sectionFeedback{background: var(--btn-bg-brand, #002147);padding:80px 0px;}
	 .happyWrap {background: var(--btn-bg-brand, #002147); padding: 0px 0px;}
	   .sectionFAQ {padding: 80px 0px;}
}

@media only screen and (max-width: 767px)
{	
	
	:root {
	--space-80: 2rem;
	--size-36:24px;
	--size-32:22px;
	}
	.mba-program-page{background:#fff;}
	.listBlackArrow li a{text-decoration:underline!important;color:#000;}
	.main-menu .container-fluid{padding-left:15px; padding-right:15px;}
	.mba-program-page p{font-size: 16px;line-height: 26px;}
	h2.subTitle{font-size: 24px;line-height: 34px;}
	.minorAIWrap h2{font-size: 24px;line-height: 34px;}
	.main-menu {display: block;}
	.headerTop .topProgramWrap{flex-wrap:wrap;}
	.headerTop .topProgramWrap .topProLeft{width: 100%; padding:36px 20px; order: 2;}
	.headerTop .topProgramWrap .topProRight{width: 100%;}
	.headerTop h1{color: #FFF;text-shadow: 0 4px 50px rgba(0, 0, 0, 0.20);font-size: 30px;font-weight: 400;line-height: 40px;letter-spacing: -0.6px;}
	p.htSH{font-size: 16px;line-height: 25px;margin-top: 20px;}
	.topBtnsox a{font-size: 14px;line-height: 26px; padding: 14px 26px; margin-right: 10px;}
	.topBtnsox {  margin: 20px 0px 5px 0px; gap: 15px;}
	.topBtnsox a.applyNowBtnPP{font-size: var(--typography-body2-size, 16px);line-height: var(--typography-body2-line-height, 26px); padding: 8px 45px 8px 16px; min-height: auto;}
	.topBtnsox a.applyNowBtnPP::before{right: 15px;  top: 10px;}
	.topBtnsox a.brochureBtnPP{display: flex;padding: var(--8, 8px) var(--16, 16px);min-height: auto;
	font-size: var(--typography-body2-size, 16px);line-height: var(--typography-body2-line-height, 26px);}
	h3.smallHeadLine{text-align: left;font-size: 18px;line-height: 42px; margin-right: 90px;}
	h3.smallHeadLine::after{width: 75px;}
	h2.subTitle::after{width: 95%;}
	.ytV .ytPlaybtn {top: 22%;left: 36%;}
	.flxWrap{flex-wrap: wrap;}
	.flxDiv1 {width: 100%;}
	.flxDiv2 {width: 100%;}
	.offsetBox1{padding:0px;}
	.offsetBox2{padding:0px;}
	.sectionCurriculum{padding:45px 0px;}
	.sectionCareer{padding:45px 0px;}
	.sectionForm{padding:45px 0px;}
	.sectionApply{padding:45px 0px;}
	.sectionRecruiters{padding:45px 0px;}
	.flxDiv1 h5, .flxDiv2 h5{font-size: 18px;line-height: 28px;}
	.list5W li, li.list5W {font-size: 16px;line-height: 32px;}
	.list5R li, li.list5R {font-size: 16px;line-height: 26px;font-weight:400;color:#000;}
	/*.headerTop{margin-top: 50px;}*/
	.sectionAbout{padding: 45px 0px;}
	.aboutTxt{display: block;}
	.aboutTxtS{width: 100%;padding-right: 0px;}
	.sectionVid{margin-top: 20px;}
	.sectionWhyStudy{padding: 45px 0px;}
	.curriculmWrap{flex-wrap: wrap;}
	.curriText{width:100%; padding-left:0px; margin-top:15px;}
	.curriBtn{margin: 45px 0px 60px 0px; display:none;}
	.curriBtn a{font-size: 16px;line-height: 26px; padding: 12px 25px;}
	
	.careerSectionWrap{flex-wrap:wrap; gap: 20px;}
	 .fiftyList li { width: 100%; }
	.careerTextLeft, .careerPicRight {  width: 100%;}
	.minorAISection{padding-bottom: 45px !important;}
	.minorAISection h2{color:#fff;}
	.minorAISection h2.subTitle::after{background: #fff;}
	
	.minorAISectionHM{padding:45px 0px;}
	.minorAIWrap a{padding:9px 16px;}
	.minorAIWrap{flex-wrap:wrap;}
	.minorWrapLeft{width: 100%;min-width:100%;order:2;}
		
	.sectionFAQ{margin: 0px;}
	.formWrap{flex-wrap: wrap; border:0px;}
	.formTextBox{width: 100%;padding: 0px;}
	.formFormBox{width:100%;}
	.formFormBoxInner{padding: 25px 30px;}
	/*.formFormBox{width: 100%;border: 0.916205px solid #E31E24;margin-top: 15px;padding: 40px 25px;}*/
	.applyBtnOX{margin: 25px 0px 0px 0px;}
	.applyBtnOX a{font-size: 16px;line-height: 26px; padding: 8px 20px;}
	.applyBtnOX a.blueArrowBtn{padding-right: 45px;}
	.applyBtnOX a.blueArrowBtn::before {right: 12px;}
	.recruiter-list-five li{width: 33%;}
	/*.recruiter-list-five li img{width: 100%;}*/
	.recruiter-list-six li{flex-basis: calc(33% - 10px); width: auto;    height: 69px;    margin: 5px !important; padding: 10px 5px;}
	.minorAISection .minorWrap{padding: 20px 25px;}
	.fbWrap{flex-wrap: wrap;}
	.fbText{width:100%; padding:65px 40px 45px 40px;}
	.fbVid{width:100%;}
	.video-only img{width:100%;}
	.quote__body{margin-left: 0;padding-left: 0;}
	.fbText h4{font-size: 20px;line-height: 29px;}
	.quoteIcon1{background: url(../images/ox/quote-t-mob.png) no-repeat;width: 62px;height: 46px;top: -20px;left: 5vw;}
	.quoteIcon2{display:none;}
	.fbVid .ytPlaybtn{top: 28%;left: 37%;}
	.sem_wrap{display:block;}
	.semesterLinksD{display:none;}
	.twoCollaboration{flex-wrap:wrap;}
	.twoCollaboration .s1{width:100%;}
	.twoCollaboration .s2{width:100%; }
	.sectionFeedback{background: var(--btn-bg-brand, #002147);padding:45px 0px;}
	.happyWrap{padding:0px;}
	.sectionFAQ{padding:45px 0px;}
	/*.accordion_headOX {padding: 10px 0px;}
	.accordion_bodyOX{padding: 10px 0px;}*/
	.plusminusOX {font-size: 28px;top: 18px;color:#000;}
	.collaborationSection{padding: 0 0px 45px 0px;}
	.colBlist{flex-wrap:wrap; gap: 20px;}
	.colBlist li{flex: auto;  border-right: 0px solid #000;  padding-right: 0;  width: 100%;  border-bottom: 1px solid #000;  padding-bottom: 0px;}
	.sectionSpecialisation{padding: 0 0px 45px 0px;}
	ul.listBlackArrowP {list-style: none;  padding: 0;  margin: 0px 0px 0px 0px;}
	.listBlackArrowP li {padding: 4px 0 4px 30px; position: relative;
	color: var(--text-primary, #000);
	font-family: var(--typography-body2-font, Roboto);
	font-size: var(--typography-body2-size, 16px);
	font-style: normal;
	font-weight: var(--typography-body2-weight, 400);
	line-height: var(--typography-body2-line-height, 26px); /* 162.5% */
	letter-spacing: var(--typography-body2-letter-spacing, 0);
	}
	.listBlackArrowP li a{text-decoration:underline;color:#000;}

	.listBlackArrowP li::after {  content: "\e5e1";  font-family: 'Material Symbols Outlined';  font-size: 20px;  color: #000;  position: absolute;  left: -4px;  top: 5px;
	  font-weight:300;}
	  
	.divTwoSpe{flex-wrap:wrap; gap: 20px;}
	.speOne{width:100%; order: 2; } 
	.speTwo{width:100%; order: 1; } 
	.eyBox{flex-wrap:wrap; padding:20px; gap: 20px;}
	.eyText{width: 100%; order:2;}
	.eyLogo{background: #fff; padding: 10px;}

}
@media only screen and (min-width: 300px) and (max-width: 389px) 
{
	h3.smallHeadLine{ margin-right: 10px;}
	h3.smallHeadLine::after{width: 35px;}
	.applyBtnOX a{padding: 12px 10px;min-height: auto;}
	.topBtnsox a.applyNowBtnPP{padding:8px 38px 8px 16px;}
	.topBtnsox a.applyNowBtnPP::before {right: 5px;}	
	.topBtnsox a{margin-right:0px;}	
	.recruiter-list-six li{flex-basis: calc(46% - 0px);}
}