/* Theme Name: OIA Theme URI: http://chitkara.edu.in/oia Author: Gaurav Mittal Author URI: http://wordpress.org/ Description: The 2024 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 */ /*@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");*/ :root { --primary-font: 'Inter', sans-serif !important; --text-dark: #111; --text-red: #D00000; --text-white: #fff; --text-black: #000; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; margin: 0px; background: #fff; font-family: var(--primary-font); font-weight: 400; font-size: 14px; line-height: 20px; color: #000; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /*.grecaptcha-badge {visibility: hidden;}*/ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } .inline { display: inline-block !important; } * { box-sizing: border-box; } a { color: #1a1a1a; text-decoration: none; } a:hover { color: #1a1a1a; text-decoration: underline; } .container { max-width: 1270px !important; width: 95% !important; } .clr { clear: both; } .mtop10 { margin-top: 10px !important; } .mtop15 { margin-top: 15px !important; } .mtop20 { margin-top: 20px !important; } .mtop25 { margin-top: 25px; } .mtop30 { margin-top: 30px; } .mtop40 { margin-top: 40px !important; } h1, h2, h3, h4, h5, h6 { font-family: var(--primary-font); } p { font-style: normal; font-family: var(--primary-font); font-weight: 300; font-size: 18px; line-height: 28px; color: #000000; } .align-items-center { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .ui-menu{z-index:100;} .redtxt, .redtxt a, a.redtxt {color: #CE1815;} .moboff {display: block} .mobon {display: none;} h2.headT {font-size: 30px;font-style: normal;font-weight: 700;line-height:42px;letter-spacing: 0.32px;color:#000;margin-bottom:15px;} h2.headT span {color: #CE1815;} h2.headTW {font-size: 30px;font-style: normal;font-weight: 700;line-height:42px;letter-spacing: 0.32px;color: #fff;margin-bottom:15px;} h2.headTW span {color: #CE1815;} p.plTxt{font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 30px; color: #000; margin: 0px;} .mm-hasnavbar-top-1 .mm-panels, .mm-navbar-top-3 {top: 100px !important;} .mm-navbar-top-2{margin-top:30px !important;} .mm-listview li{border-bottom: 1px solid #363636 !important;} .mm-listview li a{padding-top:9px !important; padding-bottom:9px !important;} .mmQuickLinks ul{display:flex; flex-wrap:wrap;} .mmQuickLinks li{width:50%;} .mmQuickLinks li a{font-size: 14px;font-weight: 500;line-height: 26px;letter-spacing: -0.7599999904632568px;text-align: left;color:#A1A1AA;} .menuLogoMob { height: 50px; margin-top: 3px;} .navMain{margin-top:12px;} .main-menu{background:#fff; width:100%; padding: 10px 0px;} .header_sec {/*float: right;*/ /*padding:10px 0px 15px 0px;*/} .applyNowBtnTop{float:right; margin-top:0px;} .applyNowBtnTop a{background-color: #ce1518;color: #fff;border-radius: 40px; padding: 10px 30px;font-weight: 500;font-size: 14px; text-decoration:none;} a.btnRedBG{background: #d00000;backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 5px 8px 5px 18px;color:#fff; font-family: var(--primary-font);font-weight: 500;font-size: 14px;line-height: 20.8px; text-decoration:none;overflow: hidden; cursor: pointer; transition: color 0.3s ease; width: 150px; position: relative;} a.btnRedBG:hover{color:#fff;} a.btnRedBG::before {content: "";position: absolute;top: 0;right: -100%; width: 100%; height: 100%; background: #000; transition: right 0.3s ease; z-index: 0;} a.btnRedBG:hover::before { right: 0; } a.btnRedBG span {position: relative; z-index: 1;} a.btnRedBG .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 34px; height: 34px; background: #fff; border-radius: 34px; text-align: center; line-height: 40px;margin-left: auto; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;} a.btnRedBG .arrowB img{transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;} .btnRedBG:hover .arrowB img{ transform: rotate(45deg) translateX(0px);} /* MENUBAR */ .main-menu .container-fluid{padding-left:50px; padding-right:50px;} .main-menu .logo_sec{/*position: absolute;top: 10px;z-index: 100;*/} .main-menu .logo_sec{max-width:270px;} #cssmenu > ul > li > a{font-family: var(--primary-font);font-style: normal;font-weight: 400;font-size: 18px;line-height: 26px;color: #002147;text-transform: none;} #cssmenu ul li > ul li a{font-family: var(--primary-font);font-style: normal;font-weight: 400;font-size: 16px;line-height: 26px;color: #002147;text-transform: none; padding: 5px 20px;} #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/icons/dd-arrow.svg) no-repeat; width:15px; height:15px;content:""; top: 16px;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;}*/ /* MENU BAR */ /*.navMain{float:right;}*/ #cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {border: none;margin: 0;padding: 0; line-height: 1; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} #cssmenu {display: block;padding: 0;margin: 0;width: auto; font-family: var(--primary-font);} #cssmenu, #cssmenu > ul > li > ul > li a:hover {color: #fff;} #cssmenu > ul {list-style: inside none;padding: 0;margin: 0;} #cssmenu > ul > li {list-style: inside none;padding: 0;margin: 0;float: left;display: block;position: relative;} #cssmenu > ul > li > a {padding: 25px 15px;text-transform: capitalize;font-weight: 400;font-size: 16px;color:#000; text-decoration:none; line-height: 38px; letter-spacing: 0.2px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;} #cssmenu > ul > li > a:hover {color: #E31E25; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } #cssmenu > ul > li:first-child > a {border-radius: 5px 0 0 5px;} #cssmenu ul li.has-sub:hover > ul,#cssmenu ul li.has-sub:hover > div { display: block;} #cssmenu ul li > ul,#cssmenu ul li > div {display: none;/*width: auto;*/position: absolute;top: 53px;padding:10px 0 10px 0;background: #fff;border-radius: 0 0 5px 5px; z-index: 999; border:2px solid rgba(0, 0, 0, 0.1)} #cssmenu ul li > ul:before {position:absolute; top:-20px; left:45%; width:20px; height:20px; content:""; border-left: 9px solid transparent; border-right: 9px solid transparent;border-bottom: 12px solid #E31E25;} #cssmenu ul li:nth-child(2) ul {width: 250px; transform: translateX(-50%); left: 50%;} #cssmenu ul li > ul ul::before{content:none;} #cssmenu ul li > ul ul{border:0px;} #cssmenu ul li:nth-child(3) ul { width: 330px; transform: translateX(-50%); left: 50%;} #cssmenu ul li > ul li {display: block; list-style: inside none; padding: 0; margin: 0;position: relative;} #cssmenu ul li > ul li a {outline: none;display: block; position: relative; margin: 0; padding: 8px 20px; color: #181818; text-decoration: none; font-size:16px; line-height:20px;} #cssmenu ul li > ul li a:after{ border-bottom:1px solid #ccc;} #cssmenu ul ul a:hover {background:#cc1f1b;color: #E31E25;} .applyMenu{background-color: #FFCE00;color: #c03532;border-radius: 40px; padding: 10px 20px;font-weight: 500;font-size: 14px; text-decoration:none;} .applyMenu a{color: #222 !important; text-decoration:none;} .applyMenu a:hover{color: #FFCE00 !important;} .applyMenu:hover{background-color: #cc1f1b;color: #FFCE00 !important;} .sub-menu-columns > ul{ width: 500px; float: right; position: absolute; -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);left: 50%; } .sub-menu-columns > ul > li { display: inline-block; float: left; width: 50%; } .sub-menu-columns > ul > li:nth-child(odd) { float: left; margin-right: 10px; } .sub-menu-columns > ul > li:nth-child(even) { float: right; } .sub-menu-columns > ul > li > ul{display:block !important;position: unset !important;} .headmenu > a > span{ color: #ce1518; text-transform: uppercase; border-bottom: 1px solid #ce1518;} .headmenu > a:hover{background:none !important; color:#ce1518;} .applyNow{background:#E31E25; color:#fff !important; padding:10px 20px; margin-left: 40px !important;} .applyNow a{color:#fff !important; } .applyNow:hover{background:#aa070d;} .menuNB{border:0px !important; text-transform:capitalize !important;} .menuNB a{padding-bottom: 0px !important;} .mm-listview li a{-webkit-transform: translate(0, -1px);-o-transform: translate(0, -1px);transform: translate(0, -1px); -webkit-transition: 0.5s -webkit-transform 0s;transition: 0.5s -webkit-transform 0s;-o-transition: 0.5s -o-transform 0s; transition: 0.5s transform 0s;transition: 0.5s transform 0s, 0.5s -webkit-transform 0s, 0.5s -o-transform 0s;} .mm-listview li a:hover{-webkit-transform: translate(7.5px, -1px);-o-transform: translate(7.5px, -1px);transform: translate(7.5px, -1px);} #menu-item-390, #menu-item-389, #menu-item-386, #menu-item-391, #menu-item-565, #menu-item-569, #menu-item-574, #menu-item-591, #menu-item-599{border-top: 1px solid #5a5a5a;border-left: 1px solid #5a5a5a;border-right: 1px solid #5a5a5a;} /*.sub-menu li{border: 1px solid #5a5a5a !important; }*/ /* HOME PAGE CSS */ .sliderHome{display:block;} .sliderHomeMob{display:none;} .section5-overlay::before { opacity: 0.7;background: linear-gradient(180deg, rgba(255, 255, 255, 0.24) 31.12%, rgba(0, 0, 0, 0.72) 74.17%); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%;z-index: 1;} .section5-overlay{position:relative;} .section5-overlay h2{position:absolute;color:#fff;text-align: center;font-size: 56px;font-style: normal;font-weight: 300;line-height: normal; max-width:860px; z-index: 10;bottom: 100px;left: 0;right: 0;margin: 0 auto;} .section5-overlay h2::before{width: 222px; bottom: -40px; height: 1px; color: #fff; content: ""; z-index: 1000; position: absolute; background: #fff; right: 0px; left: 0; margin: 0 auto;} .section5-overlay .bannerImg{position:relative;} #home_slider .owl-dots{text-align: center; margin: 0 auto; position: absolute; bottom: 17px; left: 0; right: 0;} #home_slider .owl-dot{margin-right:8px; background:#d9d9d9; border:0px solid #444; border-radius:10px; width:10px; height:10px; display: inline-block;} #home_slider .owl-dots .active{background:#E3000F; border:0px solid #E3000F; } #home_slider .owl-nav{position: absolute; top:43%; right: 0; width: 100%;} #home_slider .owl-prev{margin-left: 55px; left: 0px; position: absolute;} #home_slider .owl-next{margin-right: 55px; right: 0px; position: absolute;} #home_slider .owl-nav .fa{color:#fff; font-size:56px; } #home_slider_Mobile .owl-dots{text-align: center; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0;} #home_slider_Mobile .owl-dot{margin-right:8px; background:#d9d9d9; border:0px solid #444; border-radius:10px; width:10px; height:10px; display: inline-block;} #home_slider_Mobile .owl-dots .active{background:#E3000F; border:0px solid #E3000F; } #home_slider_Mobile .owl-nav{position: absolute; top:43%; right: 0; width: 100%;} #home_slider_Mobile .owl-prev{margin-left: 55px; left: 0px; position: absolute;} #home_slider_Mobile .owl-next{margin-right: 55px; right: 0px; position: absolute;} #home_slider_Mobile .owl-nav .fa{color:#fff; font-size:56px; } .programsHm{position:relative; width:100%; margin:60px 0px 20px 0px; padding-bottom:40px;} .programsHm .paraTxt{font-family: var(--primary-font); font-weight: 400;font-size: 16px;line-height: 30px;color:#000; max-width:1150px;margin-bottom:18px;} .programsHm .col-md-12{padding-left:7%; padding-right: 0;} .intProDiv{border-radius: 6px;border: 1px solid #E0E0E0;background: #FFF;box-shadow: 2px 2px 12px 0px rgba(49, 62, 87, 0.25); padding:17px; margin: 20px 0px; min-height:420px; position:relative;} .intProDiv img{border-radius: 6px;} .intProDiv h3{color: #000;font-size: 18px;font-style: normal;font-weight: 700;line-height: 23.4px; /* 130% */letter-spacing: 0.1px; margin-top:30px;} .intProDiv a.readmore{color: #D00000;font-family: var(--primary-font);font-size: 14px;font-style: normal;font-weight: 600;line-height: 25.9px;letter-spacing: 0.1px; position:absolute; bottom:20px; left:20px; display:flex;} .intProDiv a.readmore img{width:12px; margin-left: 7px; margin-top: 2px;} img.borderEventSlider{border: 5.5px solid rgba(229, 229, 229, 1); border-radius:5px; box-shadow: 0px 4.4px 4.4px 0px rgba(0, 0, 0, 0.25); margin-bottom: 10px;} .pgbSlide{position:relative; min-height:330px; overflow: hidden; border-radius: 8px;} .programsHm .overlaySlider{position: absolute; width:100%; height:100%; background: linear-gradient(0deg, rgba(0, 0, 0, 0.88) 4.13%, rgba(0, 0, 0, 0) 36.3%); border-radius: 8px; z-index: 1;} .pgbPic img{border-radius: 8px; transition: transform 0.4s ease-in-out;} .pgbSlide:hover .pgbPic img {transform: scale(1.10);} .pgbContent{position: absolute; bottom:0; left:0; padding:30px 20px 20px 30px; z-index: 2; width: 100%;} .pgbContent h4{font-family: var(--primary-font);font-weight: 700;font-size: 24px;line-height: 24px;color:#fff; text-align:center;} .pgbContent p{font-family: var(--rc-font);font-weight: 500;font-size: 14px;line-height: 24px;color:#fff; margin:0px;} .pgbContent img.arrowIcon{width: 24px !important; height: 24px; display: inline-block !important; margin-left: 10px;} .oiAProgramsDesk{display:block;} .oiAProgramsMob{display:none;} #oiaProgramsHm .owl-nav{position: absolute; top: -133px; right: 50px;} #oiaProgramsHm .owl-prev{margin-right: 15px; width: 44px; height: 44px; border-radius: 50px; border: 1px solid #000; background: none;} #oiaProgramsHm .owl-next{width: 44px; height: 44px; border-radius: 50px; border: 1px solid #000; background: none;} #oiaProgramsHm .owl-prev:hover .fa{color:#fff;} #oiaProgramsHm .owl-prev:hover{outline:none; box-shadow:none; webkit-appearance:none; background:#D00000; border:#D00000; color:#fff;} #oiaProgramsHm .owl-prev:focus{outline:none; box-shadow:none; webkit-appearance:none;} #oiaProgramsHm .owl-next:hover{outline:none; box-shadow:none; webkit-appearance:none; background:#D00000; border:#D00000; color:#fff;} #oiaProgramsHm .owl-next:focus{outline:none; box-shadow:none; webkit-appearance:none;} ul.oiAProgramsMobList{display:flex; flex-wrap:wrap; gap:12px;} .oiAProgramsMobList li{width:100%; height: 220px;} .oiAProgramsMobList .pgbSlide{min-height:auto;} .oiAProgramsMobList .pgbPic{display:flex; height:220px;} .oiAProgramsMobList .pgbPic img{ object-fit:cover; width: 100%;} .oiAProgramsMobList .pgbContent{padding: 15px 20px;} .oiAProgramsMobList .pgbContent h4{font-size:16px; line-height:30px;} #internationalProgramsHm .owl-nav{position: absolute; top:43%; right: 0; width: 100%;} #internationalProgramsHm .owl-prev{margin-left: -25px; left: 0px; position: absolute; width:70px; height:70px; border-radius:70px; background:rgba(208, 0, 0, 0.6);} #internationalProgramsHm .owl-next{margin-right: 30px; right: 0px; position: absolute; width:70px; height:70px; border-radius:70px; background:rgba(208, 0, 0, 0.6);} #internationalProgramsHm .owl-nav .fa{color:#fff; font-size:56px; } .inboundMobilityHM{background:#000; padding:80px 0px; position:relative;} .imContentHM{display:flex; color:#fff;} .imContentCol1{width:52%; padding-right:50px;} .imContentCol2{width:48%} .imContentCol1 p{color:#fff; font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 30px;} a.redBtnArrow{background: rgba(208, 0, 0, 1); padding:12px 30px; font-family: var(--primary-font);font-size: 16px;font-weight: 600;line-height: 24px;text-align: left; color:#fff; text-decoration:none; border-radius:5px; display:table; margin-top:15px;} .inboundMobilitySection{background:#fff url(images/globe-pic-hm.png) no-repeat center center; background-size: cover; padding:60px 0px; position:relative;} .imContentWrap{display:flex; color:#fff; background:#000; border-radius:18px; padding:20px 20px 20px 40px; align-items: center;} .imContentCol1{width:60%; padding-right:40px;} .imContentCol2{width:40%} .opportunitiesSection{padding:55px 0px 60px 0px; position:relative;} p.txtPara{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 30px;color:#000;} .twoSchools{display:flex;} .schoolSection1{} .schoolSection2 { width: 100%; padding-left: 20px; min-width: 31.6%;} ul.schoolList {margin: 20px 0px 0px 0px;padding: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; gap:15px;} .schoolList li {flex-basis: calc(49% - 0px); border-radius: 8px; position: relative; margin-bottom: 0px; overflow: hidden; } .schoolListOne li {flex-basis: calc(100%);} .schoolList li .maskOverlay { background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%); position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1; content: ""; border-radius: 8px;} .schoolList li img { border-radius: 8px;position: relative;object-fit: cover;width: 100%; height: 100%; transition: transform 0.4s ease-in-out; /* Smooth scaling */} .schoolList li:hover img { transform: scale(1.10); /* Slight zoom on hover */} .schoolListMob li h3{font-size: 18px;} .schoolListMob{display:none !important;} .schoolListMob li{border-radius:8px; position:relative; margin-bottom:10px; flex-basis: calc(50% - 5px); } .schoolListMob li:nth-child(5){flex-basis: calc(100% - 0px);} .schoolListMob li .maskOverlay{background: linear-gradient(360deg, rgba(0, 0, 0, 0.81) 24.35%, rgba(0, 0, 0, 0) 50.92%);position:absolute; width:100%; height:100%; bottom: 0; z-index: 1; content: ""; border-radius: 8px;} .schoolListMob li .programNames{position:absolute;bottom:5px; text-align: center; width: 100%; z-index:100;} .schoolListMob li img{border-radius:8px;} .schoolListMob li h4{font-size: 14px;font-weight: 500;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff;} .schoolListMob li a{font-size: 14px;font-weight: 500;line-height: 24px;letter-spacing: var(--letterspacing-032);text-align: center; color:#fff; display:flex;} .schoolListMob li a img{object-fit:cover; width:100%; height:150px;} .schoolListMob li:nth-child(5) a img{object-position:top;} .school-content { position: absolute; bottom: 15px; text-align: center; width: 100%; z-index: 100;} .school-content h3{font-family: var(--primary-font);font-weight: 700;font-size: 30px;line-height: 30px;text-align: center;color:#fff; text-transform:uppercase;} ul.studyAbroadList{display:flex; flex-wrap:wrap;} .studyAbroadList li{width:33.3%; padding:12px 15px; position:relative;} .asContent{border-radius: 6px;border: 1px solid #E0E0E0;background: #FFF;box-shadow: 2px 2px 12px 0px rgba(49, 62, 87, 0.25); padding:17px; height:410px;} .studyAbroadList li h3{color: #000;font-size: 18px;font-style: normal;font-weight: 700;line-height: 23.4px;letter-spacing: 0.1px; margin-top:27px;} .studyAbroadList li h5{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px; margin-top:15px;} .studyAbroadList a.readmore{color: #D00000; font-size: 14px;font-style: normal;font-weight: 600;line-height: 25.9px;letter-spacing: 0.1px; position:absolute; bottom:40px; right:35px; display:flex;} .studyAbroadList a.readmore img{width:12px; margin-left: 7px; margin-top: 2px;} .fiveStepSection{background:#d00000 url(images/home/new/line-bgFrame.png) no-repeat; padding:50px 0px 40px 0px; background-size: 100% 90%; background-position: 0 0px;} .fiveStepSection h2.headT{color:#fff;} .fiveStepSection p.paraTxt{color:#fff;font-size:16px;line-height:30px;font-weight:400;} ul.fiveStepList{display: flex; flex-wrap: wrap; justify-content: space-between; gap:55px; max-width: 100%;margin:30px 0px 0px 0px;} .fiveStepList li {flex: 1 1 calc((100% - 220px) / 5); border-radius: 8px; position: relative; margin-bottom: 0px; max-width:195px;} .fiveStepList li .step{font-family: var(--primary-font);font-weight: 600;font-size: 24px;line-height: 34px;letter-spacing: -0.76px;color:#fff;margin-bottom:12px;} .fiveStepList li h3{font-family: var(--primary-font);font-weight: 600;font-size: 16px;line-height: 26px;color:#fff;} .fiveStepList li p{font-family: var(--primary-font);font-weight: 400;font-size: 14px;line-height: 22px;color:#fff;} .upcomingSectionNew{position:relative; width:100%; margin:50px 0px 20px 0px; padding-bottom:20px;} .upcomingSectionNew .paraTxt{font-family: var(--primary-font); font-weight: 400;font-size: 16px;line-height: 30px;color:#000; max-width:1150px;} .upcomingSectionNew .col-md-12{padding-left:7%; padding-right: 0;} #upcomingSectionHm{margin-top:20px;} #upcomingSectionHm .owl-nav{position: absolute; top: -145px; right: 50px;} #upcomingSectionHm .owl-prev{margin-right: 15px; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #000; background: none;} #upcomingSectionHm .owl-next{width: 50px; height: 50px; border-radius: 50px; border: 1px solid #000; background: none;} #upcomingSectionHm .owl-nav .fa{color:#000; font-size:18px; line-height: 50px;} #upcomingSectionHm .owl-prev:hover .fa, #upcomingSectionHm .owl-next:hover .fa{color:#fff;} #upcomingSectionHm .owl-prev:hover{outline:none; box-shadow:none; webkit-appearance:none; background:#D00000; border:#D00000; color:#fff;} #upcomingSectionHm .owl-prev:focus{outline:none; box-shadow:none; webkit-appearance:none;} #upcomingSectionHm .owl-next:hover{outline:none; box-shadow:none; webkit-appearance:none; background:#D00000; border:#D00000; color:#fff;} #upcomingSectionHm .owl-next:focus{outline:none; box-shadow:none; webkit-appearance:none;} .eventWrapItem{box-shadow: 0px 3px 11px 0px rgba(158, 158, 158, 0.25);border:1px solid #E4E4E4;padding:18px 17px 30px 17px; background:#F7F7F7; margin-bottom: 10px; border-radius: 4px;} .imageEvent{position:relative;} .imageEvent img.eveImg{border-radius:4px;} .overlayContent{position:absolute;bottom:20px; left:18px; z-index:2; color:#fff; padding-right: 18px;} .overlayContent h3{font-weight: 600;font-size: 24px;line-height: 32px;/*text-transform: capitalize;*/color:#fff; margin-bottom: 3px;} .overlayContent p{font-weight: 500;font-size: 18px;line-height: 30px;color:#fff; display: flex; gap: 5px; align-items: center; margin: 0;} .overlayContent img{width:18px !important; height:20px;} .maskOverlayEvent{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 31.6%, rgba(0, 0, 0, 0.656) 61.19%); position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1; content: ""; border-radius: 8px;} .eventWrapItem h4{font-weight: 700;font-size: 18px;line-height: 28px;letter-spacing: 0.1px;color:#000; margin-top:20px;} p.seatsDiv {font-family: var(--primary-font);font-weight: 500;font-size: 14px;line-height: 21px;color:#818181; display: flex; align-items: center; gap: 12px;} p.seatsDiv img{width:20px !important; height:15px} ul.eventInfo{display:flex; gap:20px;} .eventInfo li{background: #E9EEFF;border: 1px solid #EEEEEE;padding:12px 10px; width: 100%; display: flex; gap: 12px; border-radius:12px; align-items: center;} .eventInfo li img{width:36px !important; height:36px;} .proDur p{margin:0px;color: #747474;font-weight: 400;font-size: 12px;line-height: 20px;} .proDur h5{margin:0px;color: #111;font-weight: 600;font-size: 16px;line-height: 20px;} ul.list5{margin-left: 15px; padding-bottom: 10px;} .list5 li{font-family: var(--primary-font);font-weight: 400;font-size: 14px;line-height: 24px;letter-spacing: 0px;color:#000; list-style:disc;} ul.list6{margin-left: 15px; padding-bottom: 10px;} .list6 li{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 30px;letter-spacing: 0px;color:#000; list-style:disc;} ul.listTickGreen{} .listTickGreen li{background: url(images/charm_tick-double.svg) no-repeat 0px 2px; padding-left: 30px; color: #000;font-family: var(--primary-font);font-size: 14px; font-style: normal;font-weight: 400;line-height: 24px; margin-bottom: 8px;} ul.listTickBlk{} .listTickBlk li{background: url(images/tick-icon.svg) no-repeat 0px 7px; padding-left: 30px; color: #000;font-family: var(--primary-font);font-size: 14px; font-style: normal;font-weight: 400;line-height: 24px; margin-bottom: 8px;} .eventWrapItem h6{display:flex; gap:10px; align-items: center; color: #818181;font-family: var(--primary-font);font-size: 14px;font-weight: 500; line-height: 21px; position:absolute; bottom:35px;} .eventWrapItem h6 img{width:20px !important; height:20px} .eventWrapItem h6 span{color: #D00000;} .studyGloballySection{background:#000; padding:60px 0px 30px 0px; position:relative; color:#fff;} .studyGloballySection p{color:#fff;} ul.studyGloballyList{display:flex; flex-wrap:wrap; margin-top:30px;} .studyGloballyList li{width:33.3%; padding:12px 15px; position:relative; margin-bottom:25px;} .sgContent{border-radius: 8px;background: #1E1E1E;box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.25); padding:25px; height: 220px; position:relative;} .sgContent .step{position:absolute; top:-24px;right:20px; width: 48px;height: 48px; color: #FFF;text-align: center;font-size: 24px;font-style: normal;font-weight: 600;line-height: 36px;letter-spacing: 0.2px; border-radius: 8px; background: #D00000; line-height:48px;} .studyGloballyList li h3{color: #FFF;font-size: 24px;font-style: normal;font-weight: 600;line-height: 28px; margin-bottom:21px;} .studyGloballyList li p{color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; /* 175% */letter-spacing: 0.2px;} .studyGloballyList a.readmore{color: #D00000;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.16px; position:absolute; bottom:40px; left:30px; } .studyGloballyList a.readmore:before{width: 148px; background:#D00000; height:2px; position:absolute; bottom:-10px; left:0px; content:"";} .upcomingEventsSlider{margin-right: 100px;} .formSectionNew{padding:60px 0px 60px 0px; position:relative;} .sTesti{-webkit-box-flex: 0; -ms-flex: 0 0 35% !important; flex: 0 0 35% !important; max-width: 35% !important; position: relative;} .popupVid{-webkit-box-flex: 0; -ms-flex: 0 0 30% !important; flex: 0 0 30% !important; max-width: 30% !important;} .formNHome{-webkit-box-flex: 0; -ms-flex: 0 0 35% !important; flex: 0 0 35% !important; max-width: 35% !important;} #upcomingEvents .owl-item.active{width: 230px !important; transition: width 0.5s;} #upcomingEvents .owl-item.center{width: 350px !important;} #upcomingEvents .owl-item.active img{opacity:0.5; /*transform: scale(0.7);-ms-transform: scale(0.7);-webkit-transform: scale(0.7); */} #upcomingEvents .owl-item.center img{opacity:1; /*transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1);*/ } #upcomingEvents .owl-stage{display: flex;} #upcomingEvents .owl-item{align-content: center;} #upcomingEvents .owl-dots{text-align: center; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0;} #upcomingEvents .owl-dot{margin-right:8px; background:#d9d9d9; border:0px solid #444; border-radius:10px; width:10px; height:10px; display: inline-block;} #upcomingEvents .owl-dots .active{background:#E3000F; border:0px solid #E3000F; } .ucCarousel .owl-item.active{width: 230px !important; transition: width 0.5s;} .ucCarousel .owl-item.center{width: 350px !important;} .ucCarousel .owl-item.active img{opacity:0.5; /*transform: scale(0.7);-ms-transform: scale(0.7);-webkit-transform: scale(0.7); */} .ucCarousel .owl-item.center img{opacity:1; /*transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1);*/ } .ucCarousel .owl-item > div { cursor: pointer; margin: 6% 0%; transition: margin 0.4s ease; } .ucCarousel .owl-item.center > div { cursor: auto; margin: 0; } .ucCarousel .owl-item:not(.center) > div:hover { opacity: .75; } .ucCarousel .owl-item.center img{opacity:1; transform: scale(1, 1);-ms-transform: scale(1, 1);-webkit-transform: scale(1, 1); } .ucCarousel .owl-stage{display: flex;} .ucCarousel .owl-item{align-content: center;} .ucCarousel .owl-dots{text-align: center; margin: 0 auto; position: absolute; bottom: -30px; left: 0; right: 0;} .ucCarousel button.owl-dot{margin-right:8px; background:#d9d9d9 !important; border:0px solid #444 !important; border-radius:10px; width:10px; height:10px; display: inline-block;} .ucCarousel .owl-dots .active{background:#E3000F !important; border:0px solid #E3000F !important; } .section4-mobile {width: 100%;background: #323232;box-shadow: 0px 0px 4px rgba(0,0,0,.25); padding: 10px 25px 25px 15px; border-radius:8px;} .section4-mobile h4 {font-size: 23px;font-weight: 700;line-height: 30px;letter-spacing: 0.16695144772529602px;text-align: center; color: #FFFFFF; margin-top:40px;} .section4-mobile label{width:100%; color:#fff;font-family: var(--primary-font);font-size: 14px;font-weight: 600;line-height: 18px;text-align: left;} .section4-mobile input[type="text"], .section4-mobile input[type="tel"], .section4-mobile input[type="email"] { box-sizing: border-box; border:0px; border-radius: 8px; height: 40px; background: #fff; color: #111; font-style: normal; font-weight: normal; font-size: 14px; margin-bottom: 15px; padding: 0; display:block; text-indent: 15px; font-family: var(--primary-font); width:100%; } .section4-mobile select { -webkit-appearance: none; appearance: none; background-image: url("images/dd-arrow.png"); font-family: var(--primary-font); width:100%; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; color: #111 ; background-repeat: no-repeat; background-position: calc(100% - 15px) center; background-color: #fff; border:0px; border-radius: 8px; height: 40px; margin-bottom: 15px; padding-left:15px; } .section4-mobile select option { background: rgba(0, 0, 0, 0.7); color: #fff; } .section4-mobile input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #3e495b; font-weight: 400; } .section4-mobile input::-moz-placeholder { /* Firefox 19+ */ color: #3e495b; font-weight: 400; } .section4-mobile input:-ms-input-placeholder { /* IE 10+ */ color: #3e495b; font-weight: 400; } .section4-mobile input:-moz-placeholder { /* Firefox 18- */ color: #3e495b; font-weight: 400; } .section4-mobile select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #3e495b; font-weight: 400; } .section4-mobile select::-moz-placeholder { /* Firefox 19+ */ color: #3e495b; font-weight: 400; } .section4-mobile select:-ms-input-placeholder { /* IE 10+ */ color: #3e495b; font-weight: 400; } .section4-mobile select:-moz-placeholder { /* Firefox 18- */ color: #3e495b; font-weight: 400; } .section4-mobile input[type="button"] { background: #E3000F; border-radius: 8px; height: 42px; width: 100%; font-style: normal; font-weight: 600; font-size: 18px; line-height: 29px; letter-spacing: 0.208707px; color: #fff; border: none; margin-top: 20px; box-shadow: none;cursor: pointer; } .section4-mobile .error {position: absolute; right: 15px; top: 35px; color: red;} .blkForm{background: #111 !important;} .blkForm h4{color:#fff !important;} .blkForm .cbSRM label{color:#fff !important;} .getinTouchForm{width: 100%; background: #f4f4f4; margin: 0px; border-radius: 12px; padding: 20px 25px 30px 25px;} .getinTouchForm h4 { font-family: var(--primary-font); font-size: 22px; font-weight: 600; line-height: 32px; letter-spacing: -0.02em; text-align: left; color: var(--text-dark); margin:0px; } .getinTouchForm input::placeholder {color: #8A8E9B; font-weight: 500;} .getinTouchForm input[type="text"], .getinTouchForm input[type="tel"], .getinTouchForm input[type="email"] { border: 1px solid #CECECE; border-radius: 5px; height: 46px; background: #fff; color: #1A1C1E; font-weight: 500; font-size: 14px; opacity: 1; margin-bottom: 5px; padding: 0; display: block; text-indent: 15px; font-family: var(--primary-font); width: 100%;} .getinTouchForm select { border: 1px solid #CECECE; border-radius: 5px; height: 46px; color: #000; font-weight: 500; font-size: 14px; opacity: 1; margin-bottom: 5px; padding: 0 5px; width: 100%; text-indent: 6px; -webkit-appearance: none; position: relative; background:#fff url("images/form-dd.png"); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-position: 93% 50%; background-repeat: no-repeat; background-size: 14px;font-family: var(--primary-font);} .getinTouchForm .cbSRM input{display:none;} .getinTouchForm .cbSRM label{font-size: 12px;font-weight: 500;line-height: 16.8px;letter-spacing: -0.01em;text-align: left;color: #6C7278; margin-top: 5px; margin-bottom: 2px;font-family: var(--primary-font);} .getinTouchForm input[type="button"]{background: var(--text-red); border-radius: 5px; font-size: 16px;font-weight: 500;line-height: 22.4px;letter-spacing: -0.01em;text-align: center;height: 50px; width: 100%; border: 0; margin-top: 20px; color: #fff;font-family: var(--primary-font);} .pNumberTxt{position:relative;} .countryListDD{position:absolute; left: 0; top: 2px; height: 44px; width: 60px; text-align: center; border-right: 1px solid #EDF1F3; line-height: 42px;} .getinTouchForm input[type="tel"]{text-indent: 70px;} .error {color: #d00000; background-color: transparent; border: none; padding: 2px 8px; margin-bottom: 3px;font-family: var(--primary-font);} .getinTouchForm p{margin:0px;} .srmP{position:relative} .testimonialsHm{padding:80px 0px; position:relative;} .testiDiv{border-radius: 10px; box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.25); padding:35px; margin:10px 2px;} .testiContent{display:flex; margin-bottom:10px;} .testiContent img{width:70px !important; height:70px; border-radius:70px; margin-right:25px;} .testiContent h3{color: #000;font-size: 20px;font-style: normal;font-weight: 700;line-height: 30px;margin: 0;} .testiContent b{color: #000;font-size: 14px;font-style: normal;font-weight: 400;line-height: 24px;} .testiDiv p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; /* 175% */ margin:0px;} .testiWrap{align-content: center;} #testimonialsSlider{margin-top:50px;} #testimonialsSlider .owl-nav{position: absolute; top: -100px; right: 0;} #testimonialsSlider .owl-prev{margin-right: 15px; width: 50px; height: 50px; border-radius: 5px; box-shadow: 1px 0px 15px 1px rgba(0,0,0,0.10);-webkit-box-shadow: 1px 0px 15px 1px rgba(0,0,0,0.10);-moz-box-shadow: 1px 0px 15px 1px rgba(0,0,0,0.10);} #testimonialsSlider .owl-next{width: 50px; height: 50px; border-radius: 5px; box-shadow: 1px 0px 15px 1px rgba(0,0,0,0.10);-webkit-box-shadow: 1px 0px 15px 1px rgba(0,0,0,0.10);-moz-box-shadow: 1px 0px 15px 1px rgba(0,0,0,0.10);} #testimonialsSlider .owl-nav .fa{color:#000; font-size:18px; line-height: 50px;} #testimonialsSliderNew{} #testimonialsSliderNew .owl-nav{position: absolute; bottom: -80px; left:0px;} #testimonialsSliderNew .owl-prev{margin-right: 15px; width: 50px; height: 50px; border-radius: 50px; border: 1px solid #000; background: none;} #testimonialsSliderNew .owl-next{width: 50px; height: 50px; border-radius: 50px; border: 1px solid #000; background: none;} #testimonialsSliderNew .owl-nav .fa{color:#000; font-size:18px; line-height: 50px;} #testimonialsSliderNew .owl-prev:hover .fa, #testimonialsSliderNew .owl-next:hover .fa{color:#fff;} #testimonialsSliderNew .owl-prev:hover{outline:none; box-shadow:none; webkit-appearance:none; background:#D00000; border:1px solid #D00000; color:#fff;} #testimonialsSliderNew .owl-prev:focus{outline:none; box-shadow:none; webkit-appearance:none;} #testimonialsSliderNew .owl-next:hover{outline:none; box-shadow:none; webkit-appearance:none; background:#D00000; border:1px solid #D00000; color:#fff;} #testimonialsSliderNew .owl-next:focus{outline:none; box-shadow:none; webkit-appearance:none;} .stuTestiDiv{padding:0; margin:10px 2px;} .stuTestiContent{display:flex; margin-bottom:10px;} .stuTestiContent img{width:95px !important; height:95px; border-radius:95px; margin-right:25px;} .stuTestiContent h3{font-family: var(--primary-font);font-weight: 700;font-size: 30px;line-height: 36px;letter-spacing: -0.76%; margin: 0;} .stuTestiContent b{font-family: var(--primary-font);font-weight: 600;font-style: Italic;font-size: 20px;line-height: 36px;letter-spacing: -0.76%;color:#D00000;} .stuTestiDiv p{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 30px;} .testiBtn{position:absolute; right:20px; bottom:-2px;} #testimonialsSliderNew .owl-dots {text-align: center;position: relative; top: 0px;} #testimonialsSliderNew .owl-dot span{width: 18px;height: 5px;background: #a4a4a4;display: inline-block; margin: 3px; border-radius: 15px;} #testimonialsSliderNew .active span{background: #E31E25;width: 30px;} .popupYT{position:relative; height:100%;} .popupYT a{display:flex;width: 100%; height: 100%; overflow: hidden; border-radius: 8px;} .popupYT a img.ytVidPic{width: 100%; height: 100%; object-fit: cover; display: block; /*object-position: 90% 0;*/ border-radius: 18px; transition: transform 0.4s ease-in-out;} .popupYT:hover img.ytVidPic {transform: scale(1.10);} .popupYT a .ytPlaybtn {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff;z-index: 1;} .popupYT a h4{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 28px;color:#fff;position: absolute; bottom: 0; z-index: 100; padding: 20px;} .popupYT .maskOverlay { background: linear-gradient(0deg, rgba(0, 0, 0, 0.49), rgba(0, 0, 0, 0.49)), linear-gradient(179.94deg, rgba(0, 0, 0, 0) 67.96%, #000000 84.17%); position: absolute; width: 100%; height: 100%; bottom: 0; z-index: 1; content: ""; border-radius: 8px;} /* FAQS SECTION NEW */ .faqsSection{background: #f4f4f4;padding:55px 0px 60px 0px; position:relative; } .faqsSection h2.headT{font-family: var(--primary-font); text-align:left;} .faqsSection p.paraTxt{font-family: var(--primary-font); text-align:left; font-weight: 400;font-size: 16px;line-height: 30px;letter-spacing: 0%;color:#000;} a.btnWhiteBG{background: #fff;backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 8px 6px 22px;color:#000; font-family: var(--primary-font);font-weight: 500;font-size: 14px;line-height: 20.8px; text-decoration:none;overflow: hidden; cursor: pointer; transition: color 0.3s ease; width: 150px; position: relative;} a.btnWhiteBG:hover{color:#fff;} a.btnWhiteBG::before {content: "";position: absolute;top: 0;right: -100%; width: 100%; height: 100%; background: #d00000; transition: right 0.3s ease; z-index: 0;} a.btnWhiteBG:hover::before { right: 0; } a.btnWhiteBG span {position: relative; z-index: 1;} a.btnWhiteBG .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 34px; height: 34px; background: #c4c4c4; border-radius: 34px; text-align: center; line-height: 34px;margin-left: auto; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;} a.btnWhiteBG .arrowB img{transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;} a.btnWhiteBG:hover .arrowB{background:#fff;} .btnWhiteBG:hover .arrowB img{ transform: rotate(45deg) translateX(0px);} a.registerNowBtn{background: rgba(16, 16, 20, 0.1);backdrop-filter: blur(10px); border-radius:50px; display: flex; align-items: center; padding: 6px 8px 6px 22px;color:#000;font-family: var(--primary-font);font-weight: 500;font-size: 14px;line-height: 20.8px; text-decoration:none;overflow: hidden; cursor: pointer; transition: color 0.3s ease; width: 130px; position: relative;margin-top:23px;} a.registerNowBtn:hover{color:#fff;} a.registerNowBtn::before {content: "";position: absolute;top: 0;right: -100%; width: 100%; height: 100%; background: #d00000; transition: right 0.3s ease; z-index: 0;} a.registerNowBtn:hover::before { right: 0; } a.registerNowBtn span {position: relative; z-index: 1;} a.registerNowBtn .arrowB{transition: transform 0.4s ease, color 0.4s ease;width: 34px; height: 34px; background: #101014; border-radius: 34px; text-align: center; line-height: 34px;margin-left: auto; display: inline-flex; align-items: center; justify-content: center; transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;} a.registerNowBtn .arrowB img{transition: transform 0.4s ease, color 0.4s ease; transform-origin: center center;} .registerNowBtn:hover .arrowB img{ transform: rotate(45deg) translateX(0px);} .accordion-content {display: none;padding: 15px;background: #f9f9f9;} .read-more-btn {display: block; width: 100%;text-align: center; padding: 10px;background: #28a745;color: white;cursor: pointer;border: none; outline: none;margin-top: 10px;} /*.accordion-header{background:#f4f4f4;}*/ .accordion {width:100%;} .accordion_headLP{background-color: #f4f4f4;color: #000; cursor: pointer; margin: 10px 0 0px 0; font-size: 15px !important; padding:15px 20px; font-weight: 400;border: 0px solid #B9B9B9; position:relative; text-transform:uppercase; border-radius:8px;} .accordion_headLP:first-child{margin-top:0px;} .accordion_headLP:hover{background-color:#f2f2f2;} .accordion_bodyLP{background: #f4f4f4; padding:15px 20px; font-size: 16px;border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;} .plusminusLP{padding-right: 5px; font-size:28px; position:absolute; right:10px; top:5px;} .faqsSection .accordion_headLP{background-color: #fff; text-transform: none; border: 1px solid #E6E6E6;} .faqsSection .accordion_headLP:hover{background-color:#fff;} .faqsSection .accordion_headLP .plusminusLP{top:5px;} .faqsSection .accordion_headLP b{font-weight: 600;font-size: 16px;line-height: 26px;letter-spacing: -0.76%;color:#000; font-family: var(--primary-font);} .faqsSection .accordion_bodyLP{background: #fff;} .faqsSection .accordion_bodyLP p{font-weight: 400;font-size: 16px;line-height: 30px; color:#000; font-family: var(--primary-font);margin-bottom:10px;} .accordion_bodyLP p{font-weight: 400;font-size: 16px;line-height: 30px; color:#000; font-family: var(--primary-font);margin-bottom:10px;} .accordion_headLP b{font-weight: 600;font-size: 16px;line-height: 26px;letter-spacing: -0.76%;color:#000; font-family: var(--primary-font);} .mainContentInner .accordion_headLP{background: #fff; text-transform: none; border: 1px solid #E6E6E6;} .mainContentInner .accordion_bodyLP{background: #fff;border-left: 1px solid #E6E6E6; border-right: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; margin-top: -2px;} .mainContentInner .accordion_headLP .plusminusLP{top:5px;} .mainContentInner .accordion_bodyLP p{margin-bottom:10px;} /* */ .faqsWeb{display:block;} .faqsMob{display:none;} .faqsHm{background: #F5F5F5;padding:70px 0px; position:relative; } .faqsTitle{text-align:center; margin-bottom:45px;} .faqsHm .accordion_container{max-width:860px; margin:0 auto} .accordion_headOX { background-color: #fff; color: #414141; cursor: pointer; margin: 0 0 10px 0; padding: 15px 20px; border-bottom: 1px solid #eee; font-family: 'Source Sans Pro', sans-serif; font-style: normal; font-weight: 500; font-size: 18px; color: #000; position: relative; line-height: 32px;} .accordion_headOX h3 { font-style: normal; font-weight: 500; padding-right: 40px; line-height: 32px; display: flex; color: #000;font-size: 18px;} .accordion_headOX b { font-style: normal; font-weight: 500; padding-right: 40px; line-height: 32px; display: flex;} .accordion_bodyOX {background: #fff;border-bottom: 1px solid #eee;padding: 20px;} .plusminusOX {color: #101828;font-size: 26px;font-weight: 300;position: absolute;right: 20px;top: 17px;border: 2px solid #101828;border-radius: 25px;width: 25px;height: 25px;line-height: 20px;text-align: center;} .listTick24 li {font-size: 16px; line-height: 28px; background: url(images/icons/tick-icon24.svg) left 9px no-repeat; margin: 0px 0px 2px 0px; padding: 5px 0 0px 35px !important; display: block; font-weight: 300; color: #000000; font-family: var(--primary-font);} .listTick24 li a { font-weight: 400; font-size: 18px; color: #000000; text-decoration: none; display: block; line-height: 26px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;} .listTick24 li a:hover { color: #d26671; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; text-decoration: underline} .listArrow24 li {font-size: 16px; line-height: 30px; background: url(images/icons/listArrow.svg) left 12px no-repeat; margin: 0px 0px 2px 0px; padding: 2px 0 0px 35px !important; display: block; font-weight: 400; color: #000000; font-family: var(--primary-font);} .listArrow24 li a { font-weight: 400; font-size: 18px; color: #000000; text-decoration: none; display: block; line-height: 30px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease;} .listArrow24 li a:hover { color: #d26671; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; text-decoration: underline} a.faqsViewBtn{border: 1px solid #E0E0E0; background:#F5F5F5; padding:10px 20px;font-family: var(--primary-font);font-size: 16px;font-weight: 600;line-height: 25.9px;letter-spacing: 0.10000000149011612px;text-align: center; display:table; margin:40px auto 20px; border-radius:4px;} a.faqsViewBtn:hover{background:#ce1518; color:#fff;border: 1px solid #fff; text-decoration:none;} /* INNER PAGES */ .innerpageBanner{width:100%;position:relative;background-size: cover} .innerbannerhead{position:absolute;bottom:0px; color:#fff;width:100%;} .innerbannerhead h1{color:#fff; text-align:center; font-size: 40px;font-weight: 400;line-height: 84px;} .programBannerDesk{display:block;} .programBannerMob{display:none;} .programBannerDesk img{width:100%;} .innerpageBannerAll{width:100%;position:relative;} .innerbannerheadAll{position:absolute;left:0px; color:#fff;width:100%; z-index: 2; top: 50%; transform: translate(0%, -50%);} .innerpageBannerAll .maskOverlay {background: linear-gradient(270deg, rgba(0, 0, 0, 0) 44.69%, rgba(0, 0, 0, 0.443944) 60.92%, rgba(0, 0, 0, 0.658802) 66.18%, rgba(0, 0, 0, 0.8) 73.61%, rgba(0, 0, 0, 0.8) 76.62%); position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; content: ""; } .innerpageBannerAll img { position: relative;} .innerbannerheadAll h1{color:#fff; font-family: var(--primary-font);font-weight: 800;font-size: 42px;line-height: 46px;letter-spacing: -0.76px;} .innerbannerheadAll p.paraTxt{color: #FFF;font-family: var(--primary-font);font-size: 18px;font-style: normal;font-weight: 400;line-height: 30px; max-width:585px;} .overviewSectionInner{background:url(images/cu-pic-overview.jpg) no-repeat; background-size:cover; position:relative; padding:60px 0px;} .overviewSectionInner .overlayRed{background: rgba(208, 0, 0, 0.8); position:absolute; content:""; height:100%; width:100%; top:0px;} .overviewSectionInner p{color:#fff;font-size: 18px;font-weight: 400;line-height: 30px;text-align: center; position:relative;} .overviewSectionInner p:before{position:absolute; width:275px; height:1px; content:""; bottom: -25px; background: #fff; left: 0; right: 0; margin: auto;} .innerpage{padding:60px 0px;} .topMainContent p{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 30px;color:#000; margin:0px;} p.para16{font-family: var(--primary-font); font-weight: 400; font-size: 16px; line-height: 30px; color: #000; margin: 0px;} .topMainContent p a{color:#d00000; text-decoration:underline;} h1.head{font-family: var(--primary-font);font-weight: 700;font-size: 30px;line-height: 42px;letter-spacing: -0.76px;color:#000;margin-bottom:15px;} h3.head3{font-family: var(--primary-font);font-weight: 700;font-size: 30px;line-height: 42px;letter-spacing: -0.76px;color:#000;} h2.head{font-family: var(--primary-font);font-weight: 700;font-size: 30px;line-height: 42px;letter-spacing: -0.76px;color:#000;} h2.wtxt{color:#fff;} h2.headTitle{font-size: 32px;font-weight: 700;line-height: 43.58px;letter-spacing: 0.01em;text-align: left; position:relative;display: table; margin-bottom: 30px;} /*h2.headTitle:before{position:absolute; width:100%; height:3px; content:""; bottom: -10px; background: #ff0000; left: 0;}*/ h2.headTitleInner{font-size: 32px;font-weight: 700;line-height: 43.58px;letter-spacing: 0.01em;text-align: left; position:relative;display: table; margin-bottom: 10px;} .globalPic{background:url(images/globe-map.png) no-repeat right top; padding:80px 0px;} .erasmusMobDiv{display:flex; gap:40px;} .erasmusWrap1{width:62%;} .erasmusWrap1 p{font-family: var(--primary-font);font-weight: 400;font-size: 16px;line-height: 30px; color:#000;} .erasmusWrap2{margin-left:auto; width:38%;} .benefitsWrapInner{background:url(images/cu-pic-overview.jpg) no-repeat; background-size:cover; position:relative; padding:60px 0px;} .benefitsWrapInner .overlayRed{background: rgba(208, 0, 0, 0.8); position:absolute; content:""; height:100%; width:100%; top:0px;} .benefitsWrapInner h3{font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: -0.76px;text-align: center; color:#fff;position:relative;} .benefitsWrapInner b{font-family: var(--primary-font);font-size: 18px;font-weight: 700;line-height: 24px;text-align: center;display:block; color:#fff; margin-top:25px; letter-spacing: -0.76px;} a.viewAllPrograms{position:absolute;right:15px; top:5px; width:84px; border:1px solid rgba(224, 224, 224, 1); color:#ce1518;font-family: var(--primary-font);border-radius:4px; font-size: 14px;font-weight: 600;line-height: 26px;letter-spacing: 0.10000000149011612px; text-align: center; text-decoration:none; padding: 5px 0px;} a.viewAllPrograms:hover{background:#ce1518; color:#fff; text-decoration:none;} ul.ErasmusBenefitsList{display:flex; flex-wrap:wrap; margin-top:40px;margin-bottom:0px;} .ErasmusBenefitsList li{width:25%; padding:12px 15px; position:relative; text-align:center;} .programWrapInner{padding:50px 0px 50px 0px;} ul.programListAll{display:flex; flex-wrap:wrap; gap: 20px; margin-top:35px;} .programListAllWhite li{background:#fff !important;} .programListAll li{flex-basis: calc(32.2% - 0px); position: relative; margin-bottom:0px; padding:15px; background:#f4f4f4; border-radius: 8px;} .programListAll li h4, .programListAll li h4 p{font-family: var(--primary-font);font-weight: 500;font-size: 18px;line-height: 28px;letter-spacing: -0.76px;color:#111; margin-top: 20px;} .programListAll li .feaProImg{position: relative; margin-bottom:10px; } .programListAll li .feaProImg img{border-radius: 8px;} .programListAll li .durationStu{display:flex; } .programListAll li .studentName{font-size: 16px;font-weight: 400;line-height: 30px;letter-spacing: 0.20000000298023224px;text-align: left;color: #000000; } .programListAll li .studentContent{font-size: 16px;font-weight: 400;line-height: 30px;letter-spacing: 0.20000000298023224px;text-align: left;color: #000000; margin-bottom:5px;} .programListAll li .studentContent p{margin:0px;} .programListAll li .durationRound{background: #EFEFEF; border-radius:45px; padding:6px 15px; font-weight:300;} .programListAll li .durationD{ margin-left: auto;} ul.stuCountry{margin-top:5px;} .stuCountry li{margin-bottom:8px; line-height:20px; padding:0px; font-size: 16px;font-weight: 300;line-height: 26px; color: #000000;font-family: var(--primary-font);} .stuCountry li img{padding-right: 5px;} .programListAll li:hover .feaProImg:before { background: rgba(0, 0, 0, 0.5); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } .programListAll li .feaProImg::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease;border-radius: 8px; } .programListAll li .feaProImg img { width: 100%; max-height: 300px; object-fit: cover; } /* Inbound Mobility */ .facilityPage{position:relative; padding:60px 0px 50px 0px; background:#000;} .inboundContent {display: flex; margin:35px auto 20px; gap:50px;} .inboundContentCol1 {width: 60%;background: rgba(255, 255, 255, 0.4); padding:18px; border-radius: 9px;} .inboundContentCol1 .popupYT{max-height:385px;} .inboundContentCol2 {width: 40%;} .inboundContentCol2 ul{margin:0px;} .inboundContentCol2 li{box-shadow: 1px 12px 50px 0px rgba(0, 0, 0, 0.08); padding:15px 40px; border:0px solid #fff; border-radius:12px; margin-bottom:15px; background: rgba(255, 255, 255, 0.15);} .inboundContentCol2 li:last-child{margin-bottom:0px;} .inboundContentCol2 li span{font-family:var(--primary-font);font-size: 14px;font-weight: 400;line-height: 22px;text-align: left; display:block; color:#fff;} .inboundContentCol2 li b{font-family: var(--primary-font);font-size: 16px;font-weight:500;line-height: 28px; color:#fff;} .innerListIC li{background:none; list-style:disc; padding:0px; font-family: var(--primary-font);font-size: 16px;font-weight: 500;line-height: 28px; color:#fff; box-shadow:none;margin: 0 0 0 15px;} .documentSection{position:relative; padding:20px 0px 0px 0px;margin-top:40px;} .documentSection h2.head{} ul.documentList{display:flex; flex-wrap:wrap; gap:20px; margin-top:25px;margin-bottom:0px;} .documentList li{border: 1px solid rgba(0, 0, 0, 0.08); padding:12px 20px; background:#f4f4f4; flex-basis: calc(33% - 10px); margin-bottom:0px; font-family: var(--primary-font);font-size: 16px;font-weight: 500;line-height: 24px;text-align: left; border-radius:4px;color:#000;} .documentList li span{background: rgb(75,87,226); background: linear-gradient(0deg, rgba(75,87,226,1) 0%, rgba(84,153,255,1) 100%); border-radius:4px; font-family: var(--primary-font);font-size: 18px;font-weight: 700;line-height: 28px;text-align: left;color:#fff; margin-right: 10px; padding: 4px 10px;} .documentList li.btnLinkRed{padding:0px; background:#D00000; border:0px;} .documentList li.btnLinkRed a{display: flex; width: 100%; height: 100%; justify-content: center; align-content: center; align-items: center; gap: 10px; color: #fff; font-family: var(--primary-font);font-size: 16px;font-weight: 500;line-height: 24px;} /* Articulation */ .overviewArticulation{position:relative; padding:60px 0px;} .overviewArticulation h1{color:#000;font-size: 40px;font-weight: 700;line-height: 54.47px;letter-spacing: -0.02em;text-align: center;} .overviewArticulation p{color:#000;font-size: 18px;font-weight: 400;line-height: 28px;text-align: center;} h4.headArt{color: #D00000;font-family: var(--primary-font);font-size: 20px;font-style: normal;font-weight: 600;line-height: 30px; } .articulationInnerPage{position:relative;padding:0px 0px 60px 0px;} .articulationBlockLeft{display:flex; align-items: center; gap:35px;} .artBLeftImg{width:55%;} .artBLeftImgInner{background: #F4F4F4; padding:24px 30px; border-radius: 12px; } .artBLeftImgInner img{border-radius: 12px; height: 410px; width: 100%; object-fit: cover;} .artBLeftContent{width:45%;} .artBLeftContent p{color: #000;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px; color: #000;} .artBLeftContent a{font-size: 16px;font-weight: 400;line-height: 22px;text-align: left;color: #fff; background: #FF0000; padding:10px 30px; border-radius:8px; display:table; margin-top:10px;} .articulationBlockRight{display:flex; align-items: center; gap:35px;} .artBRightImg{width:55%; order:2;} .artBRightImgInner{background: #F4F4F4; padding:24px 30px; border-radius: 12px;} .artBRightImgInner img{border-radius: 12px; height: 410px; width: 100%; object-fit: cover;} .peUniPic img{object-position: right;} .peUniPicLeft img{object-position: left;} .artBRightContent{width:45%;} .artBRightContent p{color: #000;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px; color: #000;} .artBRightContent a{font-size: 16px;font-weight: 400;line-height: 22px;text-align: left;color: #fff; background: #FF0000; padding:10px 30px; border-radius:8px; display:table; margin-top:10px;} /* ABROAD Countries */ .global-uniList{width: 100%; display: flex; align-items: center; padding: 30px 50px; margin-top: 20px;background: #F4F4F4; justify-content: flex-start; gap: 50px;margin-bottom:0px;} .uniListSix li { display: flex; align-items: center; justify-content: center;} .uniListSix li img{max-height: 60px; /* adjust as needed */ object-fit: contain; max-width: 100%;} .uniListFour{gap:80px;} .uniListFour li { display: flex; align-items: center; justify-content: center;} .uniListFour li img{max-height: 50px; /* adjust as needed */ object-fit: contain; max-width: 100%;} .mainContentInner p{color: #000;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px; } .mainContentInner h5{color: #000;font-family: var(--primary-font);font-size: 18px;font-style: normal;font-weight: 600;line-height: 30px; } .mainContentInner h3{color: #000;font-family: var(--primary-font);font-size: 30px;font-style: normal;font-weight: 700;line-height: 42px; /* 140% */ letter-spacing: -0.76px;margin-bottom:15px;} ul.studyOpportunitiesList{display:flex; flex-wrap:wrap; gap:30px; margin-top:35px;margin-bottom:0px;} .studyOpportunitiesList li{flex-basis: calc(31.5% - 0px);} .studyOpportunitiesList li .eventWrapItem{margin-bottom: 0px;} .studyOpportunitiesList h5{color: #000;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 600;line-height: 28px; margin-top: 10px; margin-bottom: 5px;} .studyOpportunitiesList .imageEvent{margin-bottom: 15px;} /* STUDENT TESTIMONIALS */ ul.stuTestimonialsList{display:flex; flex-wrap:wrap; gap: 25px;margin-bottom:0px;} .stuTestimonialsList li{width:100%; display:flex; border-radius: 20px;border: 1px solid #C4C4C4; gap:30px; padding:20px 25px; align-items:center;} .stuTestimonialsList li .feaProImg{width: 92px; height: 92px; border-radius: 92px; min-width: 92px; position: relative;} .stuTestimonialsList li .feaProImg img{width: 92px; height: 92px; border-radius: 92px; object-fit: cover;} .stuTestimonialsList li .feaProImg .tickIcon { position: absolute; bottom: 0px; right: 0px; width: 34px; height: 34px;} .stuTestimonialsList li .feaProImg .tickIcon img { width: 34px !important; height: 34px !important;} .stuTestimonialsList li .studentContent p{ color: #111;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px;} .studentInfo{min-width:175px; max-width:175px;} .studentInfo h3{color: #000;font-family: var(--primary-font);font-size: 20px;font-style: normal;font-weight: 600;line-height: 30px;letter-spacing: -0.76px; margin-bottom: 0px;} .studentInfo p{color: #111;font-family: var(--primary-font);font-size: 14px;font-style: normal;font-weight: 400;line-height: 21px; margin-bottom:5px; } /* CONTACT US PAGE */ .contact_head{max-width:1230px; margin:0px auto 0px; border:1px solid #d4d4d4; padding:40px 70px; border-radius:35px;} .contact_head h1{font-size: 30px;font-weight: 700;line-height: 42px;letter-spacing: 0.20000000298023224px;text-align: center;margin-bottom:0px;color:#000; } .contact_head p.paraTxt{font-size: 16px;font-weight: 400;line-height: 30px;text-align: center; max-width:700px; margin:0 auto 30px;} .contact_bottom{max-width:830px;} .contactLeft{-webkit-box-flex: 0; -ms-flex: 0 0 62% !important; flex: 0 0 62% !important; max-width: 62% !important;} .contactRight{-webkit-box-flex: 0; -ms-flex: 0 0 38% !important; flex: 0 0 38% !important; max-width: 38% !important;} ul.contactList{display:flex; flex-wrap:wrap; gap:22px;margin-bottom:0px} .contactList li{flex-basis: calc(100% - 0px); padding:30px 20px; background: #F4F4F4;border-radius:12px; display:flex; gap:20px;} .contactList li h4{color: #000;font-size: 18px;font-style: normal;font-weight: 600;line-height: 32px;letter-spacing: 0.2px; margin-bottom: 0px;} .contactList li h5{color: #D00000;font-size: 16px;font-style: normal;font-weight: 700;line-height: 27px;} .contactList li p{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: 30px; margin:0px; text-align:left;} .contactList li .iconCU{width: 47px;height: 50px; background:rgba(255, 0, 0, 0.06); line-height:50px; text-align:center;border-radius: 16px;} .contactList li img{width: 47px;height: 50px;} /*.contactForm{display:flex; flex-wrap:wrap; justify-content: space-between;}*/ .contactForm .srmP{width: 46%; float: left; margin: 2%;} .contact_bottom label{width:100%; color: #000;font-family: var(--primary-font);font-size: 16px;font-style: normal;font-weight: 600;line-height: normal;} .contact_bottom input[type="text"], .contact_bottom input[type="tel"], .contact_bottom input[type="email"] {box-sizing: border-box; border-radius: 8px; border: 1px solid #C3CAD9;background: #FFF;height: 56px;color: #111;font-style: normal;font-weight: normal;font-size: 16px; margin-bottom: 15px;padding: 0;display:block;text-indent: 15px;font-family: var(--primary-font); width:100%;} .contact_bottom select {-webkit-appearance: none;appearance: none;background-image: url("images/dd-arrow.png"); font-family: var(--primary-font);width:100%; font-style: normal; font-weight: 400;font-size: 16px;line-height: 22px; color: #111;background-repeat: no-repeat;background-position: calc(100% - 15px) center; border-radius: 8px; border: 1px solid #C3CAD9;background-color: #FFF; height: 56px;margin-bottom: 15px;padding-left:15px;} .contact_bottom select option {background: rgba(0, 0, 0, 0.7);color: #fff;} .contact_bottom input[type="button"] {background: #E3000F;border-radius: 8px;height: 48px; width: 100%; font-style: normal; font-weight: 600; font-size: 18px; line-height: 29px; letter-spacing: 0.208707px; color: #fff; border: none; margin-top: 20px; box-shadow: none; width:160px; margin: 50px auto; box-shadow: none; width: 160px; text-align: center; display: block; cursor:pointer;} .contact_bottom .error {position: absolute; right: 15px; top: 45px; color: red;} .partnersListSection{background:url(images/globe-map-bg.png) no-repeat top center; background-attachment:fixed;} .tabsContentDiv{margin-bottom:65px; width:100%; position:relative;} .containerRight{padding-left:5%;} .nav-tabs{border:0px; margin-bottom: 20px; justify-content: center;} .nav-tabs .nav-link{color: #828282;font-family: var(--primary-font);font-size: 35px;font-style: normal;font-weight: 700;line-height: 160%;border-left: 0px;border-right: 0px;border-top: 0px; } .nav-tabs .nav-item .active{border-bottom: 5px solid #000000; color: #000;} .nav-tabs li{margin: 0px 20px 20px 20px;} .nav-tabs .nav-link:hover{text-decoration:none;} .tab-content p.tabParatxt{color: #000;font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px;} .tabs_wrapper {margin: 30px 0px 0px 0px; background: transparent; display:flex;} ul.tabs { display: inline-block; vertical-align: top; position: sticky;top: 50px; height:fit-content; z-index: 10; margin: 0px 30px 0px 0px; padding: 0; width: 38%; list-style: none; /*-ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/border-radius: 12px;border: 1px solid #e5e5e5; } ul.tabs li {border-bottom: 1px solid #e5e5e5; background: transparent; cursor: pointer; padding: 15px 15px; font-size: 18px;font-weight: 400;line-height:40px;color:#000;margin-bottom:0px;font-family: var(--primary-font);font-weight: 600;font-size: 18px;line-height: 30px;letter-spacing: -0.76px; /*-ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/} ul.tabs li:hover { background: #f4f4f4; color: #000;/* -ms-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;*/} ul.tabs li.active {background: #D00000;color: #fff;/* -ms-transition: all 0.3s ease;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;*/} ul.tabs li:first-child{ border-top-left-radius:12px; border-top-right-radius: 12px;} ul.tabs li:last-child{ border-bottom-left-radius:12px; border-bottom-right-radius: 12px; border-bottom: 0px solid #e5e5e5;} .tab_container { position: relative; z-index: 20; width: 58%; min-width: 10px; text-align: left;} .tab_content {height: 100%;display: none; background: rgba(69, 69, 69, 0.2); padding: 30px; border-radius: 12px;} .tab_drawer_heading {display: none;} /*.table-responsive {max-height:486px;}*/ .tab_content .panel-body{margin-bottom:25px;} .tab_content td{background: #000;color:#fff;} .uniNameData{display:flex; gap:10px;} .uniNameData img{width:30px; height:30px;} .uniNameC h4{color: #000;font-family: var(--primary-font);font-size: 20px;font-weight: 600;line-height: 30px;letter-spacing: -0.76px; margin: 0;} .uniNameC p{color: #000;font-family: var(--primary-font);font-size: 14px;font-weight: 300;line-height: 21px;letter-spacing:0px;} ul.uniListData{display:flex; flex-wrap:wrap; gap:8px;} .uniListData li{background: rgba(255, 255, 255, 1) url(images/icons/ellipse-red.svg) no-repeat; border-radius:8px;padding:10px 12px 10px 35px; width:100%; font-family: var(--primary-font);font-weight: 400;font-size: 14px;line-height: 21px;letter-spacing: 0px;color:#000; background-position: 15px 15px;} @media only screen and (min-width: 1800px) and (max-width: 2560px) { .intProDiv{min-height: 465px;} } @media only screen and (min-width: 1341px) and (max-width: 1400px) { .documentList li{font-size: 16px;} } @media only screen and (min-width: 1200px) and (max-width: 1340px) { .main-menu .col-md-4{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .main-menu .col-md-8{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .documentList li{font-size: 15px;} #testimonialsSliderNew .owl-nav{display: none;} .programListAll li{flex-basis: calc(31% - 0px); margin-bottom: 0px; padding: 12px;} .stuCountry li{padding: 0px; font-size:14px; line-height: 21px;} #cssmenu > ul > li > a:first-child{padding: 25px 12px 25px 12px;} .navMain {margin-top: 0;} .menu > .has-sub > a { padding-left: 15px !important;} .menu > .has-sub > a::after{right: -10px;} .programsHm .col-md-12{padding-left: 4%;} .upcomingSectionNew .col-md-12{padding-left: 4%;} .header_sec{margin-top: 10px;} } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-menu .col-md-4{-webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .main-menu .col-md-8{-webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .section5-overlay h2{font-size: 36px;bottom: 75px;} .section5-overlay h2::before{bottom: -20px;} .intProDiv{min-height: 330px;} .asContent{min-height: 375px;} .studyGloballyList li h3{font-size: 20px;margin-bottom: 10px;} .studyGloballyList li p{font-size: 15px;} .imContentCol2{align-content: center;} #cssmenu > ul > li > a:first-child {padding: 25px 16px 25px 16px;} .documentList li{flex-basis: calc(50% - 10px);} #testimonialsSliderNew .owl-nav{display: none;} .programListAll li{flex-basis: calc(31% - 0px); margin-bottom: 0px; padding: 12px;} .stuCountry li{padding: 0px; font-size:14px; line-height: 21px;} .studyOpportunitiesList li{flex-basis: calc(31% - 0px);} .schoolList li{flex-basis: calc(48% - 0px);} .schoolListOne li { flex-basis: calc(100% - 5px);} .overlayContent h3{font-size: 18px; line-height: 26px;} .eventWrapItem h4{font-size: 16px; line-height: 26px;} .sTesti {-webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 40px;} .popupVid { -webkit-box-flex: 0; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important;} .formNHome { -webkit-box-flex: 0; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important;} .formNHome{background: #f4f4f4; border-radius: 8px;} #testimonialsSliderNew .owl-nav{position: absolute; bottom: 0; left: auto; top: 12px; right: 0;} .testiBtn{position: relative;right: 0;} .applyNowBtnTop{display: none;} .navMain { margin-top: 10px;} #cssmenu > ul > li > a{font-size: 15px;} .menu > .has-sub > a { padding-left: 15px !important;} .programsHm .col-md-12{padding-left: 4%;} .upcomingSectionNew .col-md-12{padding-left: 4%;} } @media only screen and (min-width: 768px) and (max-width: 991px) { .header_sec{display:none;} .section5-overlay h2{font-size: 36px;bottom: 75px;} .section5-overlay h2::before{bottom: -20px;} .intProDiv{min-height: 350px;} .imContentCol2{align-content: center;} .studyAbroadList li{width: 50%;} .studyGloballyList li{width: 50%;} .documentList li{flex-basis: calc(50% - 10px); font-size: 14px;} .inboundContentCol2 li{padding: 10px 10px;} .inboundContentCol2 li b, .innerListIC li{font-size: 16px;} .innerListIC li{padding: 0px 0px;} h2.headTitleInner{font-size: 24px;line-height: 36px;} .facilityPage{padding: 20px 0px 20px 0px;} .inboundContentCol1{padding-right: 25px;} .inboundContentCol1, .inboundContentCol2{width: 50%;} .programListAll li{flex-basis: calc(31% - 0px); margin-bottom: 0px; padding: 12px;} .stuCountry li{padding: 0px; font-size:14px; line-height: 21px;} .erasmusWrap1{width:100%;} .erasmusWrap2{display:none} .contact_head { max-width: none; margin: 10px auto 20px; border: 0px solid #d4d4d4; padding: 0; border-radius: 0;} .contact_head h1{font-weight: 700;font-size: 26px;line-height: 38px;letter-spacing: -0.76px; text-align: left;} .contact_head p.paraTxt{font-size: 16px;line-height: 30px;letter-spacing: 0px; text-align: left; max-width: none;} .contactLeft { -webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; order: 2; margin-top: 30px;} .contactRight { -webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } ul.studyOpportunitiesList{gap:20px; } .studyOpportunitiesList li{flex-basis: calc(100% - 0px);} .studyOpportunitiesList li{flex-basis: calc(48% - 0px);} #oiaProgramsHm .owl-nav{top: -162px; right: 30px;} .pgbSlide{min-height: auto;} .pgbContent h4{font-size: 18px;} .pgbContent img.arrowIcon{display:none !important;} .inboundMobilitySection .imContentWrap{flex-wrap: wrap; padding: 20px 20px 20px 20px;} .inboundMobilitySection .imContentCol1{width: 100%; padding-right: 0; order: 2; margin-top: 25px;} .inboundMobilitySection .imContentCol2{width: 100%; padding-right: 0; order: 1;} .inboundMobilitySection .popupYT{height: 370px;} .schoolList li{flex-basis: calc(48% - 0px);} .schoolListOne li { flex-basis: calc(100% - 0px);} .school-content{bottom: 5px;} .school-content h3{font-size: 20px;} ul.fiveStepList{gap: 20px;max-width: 100%;} .fiveStepList li{flex: calc(30% - 0px); max-width: 100%;} #upcomingSectionHm .owl-nav{top: -182px; right: 30px;} .overlayContent h3{font-size: 18px; line-height: 26px;} .eventWrapItem h4{font-size: 16px; line-height: 26px;} .sTesti {-webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 40px;} .popupVid { -webkit-box-flex: 0; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important;} .formNHome { -webkit-box-flex: 0; -ms-flex: 0 0 50% !important; flex: 0 0 50% !important; max-width: 50% !important;} .formNHome{background: #f4f4f4; border-radius: 8px;} #testimonialsSliderNew .owl-nav{position: absolute; bottom: 0; left: auto; top: 12px; right: 0;} .testiBtn{position: relative;right: 0;} .programsHm .col-md-12{padding-left: 4%;} .upcomingSectionNew .col-md-12{padding-left: 4%;} } @media only screen and (max-width: 767px) { .mobOn{display: block;} .mobOff{display: none;} .container {width: 100% !important;max-width: 100% !important;} .moboff { display: none } .mobon { display: block; } p{ font-size: 16px;} h1.head{font-size: 26px;line-height: 38px;margin-bottom:8px;} h2.headT {font-size: 26px; line-height: 38px;margin-bottom: 8px;} h2.headTW {font-size: 26px; line-height: 38px;} .main-menu .logo_sec { max-width: 225px;} /*.main-menu .container-fluid {padding-left:10px; padding-right: 10px;}*/ .main-menu .col-md-4{-webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%;} .main-menu .col-md-8{-webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} .header_sec{display:none;} .sliderHome{display:none;} .sliderHomeMob{display:block;} /* HOME PAGE */ .oiAProgramsDesk{display:none;} .oiAProgramsMob{display:block;} .programsHm .col-md-12{padding-left: 15px; padding-right:15px;} .programsHm{margin: 35px 0px 0px 0px; padding-bottom: 0;} .programsHm .paraTxt{padding-right: 0px;max-width: none;margin-bottom: 23px;} .inboundMobilitySection{padding: 37px 0px;} .imContentWrap{flex-wrap:wrap; padding: 15px 12px 25px 12px;} .imContentCol1 a.btnWhiteBG{margin: 0 auto;} .imContentCol1{width:100%; padding: 0px 10px; order: 2; margin-top: 25px;} .imContentCol2{width:100%; padding-right: 0;} .opportunitiesSection{padding: 0px 0px 15px 0px;} .fiveStepSection{background:#d00000 url(images/home/new/grid-Frame-mob.png) no-repeat; padding: 35px 0px 20px 0px; background-size: contain; background-position: center 50px;} ul.fiveStepList{gap:20px; max-width: 100%;margin: 0;} .fiveStepList li {flex: 1 1 100%; max-width: 100%;} .formSectionNew{padding: 30px 0px 40px 0px;} .formSectionNew .popupYT{margin-top: 18px;height: 550px;margin-bottom: 30px;} .faqsSection{padding: 30px 0px 35px 0px;} .faqsSection a.registerNowBtn{margin: 30px auto 0px;} .upcomingSectionNew .col-md-12{padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5);} .upcomingEventsSlider{margin-bottom: 50px; margin-right: 0px;} #upcomingEvents .owl-item.active{width: 286px !important; transition: width 0.5s;} #upcomingEvents .owl-item.active img{opacity:1; /*transform: scale(0.7);-ms-transform: scale(0.7);-webkit-transform: scale(0.7); */} #upcomingEvents .owl-stage{display: flex;} #upcomingEvents .owl-item{align-content: center;} #upcomingEvents .owl-dots{text-align: center; margin: 0 auto; position: relative; bottom: -10px; left: 0; right: 0;} .ucCarousel .owl-item.active{width: 286px !important; transition: width 0.5s;} .ucCarousel .owl-item.active img{opacity:1; /*transform: scale(0.7);-ms-transform: scale(0.7);-webkit-transform: scale(0.7); */} .section5-overlay h2{font-size:22px;bottom: 35px;} .section5-overlay h2::before{bottom: -20px;} #internationalProgramsHm .owl-next{width: 35px; height: 35px; margin-right: 15px;} #internationalProgramsHm .owl-prev{width: 35px; height: 35px; margin-left: -15px;} .intProDiv{min-height: auto;} .intProDiv h3{margin-top: 18px;} .intProDiv a.readmore{bottom: 0; left: 0;position: relative;} .imContentHM{flex-wrap: wrap;} .studyAbroadList li{width: 100%;} .asContent{height: 375px;} .studyGloballyList li{width: 100%;} .twoSchools{display:none !important;} .schoolListMob{display:flex !important; flex-wrap:wrap; justify-content: space-between; margin-top: 2px;} .sTesti, .popupVid, .formNHome{width:100% !important; -webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;} .stuTestiContent{flex-wrap:wrap;} .stuTestiWrap{width:100%;margin-top: 10px;} #testimonialsSliderNew .owl-dots{display:none;} .testiBtn{bottom: auto; position:relative; left:0px;} .programBannerDesk{display:none;} .programBannerMob{display:block;} .innerpage {padding: 25px 0px;} .innerbannerhead h1{font-size: 24px; line-height: 40px;} .overviewSectionInner p{font-size: 16px; line-height: 28px;} .overviewSectionInner{padding:20px 0px 40px 0px;} h2.headTitle{font-size: 22px;line-height: 32px;} .programListAll li{flex-basis: calc(100% - 0px);margin-bottom: 0px; padding: 12px;} .documentSection{margin-top:0px;} /*.documentSection{margin-top: 30px; padding-bottom: 30px;}*/ ul.documentList{gap: 10px;margin-bottom:0px!important;} .documentList li{flex-basis: calc(100% - 0px); padding: 15px 20px;} .documentList li.btnLinkRed a{padding: 15px 20px;} .contactForm .srmP{width: 96%; float: left; margin: 2%;} .contactList li { flex-basis: calc(100% - 0px);} .facilityPage{padding: 30px 0px 5px 0px;} .inboundContentCol1{padding: 10px; margin-bottom:0px;} .inboundContentCol1, .inboundContentCol2{width: 100%;} .inboundContentCol2 li{padding: 12px 16px;} .inboundContent{flex-wrap: wrap; gap: 20px;} h2.headTitleInner{font-size: 18px;line-height: 32px;} .innerListIC li{padding: 0;} .stuCountry li { margin-bottom: 10px;font-size: 14px; line-height: 21px; padding: 0;} .programWrapInner {padding: 20px 0px 30px 0px;} .programWrapInner25{ padding: 25px 0px 30px 0px;} .benefitsWrapInner{padding: 25px 0px 0px 0px;} .benefitsWrapInner h3{font-size:26px; line-height:38px; text-align:left;} .ErasmusBenefitsList li{width:100%;} .benefitsWrapInner b{max-width: 250px; margin: 25px auto;} .erasmusWrap1{width:100%;} .erasmusWrap2{display:none} .articulationInnerPage{padding: 0px 0px 25px 0px;} .articulationBlockLeft, .articulationBlockRight{flex-wrap:wrap; gap: 25px;} .artBLeftImgInner img, .artBRightImgInner img{height: 335px; object-fit:cover;} .artBLeftImg, .artBRightImg { width: 100%;order: unset;} .artBLeftContent, .artBRightContent{width: 100%; padding: 0px;} .artBLeftImgInner, .artBRightImgInner{padding: 0px; border-radius: 4px;} .artBRightImgInner, .artBRightImgInner img{border-radius: 4px; } .faqsWeb{display:none;} .faqsMob{display:block;} .contact_head { max-width: none; margin: 10px auto 20px; border: 0px solid #d4d4d4; padding: 0; border-radius: 0;margin-bottom:0px;} .contact_head h1{font-weight: 700;font-size: 26px;line-height: 38px;letter-spacing: -0.76px; text-align: left;} .contact_head p.paraTxt{font-size: 16px;line-height: 30px;letter-spacing: 0px; text-align: left; max-width: none;} .contactLeft { -webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; order: 2; margin-top: 20px!important;} .contactRight { -webkit-box-flex: 0; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } ul.studyOpportunitiesList{gap:20px;margin-bottom:0px; } .studyOpportunitiesList li{flex-basis: calc(100% - 0px);} .global-uniList{flex-wrap: wrap;background: #fff; padding: 0; gap: 15px; justify-content: center;} .global-uniList li{flex-basis: calc(47% - 0px); background:#f4f4f4; padding:12px; min-height: 125px;} .uniListFour{gap: 15px;} .footer-accordian-mobile {width: 100%;float: left;margin-bottom: 30px;} .footer-accordian-mobile .accordion-item {background-color: transparent;border: none;border-radius: 0px !important;margin-bottom: 0px; } .footer-accordian-mobile .accordion-item button.accordion-button.collapsed {background: #18181B !important; height: 50px !important;border-bottom: 1px solid #363636; border-radius: 0px !important; box-shadow: none;font-style: normal;font-weight: 700;font-size: 18px; color: #FFFFFF;padding: 0; } .footer-accordian-mobile .accordion-button::after{background-image: url(https://www.chitkara.edu.in/cbs/wp-content/themes/cbs/images/footer-acc-icon.svg); width: 8px; height: 14px; content: ""; margin-left: auto;} .footer-accordian-mobile .accordion-button:not(.collapsed):hover{} .footer-accordian-mobile .accordion-button:not(.collapsed){background-color:#18181B;font-size: 18px; padding:0px; height:50px; color: #fff;} .footer-accordian-mobile .accordion-button:not(.collapsed)::after{background-position: 0px; background-image: url('https://www.chitkara.edu.in/cbs/wp-content/themes/cbs/images/footer-acc-iconD.svg'); width: 14px; height: 8px;} .footer-accordian-mobile .accordion-item .accordion-collapse {border:0px solid #E3000F; border-top: none; width: 100%; float: left; margin-bottom:0px;background-color:#18181b;} .footer-accordian-mobile .accordion-button:focus{border:0; box-shadow:none; outline: 0;} .footer-accordian-mobile .accordion-item .accordion-collapse .accordion-body { padding: 0;} .footer-accordian-mobile .accordion-item .accordion-collapse ul {width:100%;float:left;padding:0px 0px 10px 0px;margin-top:0;margin-bottom: 0px;border-bottom:1px solid #363636;} .footer-accordian-mobile .accordion-item .accordion-collapse ul li { text-align: left; border-bottom: 0px; padding: 7px 0px; margin: 0;} .footer-accordian-mobile .accordion-button:not(.collapsed)::after { transform: rotate(-180deg);} .footer-accordian-mobile .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: 1rem 1.25rem; font-size: 1rem; color: #212529; text-align: left; border: 0; border-bottom-width: 0px; border-bottom-style: none; border-bottom-color: currentcolor; border-radius: 0; overflow-anchor: none; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;cursor: pointer; } .footer-links li a {text-decoration: none; color: #fff;} .foot-copy-right-text1 {width: 100%;padding-top: 25px; padding-bottom: 4px;} .foot-copy-right-text1 span {font-style: normal;font-weight: 500;font-size: 12px;line-height: 24px; color: #8A8E9B; } .footer-term-text a {font-style: normal;font-weight: 500;font-size: 12px;line-height: 24px; color: #8A8E9B; cursor: pointer; } .nav-tabs li{margin: 0;} .nav-tabs .nav-link{font-size: 18px;font-style: normal;font-weight: 400;line-height: 28px; color: #444;border-bottom: 0px solid #cbcbcb; position:relative; } .nav-tabs .nav-link:after{position: absolute;content: ""; width: 100%;height: 3px; background-color: #cbcbcb;bottom: -4px; left: 0;} .nav-tabs .nav-item .active:after{position: absolute;content: ""; width: 100%;height: 5px; background-color: #000;bottom: -4px; left: 0;} ul.tabs {display: none;} .tab_container {display: block;margin: 0 auto;width: 100%;border-top: none;border-radius: 0;} .tab_drawer_heading {background: #D00000 url(images/chevron-down-w.svg) 96% no-repeat;color:#fff;font-size: 20px;font-style: normal;font-weight: 600;line-height: 30px;padding: 10px 20px; display: block; cursor: pointer; border:0px solid #fff; margin-bottom: 0px; margin-top: 20px; border-radius:8px;} .tab_drawer_heading:hover {background: #111 url(images/chevron-down-w.svg) 96% no-repeat; display: block; cursor: pointer;} .d_active {background: #D00000 url(images/chevron-up-w.svg) 96% no-repeat; display: block; cursor: pointer; border-bottom-left-radius:0px !important; border-bottom-right-radius:0px !important;} .tab_content{padding:35px 20px 10px 20px; height:auto; border-radius: 0;} .table-bordered td, .table-bordered th{float:none;} .internationalFacultySection{padding:25px 0px 15px 0px;} .internationalFacultySection::after{background:none;} .internationalFacultySection::before {background:none;} .main-menu .container-fluid{padding-left:0px;} ul.oiAProgramsMobList{margin-bottom:0px;} .upcomingSectionNew{margin: 35px 0px 20px 0px;} p.txtPara{margin-bottom:25px;} h3.head3{font-weight: 700; font-size: 26px; line-height: 38px;} ul.programListAll{margin-bottom:0px!important;} .mainContentInner h3{margin-bottom:8px;font-family: var(--primary-font); font-size: 26px; font-style: normal; font-weight: 700; line-height: 38px;} .main-menu{position:fixed;z-index:111;} } @media only screen and (min-width: 300px) and (max-width: 479px) { }