:root { --primaryColor: #3ca4d2; --secondaryColor: #FFD749; --blackColor: #000000; --whiteColor: #ffffff; --greyColor1: #222631; --greyColor2: #2F374E; --greyColor3: #727C95; --greyColor4:#f4f7fd; --greyColor5:#CED4E7; --greyColor6:#EDF0F5; --greyColorLight:#2f374ecf; --lightBlue: #85c4e0; --lightRed : #f48172; --lightGreen:#0ea381; --lightYellow:#e6be4f; --lightOrange:#F0AB6D; --lightPurple:#C89AFD; --lightPrimaryColor:#EAF8FD; --lightPurple1:#f1e5ff; --lightYellow1:#FFECD0; --skyBlue:#ACF0FF; --lightSky:#E3F4FF; --greenColor:#28a745; --redColor:#dc3545; --fontsize6 : 0.375rem; --fontsize10 : 0.625rem; --fontsize11 : 0.688rem; --fontsize12 : 0.75rem; --fontsize13 : 0.813rem; --fontsize14 : 0.875rem; --fontsize15 : 0.938rem; --fontsize16 : 1rem; --fontsize18 : 1.125rem; --fontsize19 : 1.188rem; --fontsize20 : 1.25rem; --fontsize21 : 1.313rem; --fontsize22 : 1.375rem; --fontsize23 : 1.438rem; --fontsize24 : 1.5rem; --fontsize25 : 1.5625rem; --fontsize26 : 1.625rem; --fontsize27 : 1.688rem; --fontsize28 : 1.75rem; --fontsize29 : 1.813rem; --fontsize30 : 1.875rem; --fontsize31 : 1.938rem; --fontsize32 : 2rem; --fontsize33 : 2.063rem; --fontsize34 : 2.125rem; --fontsize35 : 2.188rem; --fontsize36 : 2.25rem; --fontsize37 : 2.313rem; --fontsize38 : 2.375rem; --fontsize39 : 2.438rem; --fontsize40 : 2.5rem; --fontsize41 : 2.563rem; --fontsize42 : 2.625rem; --fontsize43 : 2.688rem; --fontsize44 : 2.75rem; --fontsize45 : 2.813rem; --fontsize46 : 2.875rem; --fontsize47 : 2.938rem; --fontsize48 : 3rem; --fontsize49 : 3.063rem; --fontsize50 : 3.125rem; --fontsize51 : 3.188rem; --fontsize52 : 3.25rem; --fontsize53 : 3.313rem; --fontsize54 : 3.375rem; --fontsize55 : 3.438rem; --fontsize56 : 3.5rem; --fontsize57 : 3.563rem; --fontsize58 : 3.625rem; --fontsize59 : 3.688rem; --fontsize60 : 3.75rem; --fontsize61 : 3.813rem; --fontsize62 : 3.875rem; --fontsize63 : 3.938rem; --fontsize64 : 4rem; --fontsize75 : 4.688rem; --fullwidth : 100%; --fullheight : 100%; --maxwidth:1300px; } @font-face { font-family:poppins; src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Regular.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:poppinssemibold; src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-SemiBold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:poppinsmedium; src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Medium.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:poppinsbold; src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Bold.ttf); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family:poppinslight; src: url(//mec.edu.om/wp-content/themes/twentytwentyone/fonts/Cairo-Light.ttf); font-weight: normal; font-style: normal; font-display: swap; } .wpcf7-spinner{display: none} h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family:poppinsbold; } .defaultBtn{background-color: var(--primaryColor); color: var(--whiteColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);} .defaultBtn:hover{background-color: var(--primaryColor); color: var(--whiteColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);} .defaultBtn:focus{background-color: var(--primaryColor); color: var(--whiteColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);} .secondaryBtn{background-color: var(--whiteColor); color: var(--primaryColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);} .secondaryBtn:hover{background-color: var(--whiteColor); color: var(--primaryColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);} .secondaryBtn:focus{background-color: var(--whiteColor); color: var(--primaryColor); font-family:poppinsbold; padding:10px 20px; border-radius: 4px; font-size: var(--fontsize14);} p:empty{display: none;} .woocommerce table.shop_table td, .woocommerce table.shop_table th, .woocommerce-page table.shop_table td, .woocommerce-page table.shop_table th{font-family:poppins;} .woocommerce .woocommerce-notices-wrapper>*{font-family:poppins;} .site-content{position: static; font-family:poppins;} .site-header, .site-main, .widget-area, .site-footer{padding: 0; margin:0; font-family:poppins;} .site-content{font-family:poppins; font-size: var(--fontsize14);} *{box-sizing: border-box; margin: 0; padding:0; text-decoration: none;} body{ margin: 0; padding:0; font-family:var(--primaryColor); font-size: 18px; background-color:var(--greyColor4);} img{max-width: 100%;} aside.widget-area{display: none;} ul,li,ol,li{font-family:poppins;} .entry-content, .entry-summary{font-family:poppins;} a:focus{outline: 0px none; text-decoration: none;} img{outline: 0px none;} .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img{outline: 0px none;} .scrollEvent #masthead .headerContainer .headerRight .links{opacity: 1; visibility: visible;} .scrollEvent #masthead .bottomBar{opacity: 1; visibility: visible;} .scrollEvent #masthead .topBar{background-color: var(--blackColor);} .scrollEvent #masthead .headerContainer .headerRight .languageConvertor{opacity: 1; visibility: visible;} .scrollEventAll #masthead .headerContainer .headerRight .links{opacity: 1; visibility: visible;} .scrollEventAll #masthead .bottomBar{opacity: 1; visibility: visible;} .scrollEventAll #masthead .topBar{background-color: var(--blackColor);} .scrollEventAll #masthead .headerContainer .headerRight .languageConvertor{opacity: 1; visibility: visible;} .backToTop{position: fixed; bottom:20px; right:20px; display: flex; display: none; justify-content: center; z-index: 2200000; } .backToTop a{flex-direction: column; display: flex; align-items: center;} .backToTop a i{width:32px; display: flex; align-items: center; height: 32px; color:var(--whiteColor); background-color: var(--primaryColor); border-radius:100%; display: flex; align-items: center; justify-content: center} .backToTop a span{color: var(--greyColor1); font-size: var(--fontsize14);} .backToTop a i:before{margin-top: -4px;} #masthead .bottomBar .closeMenu{position: absolute; display: none; top:10px; right:10px; color:var(--whiteColor); z-index: 220000} #masthead{padding: 0; transition: all 0.2s ease; row-gap:unset; position: fixed; z-index: 2200000; flex-direction: column; max-width:none; background-color: transparent; position: fixed; top: 0; right: 0; left: 0;} #masthead .headerContainer{width: 100%; max-width:var(--maxwidth); align-items: center; padding:15px 20px; margin: 0 auto; display: flex; justify-content: space-between;} #masthead .topBar{display: flex; width: var(--fullwidth); transition: all 0.2s ease-in-out} #masthead .bottomBar{display: flex; width: var(--fullwidth); background-color: var(--greyColorLight); opacity: 0; visibility: hidden;} #masthead .bottomBar nav a{color:var(--whiteColor); text-decoration: none; font-size: var(--fontsize14);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{border-bottom:11px solid var(--primaryColor); background-color: var(--whiteColor); border-radius:8px; z-index: 2200003006;} #masthead .bottomBar nav ul.menu{margin: 0; padding: 0; flex-direction: column; display: flex;} #masthead .bottomBar nav ul.menu li{margin: 0; padding: 0; list-style-position: inside; list-style-type: disc; display: flex; flex-direction: column} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-size: var(--fontsize18); text-transform: none; font-family:poppins; color:var(--greyColor2); font-weight: 400; border-bottom:1px solid var(--greyColor5); margin-top:15px; margin-bottom:0px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title:hover{border-bottom:1px solid var(--greyColor5);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding: 0 15px 15px 15px;} #masthead .bottomBar nav ul.menu li .sub-menu-toggle{display: none} #masthead .bottomBar nav ul li > a{padding:0px 0; color:var(--greyColor1);font-family:poppinsbold; font-size: var(--fontsize16); } #masthead .bottomBar nav.menu-business-enterprise-container ul li > a{padding:5px 0;} #masthead .bottomBar nav.menu-international-students-container ul li > a{padding:5px 0;} #masthead .bottomBar nav.menu-alumni-engagement-container ul li > a{padding:5px 0;} #masthead .bottomBar nav.menu-admissions-container ul li > a{padding:5px 0;} #masthead .bottomBar nav ul.menu .sub-menu{ margin:0 0 15px; bordeR:0px none;} #masthead .bottomBar nav ul.menu .sub-menu a{padding:5px 0; color:var(--greyColor3);font-family:poppins; font-size: var(--fontsize14);} #mega-menu-wrap-primary{background-color: transparent;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus{background-color: var(--primaryColor);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link{background-color: var(--primaryColor);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link{background-color: var(--primaryColor);} #masthead .topBar .headerLeft{display: flex; align-items: center;} #masthead .topBar .mobileMenu{display: flex; align-items: center; color:var(--whiteColor); display: none} #masthead .topBar .mobileMenu a{color:var(--whiteColor); font-size: var(--fontsize27);} .scrollEvent #masthead .topBar .mobileMenu{display: flex; margin-right: 10px; display:none;} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link{position: relative;} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link a.mega-menu-link{padding-left: 30px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link a.mega-menu-link::before{content:''; color:var(--whiteColor); width:26px; height: 26px; margin-left:0px; background-repeat: no-repeat; top:50%; margin-top: -13px; background-image: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/humburger.svg); position: absolute; left:0; right:100%} #masthead .headerContainer .site-branding{margin:0px 0 0; padding: 0;} #masthead .headerContainer .headerLeft .site-logo{margin: 0; padding:0;} #masthead .headerContainer .headerLeft .site-logo.fixedLogo{display: none;} #masthead .headerContainer .headerLeft .site-logo img{max-width: 100%; max-width: 220px;} #masthead .headerContainer .headerRight .actions{display: flex; align-items: center; margin-left:0px;} #masthead .headerContainer .headerRight .links{display: flex; margin-right: 25px; opacity: 0; visibility: hidden;} #masthead .headerContainer .headerRight .languageConvertor{display: flex; margin-left: 15px; opacity: 0; visibility: hidden;} #masthead .headerContainer .headerRight .links a{font-family:poppinsbold; font-size: var(--fontsize16); color:var(--whiteColor);} #masthead .headerContainer .headerRight .languageConvertor a{font-family:poppins; font-size: var(--fontsize14); font-weight: 400; color:var(--whiteColor);} #masthead .headerContainer .headerRight .languageConvertor a i{margin-right: 5px;} #masthead .headerContainer .headerRight .languageConvertor .gt_selector{padding:2px 10px; font-family:poppins; font-size: var(--fontsize14); } #masthead .headerContainer .headerRight .languageConvertor:hover .myaccount .accountdd{opacity: 1; visibility: visible; height: auto; display: block;} #masthead .headerContainer .headerRight .languageConvertor a:not(.trp-ls-disabled-language) {background-color: #fff; color:var(--blackColor);} #masthead .headerContainer .headerRight .languageConvertor a:focus{text-decoration: none; background-color: transparent;} .trp-language-switcher{width:auto;} .trp-language-switcher > div{bordeR:0px none; background-color: transparent; padding:4px 13px 3px 13px} .trp-language-switcher > div > a:hover{border-radius: 0px; background-color: transparent;} #masthead .headerContainer .headerRight .myaccount{position: relative; margin-left:15px; display: flex; align-items: center;} #masthead .headerContainer .headerRight .myaccount .myaccount_mainlink{display: flex; flex-shrink: 0; flex-direction: row; align-items: center; padding-bottom:0px; color:#72bf44; font-size: 14px;} #masthead .headerContainer .headerRight .myaccount .myaccount_mainlink i{display: flex; margin-right:0px;} #masthead .headerContainer .headerRight .myaccount .myaccount_mainlink img{ background-color: #e6dede; width: 32px; height:32px; margin:0; margin-right:0px; border-radius:50%;} #masthead .headerContainer .headerRight .myaccount .accountdd {position: absolute; background-color:#fff; right:0; top:100%;width: 170px; z-index: 15; display: none; padding: 5px 0 0; border-top: 0 none; box-shadow: 0 2px 10px 0 rgba(105,112,113,.5);} #masthead .headerContainer .headerRight .myaccount .accountdd .accountddarrow {position: absolute; width: 0; height: 0; top: -4px; right: 12px; border-color: transparent transparent #fff; border-style: solid; border-width: 0 10px 10px;} #masthead .headerContainer .headerRight .myaccount .accountdd .accountddcontainer {clear: both; overflow: hidden; padding: 0; line-height: normal; width: 100%;} #masthead .headerContainer .headerRight .myaccount .accountdd h2 {clear: both; color: #000; font-size: 13px; line-height: normal; margin: 10px 0; overflow: hidden; padding: 0 10px 10px; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid var(--color4);} #masthead .headerContainer .headerRight .myaccount .accountdd h3 {clear: both; color: #000; font-size: 13px; line-height: normal; margin: 10px 0; overflow: hidden; padding: 0 10px 10px; text-overflow: ellipsis; white-space: nowrap;border-bottom: 1px solid var(--color4);} #masthead .headerContainer .headerRight .myaccount .accountdd ul {margin: 0; padding: 0;width: 100%; flex-direction: column; float: none; display: flex;} #masthead .headerContainer .headerRight .myaccount .accountdd ul li{margin:0; padding:0;} #masthead .headerContainer .headerRight .myaccount .accountdd ul li:first-child { border-top: 0 none;} #masthead .headerContainer .headerRight .myaccount .accountdd ul li a {display: block; width:100%; text-decoration: none; justify-content: flex-start; align-items: flex-start; background-image: none; padding: 8px 10px; height: auto; line-height: normal; font-size: 11px; color:#000; text-transform: uppercase; text-align:left;} #masthead .headerContainer .headerRight .myaccount .accountdd ul li {margin: 0 0 5px;padding: 0; border-left: 0 none; height: auto; list-style-type: none; display: inline-block; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; float: left; border-top: 0 solid #7e7e7e;} #masthead .headerContainer .headerRight .myaccount .accountdd .accountddcontainer li.logout a {background-image: none;text-decoration: none; line-height: normal;height: auto; padding: 8px 10px;text-align: center; color:#000; background-color: #e6e6e6;} #masthead .headerContainer .headerRight .myaccount .accountdd .accountddcontainer li.logout{margin-bottom: 0} #masthead .headerContainer .headerRight .myaccount:hover .accountdd {display: block;} #masthead .headerContainer .headerRight .myaccount .accountdd .accountddcontainer li a:hover {color: #000; background-color: #e6e6e6;} footer{background-color:var(--greyColor1); display: flex; width: 100%;} footer .footer-container{padding:15px 15px; margin-top:0px;} footer .footer-container .footer-links-wrapper .footer-column{margin:0 0 25px; text-align: left; width: 100%} footer .footer-container .footer-links-wrapper ul{align-items: flex-start;} footer .footer-container .footer-links-wrapper ul li{width: auto;} footer .footer-container .footer-links-wrapper .footer-logo img{margin:0 auto;} footer .footer-container .footer-links-wrapper .footer-download{font-size: 16px; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 15px 0; } footer .footer-container .footer-social-links{justify-content: center;} footer .footer-container .bottom-footer-links-wrapper .footer-column{max-width:none; width: 100%; margin:0 0 15px;} footer .footer-container{display: flex; flex-direction: column; width: 100%; max-width: 1300px; margin:0 auto; padding:60px 0px 10px;} footer .footer-container .footer-links-wrapper{display: flex; width: 100%; justify-content: space-between;} footer .footer-container .footer-links-wrapper h3{ font-size:18px; font-weight: bold; color:#fff; margin-bottom:5px;} footer .footer-container .footer-links-wrapper h3 a{ font-size:16px; font-weight: bold; color:#fff; margin-bottom:0px;} footer .footer-container .footer-links-wrapper h3 a:hover{ font-size:16px; font-weight: bold; color:#1663fe; margin-bottom:0px;} footer .footer-container .footer-links-wrapper ul{display: flex; margin:0; padding:0; width: 100%; flex-direction: column;} footer .footer-container .footer-links-wrapper ul li{display: flex; width: 100%; font-size: 17px; color:#fff; margin:0; margin-top: 10px;} footer .footer-container .footer-links-wrapper ul li a{font-size: 16px; color:#fff; font-weight: normal; text-decoration: none;} footer .footer-container .footer-links-wrapper ul li a:hover{text-decoration: underline;} footer .footer-container .footer-links-wrapper .footer-column{margin:0 30px; width: 25%;} footer .footer-container .footer-links-wrapper .footer-column nav{margin-top: 0;} footer .footer-container .footer-links-wrapper .footer-logo img{max-width: none; margin-bottom: 20px; max-width:250px;} footer .footer-container .footer-links-wrapper .footer-download img{max-width: 150px;} footer .footer-container .footer-links-wrapper .footer-download p{margin-bottom: 5px;} footer .footer-container .footer-links-wrapper address{font-size: var(--fontsize14); font-style: normal; color:var(--whiteColor);} footer .footer-container .footer-social-links{display: flex; width: 100%; justify-content:flex-start; margin-top:10px; align-items: center;} footer .footer-container .footer-social-links a{margin-left: 15px; font-size: 25px; color: var(--whiteColor);} footer .footer-container .footer-social-links a:first-child{margin-left:0px;} footer .footer-container .footer-copyrights{display: flex; width: 100%; background-color: var(--greyColor1); justify-content: center; color: var(--whiteColor); font-size:14px; margin-top: 15px; align-items: center;} footer .footer-container .footer-copyrights a{margin-left: 10px; color: var(--whiteColor);} footer .footer-container .footer-copyrights a:nth-child(2){display: none} .site-main > *{margin: 0;} html{scroll-behavior: smooth; height:100%;} body{overflow: auto;} body.scrollEvent{overflow: visible;} .learn-press-breadcrumb{display: none} .breadcrumbWrapper{display: block; color:var(--whiteColor); width: var(--fullwidth); margin-bottom: 15px;} .breadcrumbWrapper span{display: inline-flex; color:var(--whiteColor); gap: 6px;} .breadcrumbWrapper span a{display: inline-flex; color:var(--whiteColor);} .breadcrumbWrapper span.breadcrumb_last{font-weight: 400} body{overflow-x:hidden;} .scrollEvent .homepageWrapper{z-index:5; } .scrollEvent .heroWrapper .heroSlider{z-index:3; } .scrollEvent .heroWrapper .heroSlider .slick-dots{ bottom:45%;} .fullScreenVideoWrapper{display: flex; width: 100%; z-index: 220000; height:100vh; top:0; margin-bottom: 0; left:0; right:0; bottom:0; width: var(--fullwidth); left:0; right:0;} .fullScreenVideoWrapper video{position: absolute; max-width:unset; top:0; left:0; width: var(--fullwidth); height:100vh; object-fit: cover;} .homepageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top:0px; background-color: var(--greyColor4); position: relative; z-index:0; transition: all .91s ease;} .heroWrapper .heroSlider{display: flex; width: var(--fullwidth); background-color: var(--whiteColor); z-index: 5; height: 100vh; bottom:0;} .heroWrapper .heroSlider .slick-list{ width: var(--fullwidth); } .heroWrapper .heroSlider .items{ width: var(--fullwidth); } .scrollEvent .heroWrapper .heroSlider .videoItem{pointer-events: none} .heroWrapper {display: flex; width: var(--fullwidth);} .heroWrapper .heroSlider.slick-initialized .items{opacity:1; visibility: visible;} .heroWrapper .heroSlider.slick-initialized .videoItem {height: 100vh; width: var(--fullwidth); position: relative; opacity:1; visibility: visible;} .heroWrapper .heroSlider .videoItem video{height: 100vh; width: var(--fullwidth); position: relative; left:0; right: 0 ; width: var(--fullwidth); object-fit: cover;} .heroWrapper .heroSlider img{width: var(--fullwidth);} .heroWrapper .heroSlider .slick-dots{display: flex; align-items: center; justify-content: center; bottom:-100px;} .heroWrapper .heroSlider .slick-dots li{display: flex; align-items: center; width: auto;} .heroWrapper .heroSlider .slick-dots li a{display: flex; align-items: center; width:auto;} .heroWrapper .heroSlider .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .heroWrapper .heroSlider .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .heroWrapper .heroSlider .videoItem .overlay{ position: absolute; top:0; display: flex; justify-content: flex-start; z-index:1; right:0; bottom:0; left:0; background-image: linear-gradient(to left, rgba(255, 255, 255, 0.2), rgb(0 0 0 / 243%));} .heroWrapper .heroSlider .videoItem .overlay .animate{ display: flex; width: var(--fullwidth); max-width: var(--maxwidth); margin:0 auto; padding: 0 20px; margin-top: 15%; align-items: flex-start; flex-direction: column;} .heroWrapper .heroSlider .videoItem .overlay .animate h4{font-size:var(--fontsize44); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal; margin:0 0 10px;} .heroWrapper .heroSlider .videoItem .overlay .animate h3{font-size:var(--fontsize75); color:var(--whiteColor);} .heroWrapper .heroSlider .videoItem .overlay .animate input[type="search"]{font-size:var(--fontsize75); width: var(--fullwidth); max-width: none; border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .heroWrapper .heroSlider .videoItem .overlay .animate div{font-size:var(--fontsize28); flex-wrap: wrap; width: var(--fullwidth); max-width: none; border:0px none; font-weight:400; font-family:poppins; color:var(--whiteColor); background-color: transparent;} .heroWrapper .heroSlider .videoItem .overlay .animate input[type="search"]::placeholder{color:var(--whiteColor);} .heroWrapper .heroSlider .videoItem .overlay .animate div span{color:var(--lightOrange);} .heroWrapper .heroSlider .videoItem .overlay .animate .actions{ display: flex; width: var(--fullwidth); margin-top: 20px;} .heroWrapper .heroSlider .videoItem .overlay .animate .actions a{ display: flex; background-color: var(--whiteColor); color:var(--greyColor1);} .heroWrapper .heroSlider .prompt{ display:flex; align-items:center; position:absolute; transform: translate(-50%, -50%); bottom:12%; left:50%; color:var(--whiteColor);} .heroWrapper .heroSlider .prompt i{margin-right: 10px;} .heroWrapper .heroSlider .prompt span{margin-right: 5px;} .heroWrapper .heroSlider .prompt span + i{font-style: normal; margin-left: 5px; display: none} .homepageWrapper .searchSection{ display:flex; flex-direction: column; background-color:var(--primaryColor); background-repeat: no-repeat; width: var(--fullwidth); max-width: 900px; margin:-50px auto 0; position: relative; border-radius: 16px; padding:20px 40px;} .homepageWrapper .searchSection h2{ font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .searchSection .searchBlock{display: flex; border-radius: 10px; padding:10px 20px; align-items: center; width: var(--fullwidth); background-color: var(--lightBlue);} .homepageWrapper .searchSection .searchBlock i{font-size: var(--fontsize20); margin-right:0px; color:var(--whiteColor);} .homepageWrapper .searchSection .searchBlock div{ width: var(--fullwidth);} .homepageWrapper .searchSection .searchBlock input[type="search"]{border:0px none; margin:0; padding:2px 10px; width: var(--fullwidth); font-size: var(--fontsize20); color: var(--whiteColor); background-color: transparent;} .homepageWrapper .searchSection .searchBlock input[type="search"]::placeholder {font-weight: 500; font-size: var(--fontsize20); color: var(--whiteColor);} .homepageWrapper .searchSection .searchBlock input[type="text"]{border:0px none; margin:0; padding:2px 10px; width: var(--fullwidth); font-size: var(--fontsize20); color: var(--whiteColor); background-color: transparent;} .homepageWrapper .searchSection .searchBlock input[type="text"]::placeholder {font-weight: 500; font-size: var(--fontsize20); color: var(--whiteColor);} .homepageWrapper .searchSection .searchBlock input[type="text"]:focus{outline: 0px none;} .homepageWrapper .searchSection ol{display: grid; width: var(--fullwidth); margin:20px 0 0; padding: 0; gap:120px; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .searchSection ol li{display: flex; width: var(--fullwidth); flex-direction: column;} .homepageWrapper .searchSection ol li h4{display: flex; width: var(--fullwidth); font-size:var(--fontsize18); font-weight: 400; color:var(--whiteColor); margin:0 0 5px; align-items: center;} .homepageWrapper .searchSection ol li h4 i{margin-right: 10px; width: 34px; height: 34px;} .homepageWrapper .searchSection ol li h4 a{color:var(--whiteColor);} .homepageWrapper .searchSection ol li p{display: flex; width: var(--fullwidth); font-size:var(--fontsize12); font-weight: 400; color:var(--whiteColor); margin:0 0 0px; align-items: center;} .homepageWrapper .searchSection{display: flex; width: var(--fullwidth); background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; flex-direction: column; background-color: var(--primaryColor);} .homepageWrapper .programSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .programSection .programSectionContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .programSection h2{ font-size:var(--fontsize36); text-align: center; color:var(--blackColor); margin:0 0 35px} .homepageWrapper .programSection p{ font-size:var(--fontsize20); font-weight: 400; font-family:poppins; text-align: center; color:var(--greyColor1); margin:0 0 55px} .homepageWrapper .programSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(4,minmax(0,1fr));} .homepageWrapper .programSection ol li{display: flex; position: relative; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .programSection ol li a{position: relative; height: 100%; display: flex; padding:0px;} .homepageWrapper .programSection ol li i{width:40px; transition:all 0.2s ease; height: 40px; border-radius:6px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center} .homepageWrapper .programSection ol h3{ font-size:var(--fontsize24); font-family:poppinsbold; color:var(--whiteColor); margin:0 0 0px} .homepageWrapper .programSection ol li .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .homepageWrapper .programSection ol li .actions i{display: flex; background-color:var(--greyColorLight); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .homepageWrapper .programSection ol li .actions i{margin:0;} .homepageWrapper .programSection ol li video{border-radius:16px; object-fit: cover;} .homepageWrapper .programSection ol li .overlay{position: absolute; border-radius:16px; display: flex; align-items: flex-end; background-color: rgba(0,0,0,0.5); top:0; padding:15px; bottom:0; left:0; right:0;} .homepageWrapper .programSection ol li i img.hover{display: none;} .homepageWrapper .programSection ol li:hover i img.hover{display: flex; transition:all 0.2s ease; } .homepageWrapper .programSection ol li:hover i img.default{display: none;} .homepageWrapper .programDiscoverSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color: var(--primaryColor);} .homepageWrapper .programDiscoverSection .programDiscoverSectionContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .programDiscoverSection h2{ font-size:var(--fontsize36); text-align: center; font-family:poppinsmedium; color:var(--whiteColor); margin:0 0 5px} .homepageWrapper .programDiscoverSection p{ font-size:var(--fontsize36); font-weight: 400; font-family:poppinsbold; text-align: center; color:var(--whiteColor); margin:0 0 55px} .homepageWrapper .programDiscoverSection ol{ display: grid; gap:35px; margin:0; padding:0; grid-template-columns: repeat(5,minmax(0,1fr));} .homepageWrapper .programDiscoverSection ol li{display: flex; position: relative; overflow: hidden; background-color: var(--whiteColor); transition:all 0.2s ease; flex-direction: column; padding:5px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection ol li i{transition:all 0.2s ease; border-radius:6px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center} .homepageWrapper .programDiscoverSection ol h3{ font-size:var(--fontsize20); font-family:poppinsbold; color:var(--blackColor); margin:0 0 15px} .homepageWrapper .programDiscoverSection ol p{ font-size:var(--fontsize14); font-family:poppins; font-weight: 400; opacity: 0; visibility: hidden; text-align: left; font-family:poppins; color:var(--greyColor1); margin:0 0 15px} .homepageWrapper .programDiscoverSection ol .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .homepageWrapper .programDiscoverSection ol .actions a{display: flex; background-color: var(--primaryColor); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .homepageWrapper .programDiscoverSection ol .actions a i{margin:0;} .homepageWrapper .programDiscoverSection ol .overlay{position: absolute; transition:all 0.2s ease; bottom: -110px; background-color: var(--whiteColor); right:0; padding:10px; border-radius:16px; } .homepageWrapper .programDiscoverSection .underGraduateSlider{display: flex; gap:5px; margin:0; padding:0; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection .underGraduateSlider{display: none;} .homepageWrapper .programDiscoverSection .postGraduateSlider{display: none;} .homepageWrapper .programDiscoverSection .underGraduateSlider.slick-initialized{display: flex;} .homepageWrapper .programDiscoverSection .postGraduateSlider.slick-initialized{display: flex;} .homepageWrapper .programDiscoverSection .underGraduateSlider .items{display: flex; position: relative; max-width: 230px; overflow: hidden; background-color: var(--whiteColor); transition:all 0.2s ease; flex-direction: column; padding:5px; margin:0 15px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection .underGraduateSlider .items i{transition:all 0.2s ease; border-radius:6px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center} .homepageWrapper .programDiscoverSection .underGraduateSlider h3{ font-size:var(--fontsize20); font-family:poppinsbold; color:var(--blackColor); margin:0 0 15px} .homepageWrapper .programDiscoverSection .underGraduateSlider p{ font-size:var(--fontsize14); font-family:poppins; font-weight: 400; opacity: 0; visibility: hidden; text-align: left; font-family:poppins; color:var(--greyColor1); margin:0 0 15px} .homepageWrapper .programDiscoverSection .underGraduateSlider .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .homepageWrapper .programDiscoverSection .underGraduateSlider .actions i{display: flex; background-color: var(--primaryColor); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .homepageWrapper .programDiscoverSection .underGraduateSlider .actions i{margin:0;} .homepageWrapper .programDiscoverSection .underGraduateSlider .overlay{position: absolute; left:0; transition:all 0.2s ease; bottom: -110px; background-color: var(--whiteColor); right:0; padding:10px; border-radius:16px; } .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-list{display: flex; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .homepageWrapper .programDiscoverSection .underGraduateSlider .items:hover .overlay{bottom:0;} .homepageWrapper .programDiscoverSection .underGraduateSlider .items:hover .overlay p{opacity: 1; visibility: visible;} .homepageWrapper .programDiscoverSection .underGraduateSlider .items:hover .overlay .actions{opacity: 1; visibility: visible;} .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-list {margin:0 -15px; margin:0px;} .homepageWrapper .programDiscoverSection .underGraduateSlider .items i img{object-fit: contain; border-radius: 16px;} .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-next{background-color: transparent;} .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-prev{background-color: transparent;} .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-next:before, .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-prev:before{color:var(--whiteColor);} .homepageWrapper .programDiscoverSection .postGraduateSlider{display: flex; gap:5px; margin:0; padding:0; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection .postGraduateSlider .items{display: flex; position: relative;max-width: 220px; overflow: hidden; background-color: var(--whiteColor); transition:all 0.2s ease; flex-direction: column; padding:5px; margin:0 15px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection .postGraduateSlider .items i{transition:all 0.2s ease; border-radius:6px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center} .homepageWrapper .programDiscoverSection .postGraduateSlider h3{ font-size:var(--fontsize20); font-family:poppinsbold; color:var(--blackColor); margin:0 0 15px} .homepageWrapper .programDiscoverSection .postGraduateSlider p{ font-size:var(--fontsize14); font-family:poppins; font-weight: 400; opacity: 0; visibility: hidden; text-align: left; font-family:poppins; color:var(--greyColor1); margin:0 0 15px} .homepageWrapper .programDiscoverSection .postGraduateSlider .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .homepageWrapper .programDiscoverSection .postGraduateSlider .actions i{display: flex; background-color: var(--primaryColor); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .homepageWrapper .programDiscoverSection .postGraduateSlider .actions i{margin:0;} .homepageWrapper .programDiscoverSection .postGraduateSlider .overlay{position: absolute; left:0; transition:all 0.2s ease; bottom: -110px; background-color: var(--whiteColor); right:0; padding:10px; border-radius:16px; } .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-list{display: flex; width: var(--fullwidth);} .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items:hover .overlay{bottom:0;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items:hover .overlay p{opacity: 1; visibility: visible;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items:hover .overlay .actions{opacity: 1; visibility: visible;} .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-list {margin:0 -15px;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items i img{object-fit: contain; border-radius: 16px;} .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-next{background-color: transparent;} .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-prev{background-color: transparent;} .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-next:before, .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-prev:before{color:var(--whiteColor);} .homepageWrapper .programDiscoverSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 25px;} .homepageWrapper .programDiscoverSection .tabsWrapper a{color:var(--whiteColor); padding:5px 15px; font-size:var(--fontsize16); margin-left: 15px;} .homepageWrapper .programDiscoverSection .tabsWrapper a:first-child{margin-left: 0;} .homepageWrapper .programDiscoverSection .tabsWrapper a:hover{color:var(--primaryColor); border-radius: 63px; background-color: var(--whiteColor); font-size:var(--fontsize16); } .homepageWrapper .programDiscoverSection .tabsWrapper a.active{color:var(--primaryColor); border-radius: 63px; background-color: var(--whiteColor); font-size:var(--fontsize16); } .homepageWrapper .programDiscoverSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin:40px 0 0} .homepageWrapper .programDiscoverSection .actions a{display: flex; align-items: center; justify-content: center} .homepageWrapper .programDiscoverSection .actions a i{margin:0 0 0 10px; display: flex;} .homepageWrapper .programDiscoverSection ol li:hover .overlay{bottom:0;} .homepageWrapper .programDiscoverSection ol li:hover .overlay p{opacity: 1; visibility: visible;} .homepageWrapper .programDiscoverSection ol li:hover .overlay .actions{opacity: 1; visibility: visible;} .homepageWrapper .programDiscoverSection .sectionWrapper{display: none; flex-direction: column;} .homepageWrapper .programDiscoverSection{display: flex; width: var(--fullwidth); background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; margin:0 auto; flex-direction: column; background-color: var(--primaryColor);} .homepageWrapper .futureStudiesSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px} .homepageWrapper .futureStudiesSection .futureStudiesSectionContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .futureStudiesSection h2{ font-size:var(--fontsize36); text-align: center; color:var(--blackColor); margin:0 0 15px} .homepageWrapper .futureStudiesSection p{ font-size:var(--fontsize20); font-weight: 400; font-family:poppins; text-align: center; color:var(--greyColor1); margin:0 0 55px} .homepageWrapper .futureStudiesSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(4,minmax(0,1fr));} .homepageWrapper .futureStudiesSection ol li{display: flex; position: relative; height: 170px; justify-content: center; transition:all 0.2s ease; background-color: var(--primaryColor); flex-direction: column; padding:15px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .futureStudiesSection ol li i{width:40px; transition:all 0.2s ease; height: 40px; border-radius:6px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center} .homepageWrapper .futureStudiesSection ol h3{ font-size:var(--fontsize24); transition:all 0.2s ease; transform: translateY(40px); font-family:poppinsbold; color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .futureStudiesSection ol p{font-size:var(--fontsize14); transition:all 0.2s ease; transform: translateY(60px); opacity: 0; visibility: hidden; font-weight: 400; text-align: left; color:var(--whiteColor); margin-bottom: 0; font-family:poppins;} .homepageWrapper .futureStudiesSection ol .actions{display: flex; position: relative; opacity: 0; visibility: hidden; width: var(--fullwidth); justify-content: flex-end;} .homepageWrapper .futureStudiesSection ol .actions a{display: flex; background-color: var(--lightBlue); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .homepageWrapper .futureStudiesSection ol .actions a i{margin:0;} .homepageWrapper .futureStudiesSection ol li:hover h3{transition:all 0.2s ease; transform: translateY(0px);} .homepageWrapper .futureStudiesSection ol li:hover p{visibility: visible; transition:all 0.2s ease; transform: translateY(0px); opacity: 1; height: auto;} .homepageWrapper .futureStudiesSection ol li:hover .actions{visibility: visible; transition:all 0.2s ease; opacity: 1; height: auto;} .homepageWrapper .futureStudiesSection ol li::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .block{display: flex; justify-content: center; flex-wrap: wrap; width: var(--fullwidth); margin-bottom: 70px;} .homepageWrapper .futureStudiesSection .block div{background-color: var(--whiteColor); border-radius:16px; padding: 15px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.15);} .homepageWrapper .futureStudiesSection .block div:nth-child(1){transform: rotate(5.76deg); border-radius:16px;} .homepageWrapper .futureStudiesSection .block div:nth-child(2){transform: rotate(-9.89deg); border-radius:16px;} .homepageWrapper .futureStudiesSection .block div:nth-child(3){transform: rotate(5.27deg); border-radius:16px;} .homepageWrapper .futureStudiesSection .block div img{border-radius:16px;} .homepageWrapper .futureStudiesSection .studySection{ display:flex; margin:45px 0; flex-direction: column; padding:30px; width: var(--fullwidth); border-radius:16px; left: calc(50% - 936px/2); background-color: var(--greyColor1);} .homepageWrapper .futureStudiesSection .studySection h2{ font-size:var(--fontsize28); text-align: center; color:var(--whiteColor); margin:0 0 5px} .homepageWrapper .futureStudiesSection .studySection p{ font-size:var(--fontsize16); text-align: center; color:var(--whiteColor); margin:0 0 5px} .homepageWrapper .futureStudiesSection .studySection ul{ display: flex; justify-content: center; max-width: none; width: var(--fullwidth); margin:30px 0; padding: 0; gap:30px;padding:0;} .homepageWrapper .futureStudiesSection .studySection ul li{color:var(--whiteColor); max-width: 20%; width: var(--fullwidth); align-items: center; display: flex; font-size:var(--fontsize16); display: flex; list-style-type: none; margin:0; padding:0;} .homepageWrapper .futureStudiesSection .studySection ul li div:nth-child(1){font-size:var(--fontsize48); font-family:poppinsbold; } .homepageWrapper .futureStudiesSection .studySection ul li div:nth-child(2){font-size:var(--fontsize16); font-family:poppins; margin-left: 10px;} .homepageWrapper .futureStudiesSection .studySection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin: 30px 0 0} .homepageWrapper .futureStudiesSection .studySection .actions a {display: flex; align-items: center;} .homepageWrapper .futureStudiesSection .studySection .actions a i{margin-left: 5px;} .homepageWrapper .futureStudiesSection .studySection{ border-radius: 16px; background-blend-mode: color-burn; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor2); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection{ display:flex; margin:0x 0; flex-direction: column; padding:0px; width: var(--fullwidth); border-radius:16px;} .homepageWrapper .futureStudiesSection .cardSection ol{ display: grid; gap:20px; margin:0; padding:0; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .futureStudiesSection .cardSection ol li{display: flex; z-index: 1; position: relative; overflow: hidden; height: auto; justify-content: flex-start; transition:all 0.2s ease; background-color: var(--primaryColor); flex-direction: column; padding:15px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .futureStudiesSection .cardSection ol li h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 5px} .homepageWrapper .futureStudiesSection .cardSection ol li h3{ font-size:var(--fontsize24); transform: translateY(0px); color:var(--whiteColor); margin:0 0 10px} .homepageWrapper .futureStudiesSection .cardSection ol li p{ font-size:var(--fontsize14); font-weight: 400; font-family:poppins; opacity: 1; visibility: visible; transform: translateY(0px); color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .futureStudiesSection .cardSection ol li i{width: var(--fullwidth); align-items: flex-end; justify-content:center; height: 100%; margin:0;} .homepageWrapper .futureStudiesSection .cardSection ol li:nth-child(1){background-color: var(--primaryColor);} .homepageWrapper .futureStudiesSection .cardSection ol li:nth-child(2){background-color: var(--lightRed);} .homepageWrapper .futureStudiesSection .cardSection ol li:nth-child(3){background-color: var(--lightGreen);} .homepageWrapper .futureStudiesSection .cardSection ol li:nth-child(1)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: -1; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection ol li:nth-child(2)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: -1; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightRed); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection ol li:nth-child(3)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: -1; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection ol li i img{object-fit: contain; } .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider{ display: flex; margin:0; padding:0; width: var(--fullwidth);} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items{display: flex; z-index: 1; position: relative; min-width: 250px; justify-content: flex-start; transition:all 0.2s ease; background-color: var(--primaryColor); flex-direction: column; padding:15px; margin:0 15px; border-radius:16px; width: var(--fullwidth);} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items h5{ font-size:var(--fontsize14); letter-spacing: 0px; font-weight: 400; color:var(--whiteColor); margin:0 0 5px} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items h3{ font-size:var(--fontsize24); min-height:62px; transform: translateY(0px); color:var(--whiteColor); margin:0 0 10px} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items p{ font-size:var(--fontsize14); min-height: 100px; text-align: left; font-weight: 400; font-family:poppins; opacity: 1; visibility: visible; transform: translateY(0px); color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items i{width: var(--fullwidth); align-items: flex-end; justify-content:center; height: 100%; margin:0;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items:nth-child(1){background-color: var(--primaryColor);} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items:nth-child(2){background-color: var(--lightRed);} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items:nth-child(3){background-color: var(--lightGreen);} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items:nth-child(1)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: -1; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items:nth-child(2)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: -1; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightRed); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items:nth-child(3)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: -1; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items i img{object-fit: contain; } .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .slick-list{display: flex; width: var(--fullwidth)} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .homepageWrapper .campusCommunitySection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color:var(--greyColor1);} .homepageWrapper .campusCommunitySection .campusCommunityContainer{ display:flex; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left{display: flex; flex-direction:column; width: var(--fullwidth); max-width: 450px;} .homepageWrapper .campusCommunitySection .campusCommunityContainer .right{display: flex; flex-direction:column; margin-left: 50px; width: var(--fullwidth); } .homepageWrapper .campusCommunitySection h5{ font-size:var(--fontsize16); color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .campusCommunitySection h2{ font-size:var(--fontsize52); color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .campusCommunitySection h3{ font-size:var(--fontsize24);transform: translateY(143px); transition:all 0.5s ease; color:var(--whiteColor); margin:0 0 0px;} .homepageWrapper .campusCommunitySection p{ font-size:var(--fontsize14); font-weight: 400; height:0px; transition:all 0.2s ease; transform: translateY(100px); visibility: hidden; opacity: 0; font-family:poppins; color:var(--whiteColor); margin:0 0 0px} .homepageWrapper .campusCommunitySection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .campusCommunitySection ol li{display: flex; flex-shrink: 0; position: relative; height: 244px; transition:all 0.2s ease; background-color: var(--primaryColor); flex-direction: column; padding:15px; border-radius:8px; width: var(--fullwidth);} .homepageWrapper .campusCommunitySection ol li a{display: flex; transition:all 0.2s ease; flex-direction: column;} .homepageWrapper .campusCommunitySection ol li:hover{cursor: pointer;} .homepageWrapper .campusCommunitySection ol li:nth-child(1) h3{transform: translateY(111px); } .homepageWrapper .campusCommunitySection ol li:hover p{height:auto;} .homepageWrapper .campusCommunitySection ol li:nth-child(1){background-color: var(--primaryColor);} .homepageWrapper .campusCommunitySection ol li:nth-child(2){background-color: var(--lightRed);} .homepageWrapper .campusCommunitySection ol li:nth-child(3){background-color: var(--lightYellow);} .homepageWrapper .campusCommunitySection ol li:nth-child(4){background-color: var(--lightGreen);} .homepageWrapper .campusCommunitySection ol li:nth-child(5){background-color: var(--lightOrange);} .homepageWrapper .campusCommunitySection ol li:nth-child(6){background-color: var(--lightPurple);} .homepageWrapper .campusCommunitySection ol li:hover h3{transform: translateY(0px);} .homepageWrapper .campusCommunitySection ol li:hover p{transform: translateY(103px); white-space: normal; opacity: 1; visibility: visible;} .homepageWrapper .campusCommunitySection ol li:nth-child(1):hover p{transform: translateY(73px); white-space: normal; opacity: 1; visibility: visible;} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left .actions{display: flex; width: var(--fullwidth); margin: 30px 0 0} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left .actions a {display: flex; align-items: center; color:var(--primaryColor);} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left .actions a i{margin-left: 5px;} .homepageWrapper .campusCommunitySection ol li:nth-child(1)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .homepageWrapper .campusCommunitySection ol li:nth-child(2)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightRed); background-size: cover; background-position: center;} .homepageWrapper .campusCommunitySection ol li:nth-child(3)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightYellow); background-size: cover; background-position: center;} .homepageWrapper .campusCommunitySection ol li:nth-child(4)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .campusCommunitySection ol li:nth-child(5)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightOrange); background-size: cover; background-position: center;} .homepageWrapper .campusCommunitySection ol li:nth-child(6)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightPurple); background-size: cover; background-position: center;} .homepageWrapper .topReasonsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .topReasonsSection .topReasonsContainer{ display:flex; margin:0 auto; flex-direction: column; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .topReasonsSection h2{ font-size:var(--fontsize48); color:var(--blackColor); text-align: center; margin:0 0 55px} .homepageWrapper .topReasonsSection h3{ font-size:var(--fontsize24); transition:all 0.5s ease; color:var(--blackColor); margin:0 0 15px;} .homepageWrapper .topReasonsSection p{ font-size:var(--fontsize14); font-weight: 400; font-family:poppins; color:var(--greyColor3); margin:0 0 0px} .homepageWrapper .topReasonsSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .topReasonsSection ol li{display: flex; height: 244px; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:8px; width: var(--fullwidth);} .homepageWrapper .topReasonsSection ol li i{margin-bottom: 15px; width: 63px;} .homepageWrapper .topReasonsSection ol li i img{aspect-ratio: 1/1; width: 63px; height: 63px; object-fit: contain;} .homepageWrapper .campusLifeSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding:0px 20px 50px;} .homepageWrapper .campusLifeSection .campusLifeContainer{ display:flex; margin:0 auto; flex-direction: column; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .campusLifeSection h2{ font-size:var(--fontsize48); color:var(--blackColor); text-align: center; margin:0 0 15px} .homepageWrapper .campusLifeSection h3{ font-size:var(--fontsize24); transition:all 0.5s ease; color:var(--blackColor); margin:0 0 15px;} .homepageWrapper .campusLifeSection p{ font-size:var(--fontsize16); font-weight: 400; text-align: center; font-family:poppinssemibold; color:var(--greyColor2); margin:0 0 10px} .homepageWrapper .campusLifeSection p + p{ font-size:var(--fontsize14); font-weight: 400; font-family:poppins; color:var(--greyColor3); margin:0 0 50px} .homepageWrapper .campusLifeSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .campusLifeSection ol li{display: flex; overflow: hidden; position: relative; height: 357px; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:8px; width: var(--fullwidth);} .homepageWrapper .campusLifeSection ol li i{margin-bottom:0px; position: absolute; transition:all 0.4s ease-in-out; top:0; left:0; right:0; bottom:0;} .homepageWrapper .campusLifeSection ol li i img{width: 100%; border-radius: 8px; height: 100%; object-fit: cover;top:0; left:0; right:0; bottom:0;} .homepageWrapper .campusLifeSection ol li i video{width: 100%; border-radius: 8px; height: 100%; object-fit: cover;top:0; left:0; right:0; bottom:0;} .homepageWrapper .campusLifeSection ol li h3{color:var(--whiteColor); opacity: 0; visibility: hidden; transform: translate(-200px, 20px); text-align: left; margin:0 0 10px} .homepageWrapper .campusLifeSection ol li p{color:var(--whiteColor); text-align: left; opacity: 0; transition:all 0.2s ease; visibility: hidden; transform: translate(-200px, 20px);} .homepageWrapper .campusLifeSection ol li:nth-child(1){background-color: var(--lightRed);} .homepageWrapper .campusLifeSection ol li:hover h3{ opacity:1; visibility: visible; transform: translate(20px, 20px);} .homepageWrapper .campusLifeSection ol li:hover p{ opacity:1; visibility: visible; transform: translate(20px, 20px);} .homepageWrapper .campusLifeSection ol li:hover .actions{ opacity:1; visibility: visible; transform: translate(-40px, -20px);} .homepageWrapper .campusLifeSection ol li:nth-child(2){background-color: var(--primaryColor);} .homepageWrapper .campusLifeSection ol li:nth-child(3){background-color: var(--lightGreen);} .homepageWrapper .campusLifeSection ol li:nth-child(1)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/campus-community-texture.webp),var(--lightRed); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection ol li:nth-child(2)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/campus-community-texture.webp),var(--primaryColor); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection ol li:nth-child(3)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/campus-community-texture.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection ol li:nth-child(1):hover i{transform: translate(20px, 190px); max-width: 150px; max-height: 150px;} .homepageWrapper .campusLifeSection ol li:nth-child(1):hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection ol li:nth-child(2):hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection ol li:nth-child(3):hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection ol li:nth-child(3):hover i{transform: translate(0px, 207px); max-width: none; max-height: 150px;} .homepageWrapper .campusLifeSection ol li:nth-child(2):hover i{transform: translate(20px, 207px); right:40px;} .homepageWrapper .campusLifeSection ol li .actions{display: flex; width:auto; transition:all 0.2s ease; margin:0px 0 0; right:0; position: absolute; bottom:0; transform: translate(60px,-30px);} .homepageWrapper .campusLifeSection ol li .actions a {display: flex; align-items: center; border-radius:100%; background-color:rgba(255,255,255,0.5); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center} .homepageWrapper .campusLifeSection ol li .actions a i{margin-left: 5px; position: static; color:var(--whiteColor); transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider{ display: flex; gap:30px; margin:0; padding:0; width: var(--fullwidth);} .homepageWrapper .campusLifeSection .campusLifeSlider .items{display: flex; overflow: hidden; min-width: 300px; position: relative; margin:0 15px; height: 357px; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:8px; width: var(--fullwidth);} .homepageWrapper .campusLifeSection .campusLifeSlider .items i{margin-bottom:0px; position: absolute; transition:all 0.4s ease-in-out; top:0; left:0; right:0; bottom:0;} .homepageWrapper .campusLifeSection .campusLifeSlider .items i img{width: 100%; border-radius: 8px; height: 100%; object-fit: cover;top:0; left:0; right:0; bottom:0;} .homepageWrapper .campusLifeSection .campusLifeSlider .items i video{width: 100%; border-radius: 8px; height: 100%; object-fit: cover;top:0; left:0; right:0; bottom:0;} .homepageWrapper .campusLifeSection .campusLifeSlider .items h3{color:var(--whiteColor); opacity: 0; visibility: hidden; transform: translate(-200px, 20px); text-align: left; margin:0 0 10px} .homepageWrapper .campusLifeSection .campusLifeSlider .items p{color:var(--whiteColor); text-align: left; opacity: 0; transition:all 0.2s ease; visibility: hidden; transform: translate(-200px, 20px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(1){background-color: var(--lightRed);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover h3{ opacity:1; visibility: visible; transform: translate(20px, 20px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover p{ opacity:1; visibility: visible; transform: translate(20px, 20px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover .actions{ opacity:1; visibility: visible; transform: translate(-40px, -20px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(2){background-color: var(--primaryColor);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(3){background-color: var(--lightGreen);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(1)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightRed); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(2)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(3)::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/campus-community-texture.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(1):hover i{transform: translate(-120px, 102px) scale(0.3);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(1):hover i video{border-radius:28px;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(1):hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(2):hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(2):hover i{transform: translate(20px, 207px); right:40px;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(3):hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items:nth-child(3):hover i{transform: translateY(207px); max-width: none;} .homepageWrapper .campusLifeSection .campusLifeSlider .items .actions{display: flex; width:auto; transition:all 0.2s ease; margin:0px 0 0; right:0; position: absolute; bottom:0; transform: translate(60px,-30px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items .actions a {display: flex; align-items: center; border-radius:100%; background-color:rgba(255,255,255,0.5); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center} .homepageWrapper .campusLifeSection .campusLifeSlider .items .actions a i{margin-left: 5px; position: static; color:var(--whiteColor); transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider .slick-list{display: flex; width: var(--fullwidth);} .homepageWrapper .campusLifeSection .campusLifeSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .homepageWrapper .campusLifeSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 40px;} .homepageWrapper .campusLifeSection .actions a{display: flex; align-items: center;} .homepageWrapper .campusLifeSection .actions a i{display: flex; margin-left: 10px;} .homepageWrapper .mecCampusLifeSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .mecCampusLifeSection .mecCampusLifeContainer{ display:flex; margin:0 auto; flex-direction: column; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .mecCampusLifeSection h2{ font-size:var(--fontsize48); color:var(--blackColor); text-align: center; margin:0 0 15px} .homepageWrapper .mecCampusLifeSection h3{ font-size:var(--fontsize22);opacity: 0; visibility: hidden; position: absolute; bottom:10px; left:10px; transition:all 0.5s ease; color:var(--whiteColor); margin:0 0 0px;} .homepageWrapper .mecCampusLifeSection h5{ font-size:var(--fontsize22); bottom:10px; left:10px; position: absolute; transition:all 0.5s ease; color:var(--whiteColor); margin:0 0 0px;} .homepageWrapper .mecCampusLifeSection p{ font-size:var(--fontsize16); font-weight: 400; text-align: center; font-family:poppinssemibold; color:var(--greyColor2); margin:0 0 40px} .homepageWrapper .mecCampusLifeSection ol{ display: flex; gap:15px; margin:0; padding:0; width: var(--fullwidth); } .homepageWrapper .mecCampusLifeSection ol li{display: flex; transition: all 0.2s ease; flex: 1; overflow: hidden; position: relative; height: 346px; transition:all 0.3s ease-in-out; padding:0px; border-radius:8px; width: var(--fullwidth);} .homepageWrapper .mecCampusLifeSection ol li .thumb{height: 100%; width: var(--fullwidth);} .homepageWrapper .mecCampusLifeSection ol li:hover{max-width: none; transition: all 0.3s ease-in-out;} .homepageWrapper .mecCampusLifeSection ol li img{height: 100%; object-fit: cover; width: var(--fullwidth); transition: all 0.3s ease-in-out;} .homepageWrapper .mecCampusLifeSection ol li:hover h5{ width:auto; } .homepageWrapper .mecCampusLifeSection ol li:hover h3{ width:auto; opacity: 0; visibility: hidden;} .homepageWrapper .mecCampusLifeSection ol li:hover{flex: 1 1 33%;} .homepageWrapper .mecCampusLifeSection ol li:hover h3{opacity: 1; visibility:visible;} .homepageWrapper .mecCampusLifeSection ol li:hover h5{opacity: 0; visibility:hidden;} .homepageWrapper .mecCampusLifeSection .actions{display: flex; width: var(--fullwidth); gap:30px; justify-content: center; margin-top: 40px;} .homepageWrapper .mecCampusLifeSection .actions a{display: flex; align-items: center;} .homepageWrapper .mecCampusLifeSection .actions a i{display: flex; margin-left: 10px;} .homepageWrapper .mecCampusLifeSection ol li.nodatafound{height: auto; justify-content: center;} .homepageWrapper .aboutMecSection::after{ content:''; position: absolute; top: 0; z-index: -1; background-blend-mode: color-burn; opacity: 0.4; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth); background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightRed); background-size: cover; background-position: center;} .homepageWrapper .aboutMecSection{ display:flex; flex-direction: column; z-index: 1; position: relative; width: var(--fullwidth); padding: 50px 20px; background-color: var(--lightRed);} .homepageWrapper .aboutMecSection .aboutMecContainer{ display: grid; align-items: center; gap:50px; margin:0; padding:0; grid-template-columns: repeat(1,minmax(0,1fr)); margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .aboutMecSection .aboutMecContainer .left{display: flex; gap:40px; flex-direction: row; max-width: none; flex: 1; justify-content: center; align-items: center;} .homepageWrapper .aboutMecSection h2{ font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px} .homepageWrapper .aboutMecSection h3{ font-size:var(--fontsize22); transition:all 0.5s ease; color:var(--whiteColor); margin:0 0 10px;} .homepageWrapper .aboutMecSection h5{ font-size:var(--fontsize16); font-family:poppins; font-weight: 400; color:var(--whiteColor); margin:0 0 20px;} .homepageWrapper .aboutMecSection p{ font-size:var(--fontsize16); font-weight: 400; font-family:poppinsmedium; color:var(--whiteColor); margin:0 0 20px} .homepageWrapper .aboutMecSection ul{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .aboutMecSection ul li{display: flex; margin:0; padding: 0;} .homepageWrapper .aboutMecSection ul li div:nth-child(1){font-size:var(--fontsize36); font-family:poppinsbold; font-weight: 800; display: flex; align-items: center; color:var(--whiteColor); margin:0 0 0px} .homepageWrapper .aboutMecSection ul li div:nth-child(2){font-size:var(--fontsize16); line-height: 23px; font-weight: 400; display: flex; align-items: center; margin:0; margin-left: 10px; font-family:poppinsmedium; color:var(--whiteColor);} .homepageWrapper .aboutMecSection .actions{display: flex; width: var(--fullwidth); justify-content: flex-end; margin-top: 40px;} .homepageWrapper .aboutMecSection .actions a{display: flex; align-items: center; color:var(--whiteColor);} .homepageWrapper .aboutMecSection .actions a i{display: flex; margin-left: 10px;} .homepageWrapper .aboutMecSection .aboutMecContainer .studySection{ display:flex; flex-direction: column; width:100%; text-align:center;} .homepageWrapper .aboutMecSection .studySection .actions{justify-content: center; margin-top: 0;} .homepageWrapper .alumniSpotlightSection::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-blend-mode: soft-light; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor1); background-position: center; background-size: cover; } .homepageWrapper .alumniSpotlightSection{ display:flex; flex-direction: column; position: relative; width: var(--fullwidth); padding: 50px 20px; } .homepageWrapper .alumniSpotlightSection .alumniSpotlightContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .alumniSpotlightSection .alumniSpotlightContainer .left{display: flex; flex-direction: column; max-width: none; flex: 1} .homepageWrapper .alumniSpotlightSection h2{ font-size:var(--fontsize32); text-align: center; color:var(--whiteColor); margin:0 0 45px} .homepageWrapper .alumniSpotlightSection .alumniSlider{display: flex; width: var(--fullwidth);} .homepageWrapper .alumniSpotlightSection .alumniSlider .items{display: flex; transition: all 0.2s ease; transform: scale(0.9); width: var(--fullwidth); opacity: 0.5; background-color:var(--whiteColor); margin: 0 10px; border-radius:16px;} .homepageWrapper .alumniSpotlightSection .alumniSlider .items .thumb{max-width: 350px; flex-shrink: 0; width: var(--fullwidth);} .homepageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{object-fit: cover; height: 100%; border-radius:16px 0 0 16px;} .homepageWrapper .alumniSpotlightSection .alumniSlider .items h3{font-size:var(--fontsize24); color:var(--greyColor1); margin:0 0 5px} .homepageWrapper .alumniSpotlightSection .alumniSlider .items h5{font-size:var(--fontsize22); color:var(--greyColor1); margin:0 0 5px} .homepageWrapper .alumniSpotlightSection .alumniSlider .items p{font-size:var(--fontsize14); color:var(--greyColor1); margin:0 0 5px} .homepageWrapper .alumniSpotlightSection .alumniSlider .items h5 + p{font-size:var(--fontsize14); color:var(--greyColor2); margin:0 0px} .homepageWrapper .alumniSpotlightSection .alumniSlider .items .thumbContent{display: flex; flex-direction: column; padding:20px;} .homepageWrapper .alumniSpotlightSection .alumniSlider .items h5 i{color:var(--greyColor5); margin: 10px;} .homepageWrapper .alumniSpotlightSection .alumniSlider .items.slick-current{opacity: 1; transform: scale(1);} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-list{display: flex; width: var(--fullwidth);} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-track{display: flex; width: var(--fullwidth);} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-dots{display: flex; align-items: center; justify-content: center; bottom: 125px;} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li{display: flex; align-items: center; width: auto;} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li a{display: flex; align-items: center; width:auto;} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-next{background-color: transparent;} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-prev{background-color: transparent;} .homepageWrapper .alumniEngagementSection::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-blend-mode: soft-light; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/alumini-texture2.webp),var(--greyColor1); background-position: center; background-size: cover; } .homepageWrapper .alumniEngagementSection{ display:flex;position: relative; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer{ display:flex; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer .left{width: var(--fullwidth); max-width: 60%} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer .right{width: var(--fullwidth); max-width: 40%} .homepageWrapper .alumniEngagementSection h2{ font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px} .homepageWrapper .alumniEngagementSection h3{ font-size:var(--fontsize16); position: absolute; right:0; transition:all 1s ease; display: flex; align-items: center; font-weight: ; justify-content: center; bottom: 20px; left:0; text-align: center; writing-mode: vertical-lr; transform: rotate(180deg); transition:all 0.5s ease; color:var(--greyColor2); margin:0 0 0px;} .homepageWrapper .alumniEngagementSection h6{ font-size:var(--fontsize22);display: flex; font-weight: 400; transition:all 1s ease; color:var(--whiteColor); margin:0 0 0px;} .homepageWrapper .alumniEngagementSection .overlay{position: absolute; padding:10px; bottom:0; left:0; right:0; opacity: 0; visibility: hidden; } .homepageWrapper .alumniEngagementSection h5{ font-size:var(--fontsize16); transition:all 0.5s ease; font-weight: 400; color:var(--whiteColor); margin:0 0 15px;} .homepageWrapper .alumniEngagementSection p{ font-size:var(--fontsize14); font-weight: 400; font-family:poppinssemibold; color:var(--whiteColor); margin:0 0 0px} .homepageWrapper .alumniEngagementSection ol{ display: flex; gap:15px; margin:0; padding:0; width: var(--fullwidth); } .homepageWrapper .alumniEngagementSection ol li{display: flex; flex: 1; transition: 0.5s; background-color:var(--whiteColor); overflow: hidden; position: relative; height:283px; transition:all 0.2s ease; padding:0px; border-radius:8px; width: var(--fullwidth);} .homepageWrapper .alumniEngagementSection ol li .thumb{height: 100%} .homepageWrapper .alumniEngagementSection ol li img{height: 100%; object-fit: cover; opacity: 0; visibility: hidden;} .homepageWrapper .alumniEngagementSection ol li:hover h5{ width:auto; } .homepageWrapper .alumniEngagementSection ol li:hover h3{ width:auto; opacity: 0; visibility: hidden;} .homepageWrapper .alumniEngagementSection ol li:hover{flex: 1 1 46%;} .homepageWrapper .alumniEngagementSection ol li:hover h3{opacity: 0; visibility:hidden;} .homepageWrapper .alumniEngagementSection ol li:hover .overlay{visibility: visible; opacity: 1} .homepageWrapper .alumniEngagementSection ol li:hover img{visibility: visible; opacity: 1} .homepageWrapper .alumniEngagementSection ol li:hover{background-color: transparent;} .homepageWrapper .alumniEngagementSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 40px;} .homepageWrapper .alumniEngagementSection .actions a{display: flex; align-items: center;} .homepageWrapper .alumniEngagementSection .actions a i{display: flex; margin-left: 10px;} .homepageWrapper .eventsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .eventsSection .eventsContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .eventsSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .homepageWrapper .eventsSection h3{ font-size:var(--fontsize16); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .homepageWrapper .eventsSection h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .homepageWrapper .eventsSection p{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .homepageWrapper .eventsSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .homepageWrapper .eventsSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .homepageWrapper .eventsSection h3 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight:400; font-family: poppinsbold; color:var(--whiteColor);} .homepageWrapper .eventsSection ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .eventsSection ol li{display: flex; position: relative; transition:all 0.2s ease; height: 242px; justify-content: space-between; flex-direction: column; border-radius:16px;padding:15px;} .homepageWrapper .eventsSection ol li:hover{box-shadow: 0 0 0 4px var(--primaryColor);} .homepageWrapper .eventsSection ol li .date{display: flex; width: var(--fullwidth); align-items:center } .homepageWrapper .eventsSection ol li .date div{flex-direction: column; display: flex;} .homepageWrapper .eventsSection ol li .date i{color:var(--primaryColor); font-size:var(--fontsize24); margin-right: 10px;} .homepageWrapper .eventsSection ol li .location{display: flex; border-top:1px solid var(--primaryColor); width: var(--fullwidth);padding-top: 10px; align-items:center; font-size:var(--fontsize14); color:var(--whiteColor);} .homepageWrapper .eventsSection ol li .location i{color:var(--whiteColor); font-size:var(--fontsize24); margin-right: 10px;} .homepageWrapper .eventsSection ol li::after {content: ""; position: absolute; top: 0; left: 0;border-radius: 16px; width: 100%; height: 100%; background-blend-mode: overlay; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor2); background-position: center; background-size: cover; } .homepageWrapper .latestNewsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .latestNewsSection .latestNewsContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .latestNewsSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .homepageWrapper .latestNewsSection h3{ font-size:var(--fontsize16); color:var(--whiteColor); margin:0 0 5px; display: flex; justify-content: space-between} .homepageWrapper .latestNewsSection h5{ font-size:var(--fontsize18); letter-spacing: 0px; font-weight: 400; color:var(--greyColor1); margin:0 0 20px; display: flex; justify-content: space-between} .homepageWrapper .latestNewsSection .left {display: flex; height: 100%; background-color: var(--whiteColor); padding:0px; border-radius:0px; border: 0px solid var(--greyColor5); flex-direction: column; width: var(--fullwidth); max-width:none} .homepageWrapper .latestNewsSection .right {display: flex; height: 100%; flex-direction: column; width: var(--fullwidth); max-width: none;} .homepageWrapper .latestNewsSection .left .date{display: flex; color:var(--whiteColor); width: var(--fullwidth); margin-bottom:0px;} .homepageWrapper .latestNewsSection .left .content{display: flex; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); flex-direction: column; width: var(--fullwidth); top:auto; padding:15px; height: 100%; z-index:1; justify-content: flex-end; position: absolute; bottom:0;} .homepageWrapper .latestNewsSection .left a{position: relative; height: 100%; display: flex;} .homepageWrapper .latestNewsSection .left img{height: auto!important; object-fit: contain; position: relative;} .homepageWrapper .latestNewsSection .left p{ font-size:var(--fontsize14); flex-wrap: wrap; color:var(--whiteColor); margin:0 0 15px; display: flex; justify-content: space-between} .homepageWrapper .latestNewsSection p{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .homepageWrapper .latestNewsSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .homepageWrapper .latestNewsSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .homepageWrapper .latestNewsSection ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .latestNewsSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .homepageWrapper .latestNewsSection .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .homepageWrapper .latestNewsSection .tabsWrapper a:first-child{margin-left:0;} .homepageWrapper .latestNewsSection .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .homepageWrapper .latestNewsSection .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .homepageWrapper .latestNewsSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin:40px 0 0} .homepageWrapper .latestNewsSection .actions a{display: flex; align-items: center; justify-content: center} .homepageWrapper .latestNewsSection .actions a i{margin:0 0 0 10px; display: flex;} .homepageWrapper .latestNewsSection .sectionWrapper{gap:15px; align-items: flex-start; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr;} .homepageWrapper .latestNewsSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); grid-template-rows: repeat(2,minmax(0,1fr));} .homepageWrapper .latestNewsSection .left:hover{background-color: var(--whiteColor);} .homepageWrapper .latestNewsSection .right{background-blend-mode: color-burn; position: relative; } .homepageWrapper .latestNewsSection ol{display: grid; grid-template-columns: repeat(2, 1fr); height: 100%; grid-template-rows: repeat(2, 1fr); flex-direction: column; margin:0; padding:0; gap:10px;} .homepageWrapper .latestNewsSection ol li{display: flex; width: var(--fullwidth); background-color: var(--whiteColor); border-radius:0px; padding:0px; margin:0; border: 0px solid var(--greyColor5);} .homepageWrapper .latestNewsSection ol li .thumb{max-width: none; width: var(--fullwidth); margin-right:0px; position: relative;} .homepageWrapper .latestNewsSection ol li .thumb img{height: 100%!important; width: 100%!important; max-width: none!important;} .homepageWrapper .latestNewsSection ol li .thumbContent{display: flex; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8)); flex-direction: column; width: var(--fullwidth); top:auto; padding:15px; height: 100%; z-index:1; justify-content: flex-end; position: absolute; bottom:0;} .homepageWrapper .latestNewsSection ol li p{font-family: poppins;} .homepageWrapper .latestNewsSection ol li .date{display: flex; color:var(--whiteColor); width: var(--fullwidth); margin-bottom:0px; font-family: poppins; } .homepageWrapper .latestNewsSection ol li a{color:var(--greyColor1); position: relative; font-size:var(--fontsize16); font-family: poppinsbold; } .homepageWrapper .latestNewsSection .right .actions{display: flex; width: var(--fullwidth); justify-content: flex-end; margin-top: 15px;} .homepageWrapper .latestNewsSection .right .actions a{display: flex; align-items: center; color:var(--greyColor1);} .homepageWrapper .latestNewsSection .right .actions a i{display: flex; margin-left:5px;} .homepageWrapper .latestNewsSection .right ol li a{display: flex; width: var(--fullwidth);} .homepageWrapper .storyInsightSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .storyInsightSection .storyInsightContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .storyInsightSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .homepageWrapper .storyInsightSection h3{ font-size:var(--fontsize16); color:var(--greyColor1); margin:0 0 15px; display: flex; justify-content: space-between} .homepageWrapper .storyInsightSection h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 10px; display: flex; justify-content: space-between} .homepageWrapper .storyInsightSection .left {display: flex; padding:15px; border-radius: 16px; flex-direction: column; width: var(--fullwidth); max-width: 60%} .homepageWrapper .storyInsightSection p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px; display: flex; justify-content: space-between} .homepageWrapper .storyInsightSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .homepageWrapper .storyInsightSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .homepageWrapper .storyInsightSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px; gap:25px;} .homepageWrapper .storyInsightSection .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:0px;} .homepageWrapper .storyInsightSection .tabsWrapper a:first-child{margin-left: 0;} .homepageWrapper .storyInsightSection .tabsWrapper + .tabcontentsss.active{display: flex;} .homepageWrapper .storyInsightSection .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .homepageWrapper .storyInsightSection .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .homepageWrapper .storyInsightSection ol.blogs .actions{display: flex; width: var(--fullwidth); justify-content: flex-end; margin:10px 0 0} .homepageWrapper .storyInsightSection ol.blogs .actions a{display: flex; color: var(--primaryColor); align-items: center; width:40px; height: 40px; border-radius:100%; justify-content: center} .homepageWrapper .storyInsightSection ol.blogs .actions a i{margin:0 0 0 0px; display: flex;} .homepageWrapper .storyInsightSection ol.blogs{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.blogs li{background-color: var(--whiteColor); display: flex; flex-direction: column; align-items: flex-start; border-radius: 16px;} .homepageWrapper .storyInsightSection ol.blogs li .thumb{display: flex; max-height: 166px; width: var(--fullwidth);} .homepageWrapper .storyInsightSection ol.blogs li .thumb img{height: 166px; width:var(--fullwidth); object-fit: cover; border-radius: 16px 16px 0 0;} .homepageWrapper .storyInsightSection ol.blogs li .thumbContent{display: flex; height: 100%; width:var(--fullwidth); flex-direction: column; padding: 20px;} .homepageWrapper .storyInsightSection ol.blogs li a{width: var(--fullwidth);} .homepageWrapper .storyInsightSection ol.blogs li a p{color: var(--greyColor3);} .homepageWrapper .storyInsightSection ol.podcast .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .homepageWrapper .storyInsightSection ol.podcast .actions a{display: flex; border:4px solid var(--primaryColor); color: var(--primaryColor); align-items: center; width:32px; height: 32px; border-radius:100%; justify-content: center} .homepageWrapper .storyInsightSection ol.podcast .actions a i{margin:0 0 0 4px; display: flex;} .homepageWrapper .storyInsightSection ol.podcast{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.podcast li{background-color: var(--whiteColor); transition: all 0.2s ease; display: flex; align-items: flex-start; border-radius: 16px;} .homepageWrapper .storyInsightSection ol.podcast li .thumb{display: flex; max-width: 107px; margin-right:0px; width: var(--fullwidth);} .homepageWrapper .storyInsightSection ol.podcast li .thumb img{height: 100px; object-fit: contain; border-radius: 16px 0px 0 16px;} .homepageWrapper .storyInsightSection ol.podcast li .thumbContent{display: flex; height: 100%; width: var(--fullwidth);align-items:center; flex-direction: row; padding:15px;} .homepageWrapper .storyInsightSection ol.podcast li .thumbContent .block{display: flex; flex:1; flex-direction: column; padding:0px;} .homepageWrapper .storyInsightSection ol.podcast li .thumbContent h3{margin-bottom: 5px;} .homepageWrapper .storyInsightSection ol.podcast li:hover{box-shadow: 0 0 5px var(--greyColor5);} .homepageWrapper .storyInsightSection ol.successStories .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .homepageWrapper .storyInsightSection ol.successStories .actions a{display: flex; border:0px solid var(--primaryColor); background-color: var(--primaryColor); color: var(--whiteColor); align-items: center; width:32px; height: 32px; border-radius:100%; justify-content: center} .homepageWrapper .storyInsightSection ol.successStories .actions a i{margin:0 0 0 0px; display: flex;} .homepageWrapper .storyInsightSection ol.successStories{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.successStories li{background-color: var(--whiteColor); position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px;} .homepageWrapper .storyInsightSection ol.successStories li .thumb{display: flex; margin-right:0px; width: var(--fullwidth);} .homepageWrapper .storyInsightSection ol.successStories li .thumb img{ object-fit: contain; border-radius: 8px;} .homepageWrapper .storyInsightSection ol.successStories li .thumbContent{display: flex; flex-direction: column; position: absolute; bottom:0; align-items:flex-start; padding:15px;} .homepageWrapper .storyInsightSection ol.successStories li .thumbContent h3{margin-bottom: 5px; text-align: left; font-size:var(--fontsize24); color:var(--whiteColor);} .homepageWrapper .storyInsightSection ol.successStories li .thumbContent p{margin-bottom:0px; font-size:var(--fontsize12); color:var(--whiteColor);} .homepageWrapper .storyInsightSection ol.successStories li .block{display: flex; z-index: 0; transition: all .2s ease-in-out; opacity: 0; left:0; right:0; align-items: center; top:80%; padding: 15px; position: absolute; border-radius: 0 0 16px 16px; background-color: var(--whiteColor); visibility: hidden; bottom:0px; flex-direction: row;} .homepageWrapper .storyInsightSection ol.successStories li .block .thumb{width: var(--fullwidth); align-items: center; margin-right: 10px; max-width: 43px; border-radius:100%; display: flex;} .homepageWrapper .storyInsightSection ol.successStories li .block .thumb img{width:43px;height: 43px; object-fit: cover; border-radius:100%;} .homepageWrapper .storyInsightSection ol.successStories li .block .thumbContent {flex: 1; position: static; align-items: center; padding: 0; flex-direction: row;} .homepageWrapper .storyInsightSection ol.successStories li .block .thumbContent h3{color:var(--greyColor1); margin:0 0 0px; font-size:var(--fontsize12);} .homepageWrapper .storyInsightSection ol.successStories li .block .thumbContent p{color:var(--greyColor3); font-size:var(--fontsize12);} .homepageWrapper .storyInsightSection ol.successStories li .block .thumbContent div:nth-child(1){flex:1} .homepageWrapper .storyInsightSection ol.successStories li:hover .block{bottom:inherit; top:100%; opacity: 1; display: none; visibility: visible;} .homepageWrapper .storyInsightSection ol.successStories li:hover .thumb img{ object-fit: contain; border-radius: 8px 8px 0 0;} .homepageWrapper .storyInsightSection ol.videos .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .homepageWrapper .storyInsightSection ol.videos .play {display: flex; display: none; z-index: 1; position: absolute; top:50%; left:50%; margin-left: -20px; margin-top: -20px; border:4px solid var(--whiteColor); color: var(--whiteColor); align-items: center; width:40px; height: 40px; border-radius:100%; justify-content: center} .homepageWrapper .storyInsightSection ol.videos .play i{margin:0 0 0 4px; display: flex;} .homepageWrapper .storyInsightSection ol.videos{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.videos li{background-color: var(--whiteColor); height: 290px; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px;} .homepageWrapper .storyInsightSection ol.videos li h3{margin-bottom:0px; left:0; right:0; padding: 10px; z-index: 1; position: absolute; bottom:0; text-align: left; font-size:var(--fontsize24); color:var(--whiteColor);} .homepageWrapper .storyInsightSection ol.videos li video{border-radius: 8px; position: absolute; width: var(--fullwidth); height: var(--fullheight); object-fit: cover; left:0; z-index: 0; top:0; right:0; bottom:0;} .homepageWrapper .storyInsightSection ol.videos li a{height:var(--fullheight); width: var(--fullwidth); display: flex;} .homepageWrapper .storyInsightSection ol.videos iframe{width: var(--fullwidth); border: 0px none;} .homepageWrapper .storyInsightSection .sectionWrapper{gap:60px; display: flex; flex-direction: column; display: none;} .homepageWrapper .storyInsightSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin:0px 0 0} .homepageWrapper .storyInsightSection .actions a{display: flex; width:auto; height: auto; align-items: center; justify-content: center} .homepageWrapper .storyInsightSection .actions a i{margin:0 0 0 10px; display: flex;} .homepageWrapper .studentVoiceSection::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .4; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor2); background-position: center; background-size: cover; } .homepageWrapper .studentVoiceSection{ display:flex; position: relative; z-index: 1; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color: var(--greyColor2);} .homepageWrapper .studentVoiceSection .studentVoiceContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .homepageWrapper .studentVoiceSection h2{ font-size:var(--fontsize32); text-align: center; color:var(--whiteColor); margin:0 0 45px} .homepageWrapper .studentVoiceSection .studentVoiceSlider{display: flex; display: none; width: var(--fullwidth);} .homepageWrapper .studentVoiceSection .studentVoiceSlider.slick-initialized{display: flex;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items{display: flex; flex-direction: column; transition: all 0.2s ease; transform: scale(1); width: var(--fullwidth); opacity:1; background-color:var(--whiteColor); margin: 0 10px; border-radius:16px;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items .thumb{border-radius: 16px 16px 0 0; max-width: none; display: flex; transition: all 0.2s ease; max-height: 275px;flex-shrink: 0; width: var(--fullwidth);} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items video{border-radius: 16px 16px 0 0; height: 100%} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items .thumb img{object-fit: cover; transition: all 0.2s ease; width: var(--fullwidth); height: 275px; border-radius:16px 16px 0 0;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items h3{font-size:var(--fontsize20); color:var(--greyColor1); margin:0 0 10px} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items h5{font-size:var(--fontsize14); color:var(--greyColor1); margin:0 0 0px} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items p{font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 5px} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items .thumbContent{display: flex; flex-direction: column; padding:10px;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .items.slick-current{opacity: 1; transform: scale(1);} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-list{display: flex; width: var(--fullwidth);} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-track{display: flex; width: var(--fullwidth);} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-dots{display: flex; align-items: center; justify-content: center; bottom: 125px;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li{display: flex; align-items: center; width: auto;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li a{display: flex; align-items: center; width:auto;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .homepageWrapper .studentVoiceSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 45px;} .homepageWrapper .studentVoiceSection .actions a{display: flex; align-items: center; color:var(--whiteColor);} .homepageWrapper .studentVoiceSection .actions a i{display: flex; margin-left:5px;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-next{background-color: transparent;} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-prev{background-color: transparent;} .homepageWrapper .collaborationsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .collaborationsSection .collaborationsContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width:none;} .homepageWrapper .collaborationsSection h2{ font-size:var(--fontsize32); text-align: center; color:var(--greyColor1); margin:0 0 45px} .homepageWrapper .collaborationsSection .logoBlock{display: flex; width: var(--fullwidth); justify-content: center;} .homepageWrapper .collaborationsSection .logoBlock img{margin: 0 40px;} .homepageWrapper .collaborationsSection .marqueeBlock{display: flex; width: var(--fullwidth); margin:50px 0 0} .homepageWrapper .collaborationsSection .marqueeBlock img {margin: 0px; max-width: 100%;} .homepageWrapper .collaborationsSection .marqueeBlock div{width: var(--fullwidth);} .homepageWrapper .collaborationsSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 45px;} .homepageWrapper .collaborationsSection .actions a{display: flex; align-items: center; color:var(--whiteColor);} .homepageWrapper .collaborationsSection .actions a i{display: flex; margin-left:5px;} .homepageWrapper .collaborationsSection .marqueeBlock .slick-next{display: nopne;} .homepageWrapper .collaborationsSection .marqueeBlock .slick-prev{background-color: transparent;} .homepageWrapper .collaborationsSection .marqueeBlock .slick-slider {margin:0 -15px; display:none} .homepageWrapper .collaborationsSection .marqueeBlock .slick-slide {margin-right:15px; margin-left:15px;} .homepageWrapper .collaborationsSection .slick-initialized.slick-slider{display: flex;} .homepageWrapper .workWithUsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .homepageWrapper .workWithUsSection .workWithUsContainer{ display: flex;flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width:var(--maxwidth);} .homepageWrapper .workWithUsSection h2{ font-size:var(--fontsize36); text-align: center; color:var(--whiteColor); margin:0 0 15px} .homepageWrapper .workWithUsSection p{ font-size:var(--fontsize16); text-align: center; font-weight: 400; color:var(--whiteColor); margin:0 0 25px} .homepageWrapper .workWithUsSection .block{display: flex; width: var(--fullwidth); background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; padding: 20px; max-width: 885px; border-radius:16px; margin:0 auto; flex-direction: column; background-color: var(--primaryColor);} .homepageWrapper .workWithUsSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top:0px;} .homepageWrapper .workWithUsSection .actions a{display: flex; align-items: center;} .homepageWrapper .workWithUsSection .actions a i{margin-left: 5px;} .courseDetailWrapper {display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .courseDetailWrapper .courseDetailContainer{display: flex; width: var(--fullwidth); flex-direction: column;} .courseDetailWrapper .heroWrapper{display: flex; width: var(--fullwidth); background-color: var(--blackColor);} .courseDetailWrapper .heroWrapper .heroContainer{display: flex; padding:60px 20px; width: var(--fullwidth); margin:0 auto; flex-direction: column; max-width: var(--maxwidth);} .courseDetailWrapper .heroWrapper .heroContainer h1{font-size:var(--fontsize28); color:var(--whiteColor); margin:0 0 25px; max-width: 500px;} .courseDetailWrapper .heroWrapper .heroContainer .actions{display: flex; width: var(--fullwidth);} .courseDetailWrapper .heroWrapper .heroContainer .actions a{ margin-left: 15px;} .courseDetailWrapper .heroWrapper .heroContainer .actions a:first-child{ margin-left:0px;} .courseDetailWrapper .heroWrapper .heroContainer .actions a.secondaryBtn{background-color: transparent; border:1px solid var(--whiteColor); color:var(--whiteColor);} .courseDetailWrapper .heroWrapper .heroContainer .courseLastDate{display: flex; font-size:var(--fontsize14); font-weight: 400; width: var(--fullwidth); margin-top: 20px; color:var(--whiteColor);} .courseDetailWrapper .courseInfoWrapper{display: flex; width: var(--fullwidth); margin-top: -45px;} .courseDetailWrapper .courseInfoWrapper .courseInfoContainer{display: flex; padding:30px 20px; width: var(--fullwidth); margin:0 auto; flex-direction: column; max-width: var(--maxwidth);} .courseDetailWrapper .courseInfoWrapper ol{display: flex; width: var(--fullwidth); gap:30px; justify-content: center; flex-wrap: wrap; box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.1); background-color: var(--whiteColor); border-radius: 25px;margin:0; padding:0; padding: 25px;} .courseDetailWrapper .courseInfoWrapper ol li{margin:0; padding:0; align-items: flex-start; max-width: 12%; width: var(--fullwidth); list-style-type: none;display: flex;} .courseDetailWrapper .courseInfoWrapper ol li p{font-size:var(--fontsize12); color:var(--greyColor3); font-weight: 400;} .courseDetailWrapper .courseInfoWrapper ol li h2{font-size:var(--fontsize14); color:var(--greyColor1); font-weight:400;} .courseDetailWrapper .courseInfoWrapper ol li .icon{display: flex; margin-right: 10px; margin-top: 3px; font-size:var(--fontsize17); color:var(--greyColor3);} .courseDetailWrapper .courseInfoWrapper ol li .iconContent{display: flex; flex-direction: column; flex:1} .courseDetailWrapper .courseFeatureWrapper{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseFeatureWrapper .courseFeatureContainer{display: flex; padding:30px 20px; width: var(--fullwidth); margin:0 auto; flex-direction: column; max-width: var(--maxwidth);} .courseDetailWrapper .courseFeatureWrapper ol{display: flex; width: var(--fullwidth); gap:30px; justify-content: center; flex-wrap: wrap; margin:0; padding:0;} .courseDetailWrapper .courseFeatureWrapper ol li{margin:10px; flex-direction: column; padding: 20px; max-width:160px; background-color: var(--whiteColor); box-shadow: 0px 1.94936px 12.1835px rgba(41, 34, 103, 0.15); border-radius: 12.1835px; align-items: center; width: var(--fullwidth); list-style-type: none;display: flex;} .courseDetailWrapper .courseFeatureWrapper ol li i{width:60px; background-color: var(--lightPrimaryColor); height: 60px; border-radius:100%; display: flex; align-items: center; justify-content: center; margin-bottom: 15px;} .courseDetailWrapper .courseFeatureWrapper ol li p{font-size:var(--fontsize14); text-align: center; color:var(--primaryColor); font-weight: 400;} .courseDetailWrapper .courseFeatureWrapper ol li h3{font-size:var(--fontsize16); text-align: center; color:var(--primaryColor); font-weight: 400;} .courseDetailWrapper .courseFeatureWrapper ol li:nth-child(1){transform: rotate(-5.21deg);} .courseDetailWrapper .courseFeatureWrapper ol li:nth-child(2){transform: matrix(1, 0.06, -0.06, 1, 0, 0);} .courseDetailWrapper .courseFeatureWrapper ol li:nth-child(3){transform: matrix(1, -0.04, 0.04, 1, 0, 0);} .courseDetailWrapper .courseFeatureWrapper ol li:nth-child(4){transform: matrix(1, 0.07, -0.07, 1, 0, 0);} .courseDetailWrapper .courseFeatureWrapper ol li:nth-child(5){transform: matrix(0.99, -0.11, 0.11, 0.99, 0, 0);} .courseDetailWrapper .courseFeatureWrapper ol li:nth-child(6){transform: matrix(1, 0.05, -0.05, 1, 0, 0);} .courseDetailWrapper .courseFeatureWrapper{ background-size: contain; display: flex; justify-content: center; background-position: center; background-image:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/detail-linebg.png); background-repeat: no-repeat;} body.sticky-navbar .courseDetailWrapper .courseDetailContainer .detailNavigation{ z-index: 2200003003;} .courseDetailWrapper .courseDetailContainer .detailNavigation{background-color: var(--whiteColor); background-color: var(--primaryColor); display: flex; top:0; padding: 25px 20px; position: sticky; justify-content: center; z-index: 2200003003; z-index: 0; align-items: flex-start; width: var(--fullwidth); } .courseDetailWrapper .courseDetailContainer .detailNavigation a{font-size:var(--fontsize16); padding: 5px 10px; color:var(--greyColor3); color:var(--whiteColor); margin-left: 15px; font-weight: 400;} .courseDetailWrapper .courseDetailContainer .detailNavigation a:first-child{margin-left: 0;} .courseDetailWrapper .courseDetailContainer .detailNavigation a:hover{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px;color: var(--whiteColor); background-color: var(--primaryColor);} .courseDetailWrapper .courseDetailContainer .detailNavigation a.active{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px; font-family: poppinsbold; color: var(--whiteColor); color: var(--primaryColor); background-color: var(--primaryColor); background-color: var(--whiteColor);} .pagesNavigation{background-color: var(--whiteColor); display: flex; top:0; padding: 25px 20px; position: sticky; justify-content: center; z-index: 2200003003; z-index: 0; align-self: flex-start; width: var(--fullwidth); } .pagesNavigation a{font-size:var(--fontsize16); padding: 5px 10px; color:var(--greyColor3); margin-left: 15px; font-weight: 400;} .pagesNavigation a:first-child{margin-left: 0;} .pagesNavigation a:hover{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px;color: var(--whiteColor); background-color: var(--primaryColor);} .pagesNavigation a.active{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px; font-family: poppinsbold; color: var(--whiteColor); background-color: var(--primaryColor);} .courseDetailWrapper .courseOverviewWrapper{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .aboutCourse{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 40px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .aboutCourse h4{font-size:var(--fontsize22); color:var(--greyColor1);font-family: poppins; margin:0 0 10px; font-weight:400;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .aboutCourse{display: flex; flex-direction: column; width: var(--fullwidth); margin-bottom: 40px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer{display: flex; padding:30px 20px; width: var(--fullwidth); margin:0 auto; flex-direction: column; max-width: var(--maxwidth);} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .main{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left{display: flex; flex-direction: column; align-items: flex-start; width: var(--fullwidth); max-width:40%} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h4{font-size:var(--fontsize36); color:var(--greyColor1);font-family: poppins; margin:0 0 20px; font-weight:400;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h3{font-size:var(--fontsize36); color:var(--greyColor1); font-family: poppinsbold; margin:0 0 20px; font-weight:400;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left img{margin-top: 50px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right{display: flex;align-items: center; width: var(--fullwidth); max-width: 60%} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol{display: grid; gap: 30px; grid-template-columns: repeat(2,minmax(0,1fr));} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li{box-shadow: 0px 1.94936px 12.1835px rgba(41, 34, 103, 0.15); padding:20px; border-radius:16px; list-style-type: none; margin:0; background-color: var(--whiteColor);} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight: 400;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li h3{font-size:var(--fontsize18); color:var(--greyColor1); margin:0 0 10px; font-weight:400;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li i{width:55px; margin:0 0 15px; height:55px; align-items: center; justify-content: center; display: flex; box-shadow: 0px 4px 44px rgba(0, 0, 0, 0.15); border-radius: 15px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li:nth-child(1) i{background-color: var(--primaryColor)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li:nth-child(2) i{background-color: var(--lightPurple)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li:nth-child(3) i{background-color: var(--lightRed)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li:nth-child(4) i{background-color: var(--lightOrange)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li:nth-child(5) i{background-color: var(--lightYellow)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li:nth-child(6) i{background-color: var(--lightGreen)} .courseDetailWrapper .courseCurriculumWrapper{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer{display: flex; flex-direction: column; padding:30px 20px; width: var(--fullwidth); margin:0 auto; max-width: var(--maxwidth);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading{display: flex; align-items: center; justify-content: space-between; width: var(--fullwidth); } .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h4{font-size:var(--fontsize28); color:var(--greyColor1);font-family: poppins; margin:0 0 10px; font-weight:400;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h3{font-size:var(--fontsize28); color:var(--greyColor1); font-family: poppinsbold; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading a{background-color: var(--whiteColor); border:1px solid var(--greyColor5); display: flex; align-items: center; font-weight:400; padding: 5px 20px; border-radius: 43px; font-size:var(--fontsize16); color:var(--primaryColor);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading a i{margin-right: 10px;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum{display: flex; flex-direction: column; width: var(--fullwidth);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum ul.curriculum-sections {position: relative; z-index: 499; margin: 0; padding: 0; list-style: none;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .section.closed {border-radius: 10px;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .curriculum-sections .section-header {background-color:var(--whiteColor); cursor: pointer; border: 0px none; padding: 20px; margin: 15px 0 0; border-radius: 5px 5px 0 0;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .section-header .section-left {justify-content: space-between;} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .curriculum-sections .section-title{font-size:var(--fontsize16); font-family: poppinsbold; color:var(--greyColor1);} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .curriculum-sections .section-header .section-desc{display: none;} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .section .section-content{background-color: var(--whiteColor); height:auto; padding:0 20px 0 20px; border-radius: 0px 0px 5px 5px;} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .section .course-item.course-item-lp_lesson .section-item-link::before{content:''; display: none} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .section .course-item{ padding: 5px 15px; background-color: transparent;} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .course-item .course-item-meta{display: none} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .course-item .item-name{padding: 0; font-size:var(--fontsize13); font-family: poppins; font-weight: 400; color:var(--greyColor3);} .courseDetailWrapper .courseDetailContainer .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .section.closed .section-content{height: 0px; padding:0;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .course-curriculum .curriculum-sections .section.closed .section-header{border-radius:5px 5px;} .courseDetailWrapper .courseEligibilityWrapper{display: flex; width: var(--fullwidth); background-color: var(--whiteColor);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer{display: flex; flex-direction: column; padding:50px 20px; width: var(--fullwidth); margin:0 auto; max-width: var(--maxwidth);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer h3{font-size:var(--fontsize28); text-align: center; color:var(--primaryColor);font-family: poppinsbold; margin:0 0 15px; font-weight:400;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p{font-size:var(--fontsize14); text-align: center; color:var(--greyColor1);font-family: poppins; margin:0 0 10px; font-weight:400;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p span{font-family: poppinsbold; } .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p + h3{margin-top: 40px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper{display: flex; width: var(--fullwidth); margin-bottom: 60px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper label{font-size:var(--fontsize16);display: flex; align-items: center; margin:0 15px 0 0;color:var(--greyColor1);font-family: poppinsbold; } .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol{display: flex; width:auto; margin:0; padding:0;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li{display: flex; align-items: center; width: auto; margin:0; padding:0; margin-left: 15px; list-style-type: none;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li a{font-size:var(--fontsize16); padding:5px 15px; border-radius: 50px; text-align: center; color:var(--greyColor3);font-family: poppins; } .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li a:hover{background-color: var(--primaryColor); color:var(--whiteColor); font-family: poppins;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li a.active{background-color: var(--primaryColor); color:var(--whiteColor); font-family: poppins;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper{display: flex; width: var(--fullwidth); flex-direction: column;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol{display: flex; flex-direction: column; flex-wrap: wrap; gap:40px; width:auto; margin:0; padding:0;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li{display: flex; width: var(--fullwidth); margin:0; padding:0;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li i{width:28px; justify-content: center; margin-right: 15px; color:var(--whiteColor); height: 28px; display: flex; align-items: center; flex-shrink: 0; box-shadow: 0px 2.17629px 7.61703px rgba(0, 0, 0, 0.15); border:2px solid var(--whiteColor); background-color: var(--primaryColor); border-radius:100%} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li p{text-align: left; margin: 0; color:var(--greyColor3); max-width: 600px; margin-bottom: 0;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li ul{margin: 0; padding: 0;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li ul li{margin-inline-start: 20px; color:var(--greyColor3); list-style-position: initial; display: list-item; list-style-type: disc;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li h4{font-size:var(--fontsize14); text-decoration:none; text-align: left; color:var(--greyColor1);font-family: poppins; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol li:hover h4{text-decoration:underline; color:var(--primaryColor);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accrodianBlock{display: flex; flex-direction: column; width: var(--fullwidth); } .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accrodianBlock .accordion{cursor: pointer; font-weight: 400; margin:10px 0; padding: 15px 15px; border-radius: 10px; border:1px solid var(--greyColor5); font-family:poppinsbold; background-color: var(--greyColor4);font-size: var(--fontsize16);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:poppinsbold; margin-left: 5px; font-size: var(--fontsize24);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .panel {transition: all 0.2s ease; flex-direction: column; padding: 18px 18px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accordion.active{background-color: var(--greyColor5);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accordion.active + .panel {padding: 18px; flex-direction: column; font-family:poppins;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accordion.active:after {content: "\2212";} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accordion.active + .panel p{text-align: left; margin-bottom: 0;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper .accordion + .panel ul li{list-style-type: disc; list-style-position: initial; margin-inline-start: 20px;} .courseDetailWrapper .courseCareerGrowthWrapper{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer{display: flex; padding:150px 20px 50px; width: var(--fullwidth); margin:0 auto; max-width: var(--maxwidth);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .main{display: flex; padding:50px; width: var(--fullwidth); background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-bg.png),var(--greyColor1); background-repeat: no-repeat; background-size: cover; border-radius:20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left h3{font-size:var(--fontsize48); color:var(--whiteColor);font-family: poppinsbold; margin:0 0 15px; font-weight:400;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left p{font-size:var(--fontsize18); color:var(--whiteColor);font-family: poppinsbold; margin:0 0 10px; font-weight:400;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left p + p{font-size:var(--fontsize18); color:var(--whiteColor);font-family: poppins; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left{display: flex; flex-direction: column; max-width: 40%; width: var(--fullwidth);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right{display: flex; flex-direction: column; max-width: 60%; width: var(--fullwidth); margin-left: 100px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol{display: grid; gap: 30px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-top:-120px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li{padding:20px; display: flex; flex-direction: column; justify-content: space-between; border-radius:8px; min-height: 244px; list-style-type: none; margin:0; background-color: var(--whiteColor);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight: 400;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li h3{font-size:var(--fontsize18); color:var(--whiteColor); margin:0 0 10px; font-weight:400;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li i{width:51px; margin:0 0 15px; height:51px; align-items: center; justify-content: center; display: flex;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li:nth-child(1){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--primaryColor); background-repeat: no-repeat; background-size: cover; } .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li:nth-child(2){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--lightGreen); background-repeat: no-repeat; background-size: cover; } .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li:nth-child(3){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--lightRed); background-repeat: no-repeat; background-size: cover; } .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol li:nth-child(4){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--lightPurple); background-repeat: no-repeat; background-size: cover; } .courseDetailWrapper .courseCareerOpportunitiesWrapper{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer{display: flex; padding:50px 20px; width: var(--fullwidth); margin:0 auto; max-width: var(--maxwidth);} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .main{display: flex; padding:0px; width: var(--fullwidth);} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer h3{font-size:var(--fontsize28); color:var(--primaryColor);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer p{font-size:var(--fontsize16); color:var(--greyColor1);font-family: poppins; margin:0 0 30px; font-weight:400;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol{display: flex; flex-direction: column; gap:40px; width: var(--fullwidth); margin:0; padding:0;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol li{display: flex; flex-direction: column; width: var(--fullwidth); margin:0; padding:0; list-style-type: none;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol li h4{font-size:var(--fontsize20); color:var(--greyColor1);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol li p{font-size:var(--fontsize14); color:var(--greyColor3);font-family: poppins; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol + p{font-size:var(--fontsize14); color:var(--greyColor1);font-family: poppins; margin:30px 0 0px; font-weight:400;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .left{display: flex; flex-direction: column; max-width: 40%; width: var(--fullwidth);} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right{display: flex; flex-direction: column; max-width: 60%; width: var(--fullwidth); margin-left: 100px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right h3{text-align: center; margin-bottom: 30px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right ol{display: grid; overflow-y: auto; max-height: 400px; gap: 30px; grid-template-columns: repeat(3,minmax(0,1fr));} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right ol li{background-color: var(--whiteColor); justify-content: center; align-items: center; border-radius: 8px; padding:10px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right .noContentMessage{max-width: none; width: var(--fullwidth); text-align: center;} .courseDetailWrapper .courseProgramCreatedByWrapper{display: flex; width: var(--fullwidth); background-color: var(--whiteColor);} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer{display: flex; padding:50px 20px; flex-direction: column; width: var(--fullwidth); margin:0 auto;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer .main{display: flex; padding:0px; width: var(--fullwidth);} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h4{font-size:var(--fontsize28); text-align: center; color:var(--greyColor1);font-family: poppins; margin:0 0 15px; font-weight:400;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h3{font-size:var(--fontsize28); text-align: center; color:var(--primaryColor);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer img{object-fit: cover;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer .banner{ background-size: contain; display: flex; justify-content: center; background-position: center; background-image:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/detail-linebg.png); background-repeat: no-repeat;} .courseDetailWrapper .courseMeetByFacultiesWrapper{display: flex; width: var(--fullwidth); background-color: var(--whiteColor)} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer{display: flex; padding:50px 20px; width: var(--fullwidth); margin:0 auto; max-width: var(--maxwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main{display: flex; padding:0px; width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .left{display: flex; flex-direction: column; max-width: 30%; width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .right{display: flex; flex-direction: column; max-width: 70%; width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer h3{font-size:var(--fontsize28); color:var(--primaryColor);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer p{font-size:var(--fontsize16); color:var(--greyColor3);font-family: poppins; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider{display: flex; width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items{display: flex; flex-direction: column; width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items .thumb{display: flex;width: var(--fullwidth); border-radius:8px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items .thumb img{border-radius:8px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items .thumbContent{display: flex; margin-top: 10px; flex-direction: column; width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items .thumbContent h4{font-size:var(--fontsize16); color:var(--greyColor1);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items .thumbContent p{font-size:var(--fontsize12); color:var(--greyColor3);font-family: poppins; margin:0 0 20px; font-weight:400;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .facultiesSlider .items .thumbContent div{font-size:var(--fontsize12); color:var(--greyColor1); font-family: poppins; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .slick-slider {margin:0 -15px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .slick-slide {margin-right:15px; margin-left:15px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .slick-arrow{background-color: transparent;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .slick-arrow:before{color: var(--primaryColor);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .slick-list{width: var(--fullwidth);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .slick-track{width: var(--fullwidth); margin-left:0} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .noContentMessage{text-align: center; height: 100%; display: flex; justify-content: center; align-items: center;} .courseDetailWrapper .studentVoiceSection::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .4; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor2); background-position: center; background-size: cover; } .courseDetailWrapper .studentVoiceSection{ display:flex; position: relative; z-index: 1; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color: var(--greyColor2);} .courseDetailWrapper .studentVoiceSection .studentVoiceContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .courseDetailWrapper .studentVoiceSection h3{ font-size:var(--fontsize32); text-align: center; color:var(--whiteColor); margin:0 0 45px} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider{display: flex; width: var(--fullwidth);} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items{display: flex; flex-direction: column; transition: all 0.2s ease; transform: scale(0.9); width: var(--fullwidth); opacity: 0.5; background-color:var(--whiteColor); margin: 0 10px; border-radius:16px;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items .thumb{max-width: none; transition: all 0.2s ease; max-height: 275px;flex-shrink: 0; width: var(--fullwidth);} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items .thumb img{object-fit: cover; transition: all 0.2s ease; width: var(--fullwidth); height: 275px; border-radius:16px 16px 0 0;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items h3{font-size:var(--fontsize20); color:var(--greyColor1); margin:0 0 10px; text-align: left} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items h5{font-size:var(--fontsize14); color:var(--greyColor1); margin:0 0 0px} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items p{font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 5px} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items .thumbContent{display: flex; flex-direction: column; padding:10px;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .items.slick-current{opacity: 1; transform: scale(1);} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-list{display: flex; width: var(--fullwidth);} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-track{display: flex; width: var(--fullwidth);} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-dots{display: flex; align-items: center; justify-content: center; bottom: 125px;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li{display: flex; align-items: center; width: auto;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li a{display: flex; align-items: center; width:auto;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .courseDetailWrapper .studentVoiceSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 45px;} .courseDetailWrapper .studentVoiceSection .actions a{display: flex; align-items: center; color:var(--whiteColor);} .courseDetailWrapper .studentVoiceSection .actions a i{display: flex; margin-left:5px;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-next{background-color: transparent;} .courseDetailWrapper .studentVoiceSection .studentVoiceSlider .slick-prev{background-color: transparent;} .courseDetailWrapper .studentVoiceSection .noContentMessage{text-align: center; height: 100%; display: flex; color:var(--whiteColor); justify-content: center; align-items: center;} .courseDetailWrapper .studentFeesSection{display: flex; width: var(--fullwidth); background-color: var(--whiteColor)} .courseDetailWrapper .studentFeesSection .studentFeesContainer{display: flex; padding:50px 20px; flex-direction: column; width: var(--fullwidth); margin:0 auto; max-width: var(--maxwidth);} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main{display: flex; padding:0px; width: var(--fullwidth); margin-top: 30px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .left{display: flex; flex-direction: column; max-width: 30%; width: var(--fullwidth);} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .middle{display: flex; flex-direction: column; max-width: 20%; width: var(--fullwidth); margin-left: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .right{display: flex; flex-direction: column; max-width: 20%; width: var(--fullwidth); margin-left: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer h3{font-size:var(--fontsize28); color:var(--primaryColor);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .studentFeesSection .studentFeesContainer p{font-size:var(--fontsize14); color:var(--greyColor1);font-family: poppins; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main h5{font-size:var(--fontsize24); color:var(--greyColor1);font-family: poppinsbold; margin:0 0 5px; font-weight:400;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main p{font-size:var(--fontsize12); color:var(--greyColor3);font-family: poppins; margin:0 0 0px; font-weight:400;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .right p{font-size:var(--fontsize12); color:var(--greyColor1);font-family: poppins; margin:0 0 10px; font-weight:400;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .middle p{font-size:var(--fontsize12); color:var(--greyColor1);font-family: poppins; margin:0 0 10px; font-weight:400;} .courseDetailWrapper .latestNewsSection .right::after {content: ""; position: absolute; top: 0; left: 0;border-radius: 16px; width: 100%; height: 100%; background-blend-mode: color-burn; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-position: center; background-size: cover; } .courseDetailWrapper .latestNewsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .courseDetailWrapper .latestNewsSection .latestNewsContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .courseDetailWrapper .latestNewsSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .courseDetailWrapper .latestNewsSection h3{ font-size:var(--fontsize16); color:var(--greyColor1); margin:0 0 15px; display: flex; justify-content: space-between} .courseDetailWrapper .latestNewsSection h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 10px; display: flex; justify-content: space-between} .courseDetailWrapper .latestNewsSection .left {display: flex; padding:15px; border-radius: 16px; flex-direction: column; width: var(--fullwidth); max-width: 60%} .courseDetailWrapper .latestNewsSection .right {display: flex; flex-direction: column; width: var(--fullwidth); max-width: 40%;} .courseDetailWrapper .latestNewsSection .left .date{display: flex; width: var(--fullwidth); margin-bottom: 10px;} .courseDetailWrapper .latestNewsSection .left p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 15px; display: flex; justify-content: space-between} .courseDetailWrapper .latestNewsSection p{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .courseDetailWrapper .latestNewsSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .courseDetailWrapper .latestNewsSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .courseDetailWrapper .latestNewsSection ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .courseDetailWrapper .latestNewsSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .courseDetailWrapper .latestNewsSection .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .courseDetailWrapper .latestNewsSection .tabsWrapper a:first-child{margin-left:0;} .courseDetailWrapper .latestNewsSection .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .courseDetailWrapper .latestNewsSection .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .courseDetailWrapper .latestNewsSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin:40px 0 0} .courseDetailWrapper .latestNewsSection .actions a{display: flex; align-items: center; justify-content: center} .courseDetailWrapper .latestNewsSection .actions a i{margin:0 0 0 10px; display: flex;} .courseDetailWrapper .latestNewsSection .sectionWrapper{gap:60px;} .courseDetailWrapper .latestNewsSection .left:hover{background-color: var(--whiteColor);} .courseDetailWrapper .latestNewsSection .right{background-blend-mode: color-burn; position: relative; border-radius: 16px; padding: 15px;} .courseDetailWrapper .latestNewsSection ol{display: flex; flex-direction: column; margin:0; padding:0; gap:10px;} .courseDetailWrapper .latestNewsSection ol li{display: flex; flex-direction: column; margin:0; padding:0; padding-bottom: 10px; border-bottom: 1px solid var(--greyColor5);} .courseDetailWrapper .latestNewsSection ol li a{color:var(--whiteColor); font-size:var(--fontsize16); font-family: poppinsbold; } .courseDetailWrapper .latestNewsSection .right .actions{display: flex; width: var(--fullwidth); justify-content: flex-end; margin-top: 15px;} .courseDetailWrapper .latestNewsSection .right .actions a{display: flex; align-items: center; color:var(--whiteColor);} .courseDetailWrapper .latestNewsSection .right .actions a i{display: flex; margin-left:5px;} .courseDetailWrapper .storyInsightSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .courseDetailWrapper .storyInsightSection .storyInsightContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .courseDetailWrapper .storyInsightSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .courseDetailWrapper .storyInsightSection h3{ font-size:var(--fontsize16); color:var(--greyColor1); margin:0 0 15px; display: flex; justify-content: space-between} .courseDetailWrapper .storyInsightSection h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 10px; display: flex; justify-content: space-between} .courseDetailWrapper .storyInsightSection .left {display: flex; padding:15px; border-radius: 16px; flex-direction: column; width: var(--fullwidth); max-width: 60%} .courseDetailWrapper .storyInsightSection p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px; display: flex; justify-content: space-between} .courseDetailWrapper .storyInsightSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .courseDetailWrapper .storyInsightSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .courseDetailWrapper .storyInsightSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .courseDetailWrapper .storyInsightSection .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .courseDetailWrapper .storyInsightSection .tabsWrapper a:first-child{margin-left: 0;} .courseDetailWrapper .storyInsightSection .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .courseDetailWrapper .storyInsightSection .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .courseDetailWrapper .storyInsightSection ol.blogs .actions{display: flex; width: var(--fullwidth); justify-content: flex-end; margin:10px 0 0} .courseDetailWrapper .storyInsightSection ol.blogs .actions a{display: flex; color: var(--primaryColor); align-items: center; width:40px; height: 40px; border-radius:100%; justify-content: center} .courseDetailWrapper .storyInsightSection ol.blogs .actions a i{margin:0 0 0 0px; display: flex;} .courseDetailWrapper .storyInsightSection ol.blogs{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.blogs li{background-color: var(--whiteColor); display: flex; flex-direction: column; align-items: flex-start; border-radius: 16px;} .courseDetailWrapper .storyInsightSection ol.blogs li .thumb{display: flex; max-height: 166px; width: var(--fullwidth);} .courseDetailWrapper .storyInsightSection ol.blogs li .thumb img{height: 166px; object-fit: cover; width: var(--fullwidth); border-radius: 16px 16px 0 0;} .courseDetailWrapper .storyInsightSection ol.blogs li .thumbContent{display: flex; flex-direction: column; padding: 20px;} .courseDetailWrapper .storyInsightSection ol.blogs li .thumbContent .more-link{display: none} .courseDetailWrapper .storyInsightSection ol.podcast .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .courseDetailWrapper .storyInsightSection ol.podcast .actions a{display: flex; border:4px solid var(--primaryColor); color: var(--primaryColor); align-items: center; width:32px; height: 32px; border-radius:100%; justify-content: center} .courseDetailWrapper .storyInsightSection ol.podcast .actions a i{margin:0 0 0 4px; display: flex;} .courseDetailWrapper .storyInsightSection ol.podcast{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.podcast li{background-color: var(--whiteColor); transition: all 0.2s ease; display: flex; align-items: flex-start; border-radius: 16px;} .courseDetailWrapper .storyInsightSection ol.podcast li .thumb{display: flex; max-width: 107px; margin-right:0px; width: var(--fullwidth);} .courseDetailWrapper .storyInsightSection ol.podcast li .thumb img{height: 100px; object-fit: contain; border-radius: 16px 0px 0 16px;} .courseDetailWrapper .storyInsightSection ol.podcast li .thumbContent{display: flex; height: 100%; flex:1; align-items:center; flex-direction: row; padding:15px;} .courseDetailWrapper .storyInsightSection ol.podcast li .thumbContent .block{display: flex; flex:1; flex-direction: column; padding:0px;} .courseDetailWrapper .storyInsightSection ol.podcast li .thumbContent h3{margin-bottom: 5px; } .courseDetailWrapper .storyInsightSection ol.podcast li:hover{box-shadow: 0 0 5px var(--greyColor5);} .courseDetailWrapper .storyInsightSection ol.podcast li .thumbContent .more-link{display: none} .courseDetailWrapper .storyInsightSection ol.successStories .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .courseDetailWrapper .storyInsightSection ol.successStories .actions a{display: flex; border:0px solid var(--primaryColor); background-color: var(--primaryColor); color: var(--whiteColor); align-items: center; width:32px; height: 32px; border-radius:100%; justify-content: center} .courseDetailWrapper .storyInsightSection ol.successStories .actions a i{margin:0 0 0 0px; display: flex;} .courseDetailWrapper .storyInsightSection ol.successStories{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.successStories li{background-color: var(--whiteColor); position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px;} .courseDetailWrapper .storyInsightSection ol.successStories li .thumb{display: flex; margin-right:0px; width: var(--fullwidth);} .courseDetailWrapper .storyInsightSection ol.successStories li .thumb img{ object-fit: cover; border-radius: 8px; max-height:initial; height:100%; width: 100%} .courseDetailWrapper .storyInsightSection ol.successStories li .thumbContent{display: flex; flex-direction: column; position: absolute; bottom:0; align-items:flex-start; padding:15px;} .courseDetailWrapper .storyInsightSection ol.successStories li .thumbContent h3{margin-bottom: 5px; text-align: left; font-size:var(--fontsize24); color:var(--whiteColor);} .courseDetailWrapper .storyInsightSection ol.successStories li .thumbContent p{margin-bottom:0px; font-size:var(--fontsize12); color:var(--whiteColor);} .courseDetailWrapper .storyInsightSection ol.successStories li .block{display: flex; z-index: 0; transition: all .2s ease-in-out; opacity: 0; left:0; right:0; align-items: center; top:80%; padding: 15px; position: absolute; border-radius: 0 0 16px 16px; background-color: var(--whiteColor); visibility: hidden; bottom:0px; flex-direction: row;} .courseDetailWrapper .storyInsightSection ol.successStories li .block .thumb{width: var(--fullwidth); align-items: center; margin-right: 10px; max-width: 43px; border-radius:100%; display: flex;} .courseDetailWrapper .storyInsightSection ol.successStories li .block .thumb img{width:43px;height: 43px; object-fit: cover; border-radius:100%;} .courseDetailWrapper .storyInsightSection ol.successStories li .block .thumbContent {flex: 1; position: static; align-items: center; padding: 0; flex-direction: row;} .courseDetailWrapper .storyInsightSection ol.successStories li .block .thumbContent h3{color:var(--greyColor1); margin:0 0 0px; font-size:var(--fontsize12);} .courseDetailWrapper .storyInsightSection ol.successStories li .block .thumbContent p{color:var(--greyColor3); font-size:var(--fontsize12);} .courseDetailWrapper .storyInsightSection ol.successStories li .block .thumbContent div:nth-child(1){flex:1} .courseDetailWrapper .storyInsightSection ol.successStories li:hover .block{bottom:inherit; top:100%; opacity: 1; visibility: visible;} .courseDetailWrapper .storyInsightSection ol.successStories li:hover .thumb img{ object-fit: cover; border-radius: 8px 8px 0 0;} .courseDetailWrapper .storyInsightSection ol.successStories li:hover .block .thumb img{ object-fit: cover; border-radius: 100%;} .courseDetailWrapper .storyInsightSection ol.successStories li .thumbContent .more-link{display: none} .courseDetailWrapper .storyInsightSection ol.videos .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .courseDetailWrapper .storyInsightSection ol.videos .play {display: flex; z-index: 1; position: absolute; top:50%; left:50%; margin-left: -20px; margin-top: -20px; border:4px solid var(--whiteColor); color: var(--whiteColor); align-items: center; width:40px; height: 40px; border-radius:100%; justify-content: center} .courseDetailWrapper .storyInsightSection ol.videos .play i{margin:0 0 0 4px; display: flex;} .courseDetailWrapper .storyInsightSection ol.videos{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.videos li{background-color: var(--whiteColor); height: 290px; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px;} .courseDetailWrapper .storyInsightSection ol.videos li h3{margin-bottom:0px; padding: 10px; z-index: 1; position: absolute; bottom:0; text-align: left; font-size:var(--fontsize24); color:var(--whiteColor);} .courseDetailWrapper .storyInsightSection ol.videos li video{ border-radius: 8px; position: absolute; width: var(--fullwidth); height: var(--fullheight); object-fit: cover; left:0; z-index: 0; top:0; right:0; bottom:0;} .courseDetailWrapper .storyInsightSection ol.videos li .thumbContent .more-link{display: none} .courseDetailWrapper .storyInsightSection .sectionWrapper{gap:60px; display: flex; flex-direction: column; display: none;} .courseDetailWrapper .storyInsightSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin:0px 0 0} .courseDetailWrapper .storyInsightSection .actions a{display: flex; width:auto; height: auto; align-items: center; justify-content: center} .courseDetailWrapper .storyInsightSection .actions a i{margin:0 0 0 10px; display: flex;} .courseDetailWrapper .faqSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color: var(--whiteColor);} .courseDetailWrapper .faqSection .faqContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .courseDetailWrapper .faqSection h2{ font-size:var(--fontsize32); color:var(--blackColor); margin:0 0 15px} .courseDetailWrapper .faqSection .faqContainer .accordion{cursor: pointer; font-weight: 400; margin:10px 0; padding: 15px 15px; border-radius: 10px; border:1px solid var(--greyColor5); font-family:poppinsbold; background-color: var(--greyColor4);font-size: var(--fontsize16);} .courseDetailWrapper .faqSection .faqContainer .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:poppinsbold; margin-left: 5px; font-size: var(--fontsize24);} .courseDetailWrapper .faqSection .faqContainer .panel {transition: all 0.2s ease; flex-direction: column; padding: 18px 18px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .courseDetailWrapper .faqSection .faqContainer .accordion.active{background-color: var(--greyColor5);} .courseDetailWrapper .faqSection .faqContainer .accordion.active + .panel {padding: 18px; flex-direction: column; font-family:poppins;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .courseDetailWrapper .faqSection .faqContainer .accordion.active:after {content: "\2212";} .courseDetailWrapper .faqSection .faqContainer .faqTabWrapper{display: flex; width:auto; margin: 0 auto; padding:4px; border-radius: 56px; background-color: var(--whiteColor); border:1px solid #d2d2d2; justify-content: center} .courseDetailWrapper .faqSection .faqContainer .faqTabWrapper a{border-radius: 56px; border:1px solid transparent; font-family:poppinsbold; color: #4F4E4E; padding:10px 10px;} .courseDetailWrapper .faqSection .faqContainer .faqTabWrapper a:hover{border-radius: 56px; font-family:poppinsbold; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .courseDetailWrapper .faqSection .faqContainer .faqTabWrapper a.active{border-radius: 56px; font-family:poppinsbold; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .courseDetailWrapper .faqSection .faqContainer .faqContent{width:var(--fullwidth);} .courseDetailWrapper .faqSection .faqContainer .accordionSection{width:var(--fullwidth);} .courseDetailWrapper .faqSection .faqContainer p {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .courseDetailWrapper .faqSection .faqContainer ol {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .leadFormWrapper.open{display: flex;} .leadFormWrapper{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200003006; font-family: var(--defaultfont);} .leadFormWrapper .leadFormContainer{background-color:var(--whiteColor); max-width:800px; width: var(--fullwidth); position: relative; padding: 20px; border-radius:16px; border: 0.5px solid #959595;} .leadFormWrapper .leadFormContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .leadFormWrapper .leadFormContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 400; display: flex; align-items: center; justify-content: center; background-color: var(--whiteColor); width: 30px; height: 30px; border-radius:100%;} .leadFormWrapper .leadFormContainer h3{font-size: var(--fontsize20);text-align: center; color: var(--greyColor1); margin-bottom:10px; font-family:poppinsbold; } .leadFormWrapper .leadFormContainer p{font-size: var(--fontsize14);text-align: center; color: var(--greyColor3); margin-bottom:10px; font-family:poppins; } .leadFormWrapper .leadFormContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth); font-size: var(--fontsize14)} .leadFormWrapper .leadFormContainer .formWrapper .choices__list--single .choices__item{font-size: var(--fontsize14);} .leadFormWrapper .leadFormContainer .formWrapper .form-group:first-child{margin-top: 0;} .leadFormWrapper .leadFormContainer .formWrapper .form-group .country-select.inside .selected-flag{width: var(--fullwidth);} .leadFormWrapper .leadFormContainer .formWrapper .form-group .country-select.inside .flag-dropdown{right:0;} .country-select .selected-flag .flag{display: none} .leadFormWrapper .leadFormContainer .formMain{display: flex; gap:40px; width: var(--fullwidth);} .leadFormWrapper .leadFormContainer .formMain .programThumb{width: var(--fullwidth); max-width:37%; overflow: hidden;} .leadFormWrapper .leadFormContainer .formMain .programThumb img{object-fit: contain; height: 100%} .leadFormWrapper .leadFormContainer .formWrapper .form-group{display: flex; width: var(--fullwidth); margin-top:25px;} .leadFormWrapper .leadFormContainer .formWrapper .form-group p{display: flex; width: var(--fullwidth); margin:0} .leadFormWrapper .leadFormContainer .formWrapper .form-group p span{width: var(--fullwidth); margin:0} .leadFormWrapper .leadFormContainer .formWrapper .form-group input[type="text"]{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .leadFormWrapper .leadFormContainer .formWrapper .form-group input[type="tel"]{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .leadFormWrapper .leadFormContainer .formWrapper .form-group input[type="email"]{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .leadFormWrapper .leadFormContainer .formWrapper .form-group select{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .leadFormWrapper .leadFormContainer .formWrapper .form-actions{width: var(--fullwidth); margin-top:20px; display: flex; justify-content: center; align-items: center;} .leadFormWrapper .leadFormContainer .formWrapper .form-actions input[type="submit"]{background-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .leadFormWrapper .leadFormContainer .formWrapper .form-actions input[type="submit"]:hover{background-color: var(--primaryColor); border-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .leadFormWrapper .leadFormContainer .formWrapper .form-group .wpcf7-not-valid-tip{text-align: left} .studentCornerDialog.open{display: flex;} .studentCornerDialog{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200003006; font-family: var(--defaultfont);} .studentCornerDialog .studentCornerContainer{background-color:var(--whiteColor); max-width:400px; width: var(--fullwidth); position: relative; padding: 20px; border-radius:16px; border: 0.5px solid #959595;} .studentCornerDialog .studentCornerContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .studentCornerDialog .studentCornerContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 400; display: flex; align-items: center; justify-content: center; background-color: var(--whiteColor); width: 30px; height: 30px; border-radius:100%;} .studentCornerDialog .studentCornerContainer h3{font-size: var(--fontsize20);text-align: center; color: var(--greyColor1); margin-bottom:10px; font-family:poppinsbold; } .studentCornerDialog .studentCornerContainer p{font-size: var(--fontsize14); color: var(--whiteColor); margin-bottom:0px; font-family:poppins; } .studentCornerDialog .singularisBlock{background: linear-gradient(270deg, #FF2252 0%, #FC7B04 100%); border-radius:10px; padding:15px; margin-bottom: 15px;} .studentCornerDialog .singularisBlock .logo{display: flex; align-items: center; width: var(--fullwidth); margin-bottom: 10px;} .studentCornerDialog .singularisBlock .logo img{max-width:50%; margin-right:5px;} .studentCornerDialog .singularisBlock ul{ margin:0; padding:0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 2px;} .studentCornerDialog .singularisBlock ul li{list-style-position: inside; margin:0; padding:0; align-items: center; list-style-type: none; display: flex; font-size: var(--fontsize12); color: var(--whiteColor); } .studentCornerDialog .singularisBlock ul li i{margin:0 5px 0 0; width: 5px; height: 5px; border-radius:100%; background-color: var(--whiteColor);} .studentCornerDialog .singularisBlock .actions{display: flex; width: var(--fullwidth); margin:15px 0; justify-content: center} .studentCornerDialog .singularisBlock .actions + p{color: var(--whiteColor); font-family:poppins; font-size: var(--fontsize14); } .studentCornerDialog .singularisBlock .actions a{color:var(--greyColor1); padding:5px 30px;} .studentCornerDialog ol{ margin:0; padding:0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px;} .studentCornerDialog ol li{margin:0; padding:0; font-size: var(--fontsize16); color: var(--greyColor1); font-family:poppinsbold;align-items: center; display: flex;} .studentCornerDialog ol li a{margin:0; padding:0; font-size: var(--fontsize16); color: var(--greyColor1); font-family:poppinsbold;align-items: center; display: flex;} .studentCornerDialog ol li a i{margin-left: 10px;} .studentCornerDialog ol li a:hover{color:var(--primaryColor);} .studentCornerDialog .actions{display: flex; width: var(--fullwidth); margin:15px 0; justify-content: center} .studentCornerDialog .actions a{color:var(--whiteColor); padding:5px 30px;} .studentCornerDialog .actions + p{color: var(--greyColor1); font-size: var(--fontsize12); text-align: center;} .studentCornerDialog .actions + p a{text-decoration: underline;} .studentCornerDialog .actions + p a:hover{text-decoration: none;} .studyAcademicProgrammesWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .studyAcademicProgrammesWrapper .searchSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding:0px 20px 50px} .studyAcademicProgrammesWrapper .searchSection .searchSectionContainer { display:flex; flex-direction: column;width: var(--fullwidth); max-width: 900px; margin:0 auto;} .studyAcademicProgrammesWrapper .searchSection .searchSectionContainer .block{ display:flex; flex-direction: column; background-color:var(--primaryColor); background-repeat: no-repeat; width: var(--fullwidth); margin:-50px auto 20px; position: relative; border-radius: 16px; padding:20px 40px;} .studyAcademicProgrammesWrapper .searchSection h2{ font-size:var(--fontsize24); text-align: center; color:var(--whiteColor); margin:0 0 15px} .studyAcademicProgrammesWrapper .searchSection .searchBlock{display: flex; border-radius: 10px; padding:10px 20px; align-items: center; width: var(--fullwidth); background-color: var(--lightBlue);} .studyAcademicProgrammesWrapper .searchSection .searchBlock i{font-size: var(--fontsize20); margin-right:0px; color:var(--whiteColor);} .studyAcademicProgrammesWrapper .searchSection .searchBlock div{ width: var(--fullwidth);} .studyAcademicProgrammesWrapper .searchSection .searchBlock input[type="search"]{border:0px none; margin:0; padding:2px 10px; width: var(--fullwidth); font-size: var(--fontsize20); color: var(--whiteColor); background-color: transparent;} .studyAcademicProgrammesWrapper .searchSection .searchBlock input[type="search"]::placeholder {font-weight: 500; font-size: var(--fontsize20); color: var(--whiteColor);} .studyAcademicProgrammesWrapper .searchSection .searchBlock input[type="text"]{border:0px none; margin:0; padding:2px 10px; width: var(--fullwidth); font-size: var(--fontsize20); color: var(--whiteColor); background-color: transparent;} .studyAcademicProgrammesWrapper .searchSection .searchBlock input[type="text"]::placeholder {font-weight: 500; font-size: var(--fontsize20); color: var(--whiteColor);} .studyAcademicProgrammesWrapper .searchSection .searchBlock input[type="text"]:focus{outline: 0px none;} .studyAcademicProgrammesWrapper .searchSection ol{display: flex; width: var(--fullwidth); gap:20px; margin:0px 0 0; padding: 0; flex-wrap: wrap;} .studyAcademicProgrammesWrapper .searchSection ol li{display: list-item; list-style: disc; list-style-position: inside; } .studyAcademicProgrammesWrapper .searchSection label{display: flex; font-size:var(--fontsize14); font-weight: 400; color:var(--greyColor2); margin:0 0 15px; align-items: center;} .studyAcademicProgrammesWrapper .searchSection ol li a{display:inline-flex; text-decoration: none; font-size:var(--fontsize14); font-weight: 400; color:var(--greyColor2); margin:0 0px; align-items: center;} .studyAcademicProgrammesWrapper .searchSection ol li::marker{margin-right: 5px; content: '.'; font-size: 1.5em} .studyAcademicProgrammesWrapper .searchSection ol li a:hover{text-decoration: underline; color: var(--primaryColor);} .studyAcademicProgrammesWrapper .searchSectionContainer .block{display: flex; width: var(--fullwidth); background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; flex-direction: column; background-color: var(--primaryColor);} .studyAcademicProgrammesWrapper .coursesSection{ display:flex; flex-direction: column; width: var(--fullwidth); background-color: var(--whiteColor); padding: 50px 0} .studyAcademicProgrammesWrapper .coursesSection .coursesContainer { display:flex; flex-direction: column;width: var(--fullwidth); max-width: var(--maxwidth); margin:0 auto; padding-left: 20px; padding-right: 20px;} .studyAcademicProgrammesWrapper .coursesSection h3{ font-size:var(--fontsize36); text-align: center; color:var(--greyColor1); margin:0 0 15px} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top:30px; } .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left{max-width:none; padding:10px; display: flex; border-radius:0px;margin-bottom: 20px; flex-direction: column; background-color: var(--lightPrimaryColor); background-color: transparent; width: var(--fullwidth); } .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left h3{font-size:var(--fontsize16); font-family:poppins; font-weight: 400; display: flex; align-items: center; color:var(--greyColor3);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock{display: flex; margin-top: 30px; flex-direction: column; width: var(--fullwidth); } .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:first-child{margin-top: 0;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:first-child ul{display: flex; width: var(--fullwidth);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:first-child ul li label{cursor: pointer;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:first-child ul li label span{ border:0px none; border-radius: 0px; border-bottom: 4px solid transparent;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:first-child ul li label input[type="checkbox"]:checked + span{ border:0px none; border-radius: 0px; background-color: transparent; border-bottom: 4px solid var(--primaryColor); color:var(--primaryColor);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul{margin:0; padding: 0; gap: 5px; display: flex; flex-wrap: wrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li{margin:0; display: flex; align-items: center; padding: 0; list-style-type: none;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label{margin-bottom: 0; display: flex; align-items: center;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label input[type="checkbox"]{ display: none; border:2px solid var(--greyColor3); border-radius:2px; width:18px; height: 18px; margin:0 5px 0 0} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label input[type="checkbox"]::after{width: 6px; height:10px; left:4px; top:1px; transform: rotate(50deg);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label span {font-size:var(--fontsize16); text-transform: capitalize; font-weight: 400; color:var(--greyColor3); border:1px solid var(--greyColor5); ;border-radius: 8px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label input[type="checkbox"]:checked + span {font-size:var(--fontsize16); background-color:var(--greyColor1); text-transform: capitalize; font-weight: 400; color:var(--whiteColor); border:1px solid var(--greyColor1); ;border-radius: 8px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right{display: flex; margin-left:0px; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items{display: flex; box-shadow:0px 4px 15px rgba(0, 0, 0, 0.1); position: relative; width: var(--fullwidth); max-width: 220px; overflow: hidden; background-color: var(--whiteColor); transition:all 0.2s ease; flex-direction: column; padding:5px; margin:0px; border-radius:16px; width: var(--fullwidth);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items a{display: flex; flex-direction: column;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items i{transition:all 0.2s ease; border-radius:6px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items i img{height: 281px; object-fit: cover; border-radius: 16px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right h3{ font-size:var(--fontsize20); font-family:poppinsbold; text-align: left; color:var(--blackColor); margin:0 0 15px} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right p{ font-size:var(--fontsize14); font-family:poppins; font-weight: 400; opacity: 0; visibility: hidden; text-align: left; font-family:poppins; color:var(--greyColor1); margin:0 0 15px} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .actions i{display: flex; justify-content: center; align-items: center; background-color: var(--primaryColor); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .actions i{margin:0;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .overlay{position: absolute; left:0; transition:all 0.2s ease; bottom: -60px; background-color: var(--whiteColor); right:0; padding:10px; border-radius:16px; } .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items:hover .overlay{bottom:0;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items:hover .overlay p{opacity: 1; visibility: visible;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items:hover .overlay .actions{opacity: 1; visibility: visible;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper{margin:0; padding: 0; gap: 40px; display: flex; flex-wrap: wrap; border-bottom:1px solid var(--greyColor5);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper a {font-size:var(--fontsize16); text-transform: capitalize; font-weight: 400; color:var(--greyColor3); border:0px none; border-radius: 0px; border-bottom: 4px solid transparent;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper a:hover{font-size:var(--fontsize16); text-transform: capitalize; font-weight: 400; color:var(--greyColor3); border:0px none; border-radius: 0px; border-bottom: 4px solid var(--primaryColor);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper a.active{font-size:var(--fontsize16); text-transform: capitalize; font-weight: 400; color:var(--greyColor3); border:0px none; border-radius: 0px; border-bottom: 4px solid var(--primaryColor);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper li label input[type="checkbox"]:checked + span {font-size:var(--fontsize16); background-color:var(--greyColor1); text-transform: capitalize; font-weight: 400; color:var(--whiteColor); border:1px solid var(--greyColor1); ;border-radius: 8px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .tabcontentss{display: none; flex-direction: column; align-items: center; width:var(--fullwidth); margin-left:0px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .tabcontentss:first-child{display: flex; align-items: center; width:var(--fullwidth); margin-left:0px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .tabcontentss .productMain{display: grid; align-items: flex-start; width:var(--fullwidth); grid-template-columns: repeat(5,minmax(0,1fr)); gap: 20px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper{display: flex; width:var(--fullwidth); gap:15px; margin-bottom: 20px; justify-content: flex-start} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper label{display: flex; align-items: center; cursor: pointer;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper label span{font-size:var(--fontsize16); background-color:transparent; text-transform: capitalize; font-weight: 400; color:var(--greyColor3); border:1px solid var(--greyColor5); ;border-radius: 4px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper label span:hover{font-size:var(--fontsize16); background-color:var(--greyColor1); text-transform: capitalize; font-weight: 400; color:var(--whiteColor); border:1px solid var(--greyColor1); ;border-radius: 4px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper label.active{font-size:var(--fontsize16); background-color:var(--greyColor1); text-transform: capitalize; font-weight: 400; color:var(--whiteColor); border:1px solid var(--greyColor1); ;border-radius: 4px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper label input[type="radio"]{position: absolute; opacity: 0; visibility:hidden;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .subCategoryWrapper label input[type="radio"]:checked + span{ont-size:var(--fontsize16); background-color:var(--greyColor1); text-transform: capitalize; font-weight: 400; color:var(--whiteColor); border:1px solid var(--greyColor1); ;border-radius: 4px; padding: 2px 10px;} .studyAcademicProgrammesWrapper .advtBannerSection{ display:flex; flex-direction: column; width: var(--fullwidth); background-color: var(--whiteColor); padding: 50px 0px} .studyAcademicProgrammesWrapper .advtBannerSection .advtBannerContainer {display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .studyAcademicProgrammesWrapper .advtBannerSection h4{ font-size:var(--fontsize36); font-family:poppins; font-weight: 400; color:var(--whiteColor); margin:0 0 15px} .studyAcademicProgrammesWrapper .advtBannerSection h3{ font-size:var(--fontsize56); color:var(--whiteColor); margin:0 0 15px} .studyAcademicProgrammesWrapper .advtBannerSection p{ font-size:var(--fontsize20); color:var(--whiteColor); margin:0 0 25px} .studyAcademicProgrammesWrapper .advtBannerSection .actions{display: flex;width: var(--fullwidth);} .studyAcademicProgrammesWrapper .advtBannerSection .actions a{background-color: var(--blackColor); padding:5px 45px; font-size:var(--fontsize20); color:var(--whiteColor);} .studyAcademicProgrammesWrapper .advtBannerSection .overlay{background: linear-gradient(90.27deg, #DF5736 8.66%, rgba(0, 0, 0, 0) 89.12%); display:flex; justify-content:center; position: absolute; left:0; top:0; right:0; bottom:0; border-bottom:20px solid var(--blackColor);} .studyAcademicProgrammesWrapper .advtBannerSection .overlay .block{ max-width: var(--maxwidth); width: var(--fullwidth); padding-left: 20px; padding-right: 20px; justify-content:center; margin:0 auto; flex-direction: column; display: flex;} .studyAcademicProgrammesWrapper .matureStudentsSection{ display:flex; flex-direction: column; background-image: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/detail-linebg.png); background-repeat: no-repeat;width: var(--fullwidth); background-size: contain; background-position: center; padding: 50px 20px} .studyAcademicProgrammesWrapper .matureStudentsSection .matureStudentsContainer {max-width: var(--maxwidth); margin:0 auto; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .studyAcademicProgrammesWrapper .matureStudentsSection h4{ font-size:var(--fontsize36); text-align: center; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 15px} .studyAcademicProgrammesWrapper .matureStudentsSection h3{ font-size:var(--fontsize36); text-align: center; color:var(--greyColor1); margin:0 0 15px} .studyAcademicProgrammesWrapper .matureStudentsSection h5{ font-size:var(--fontsize16); color:var(--greyColor1); margin:0 0 15px} .studyAcademicProgrammesWrapper .matureStudentsSection p{ font-size:var(--fontsize14); color:var(--greyColor3); text-align: center; margin:0 0 0px} .studyAcademicProgrammesWrapper .matureStudentsSection ol{display: grid; margin:0; padding: 0; justify-content: center; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 100px;} .studyAcademicProgrammesWrapper .matureStudentsSection ol li{list-style-type: none;} .studyAcademicProgrammesWrapper .matureStudentsSection ol li .thumb{margin-bottom: 15px;} .studyAcademicProgrammesWrapper .matureStudentsSection ol li:nth-child(2){margin-top: 38px;} .studyAcademicProgrammesWrapper .matureStudentsSection ul{margin:0; padding:0; gap:0} .studyAcademicProgrammesWrapper .matureStudentsSection ul li{font-size:var(--fontsize14); margin:0; display: flex; align-items: flex-start; color:var(--greyColor3); list-style-type: none;} .studyAcademicProgrammesWrapper .matureStudentsSection ul li i{margin-right:10px; margin-top: 8px; display: flex; width: 5px; height: 5px; background-color: var(--greyColor3); border-radius: 100%; flex-shrink: 0;} .studyAcademicProgrammesWrapper .matureStudentsSection ul li:nth-child(2){margin-top:0px;} .studyAcademicProgrammesWrapper .matureStudentsSection .actions{display: flex;width: var(--fullwidth); justify-content: center; margin-top: 40px;} .studyAcademicProgrammesWrapper .matureStudentsSection .actions a{padding:10px 45px; color:var(--whiteColor);} .studyAcademicProgrammesWrapper .transferStudentsSection{ display:flex; flex-direction: column; padding: 50px 20px; background-color: var(--whiteColor);} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer {max-width: var(--maxwidth); margin:0 auto; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main{display: flex; gap:50px; width: var(--fullwidth);} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .left{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 60%} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .right{display: flex; width: var(--fullwidth); max-width: 40%} .studyAcademicProgrammesWrapper .transferStudentsSection h3{ font-size:var(--fontsize36); color:var(--greyColor1); margin:0 0 25px} .studyAcademicProgrammesWrapper .transferStudentsSection p{ font-size:var(--fontsize14); color:var(--greyColor1); margin:0 0 25px} .studyAcademicProgrammesWrapper .transferStudentsSection p + p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px} .studyAcademicProgrammesWrapper .transferStudentsSection .actions{display: flex;width: var(--fullwidth); margin-top: 40px;} .studyAcademicProgrammesWrapper .transferStudentsSection .actions a{padding:10px 45px; margin-left: 20px;} .studyAcademicProgrammesWrapper .transferStudentsSection .actions a:first-child{margin-left: 0; border:1px solid var(--primaryColor);} .studyAcademicProgrammesWrapper .advtiseBannerSection{ display:flex; flex-direction: column; padding: 50px 20px;} .studyAcademicProgrammesWrapper .advtiseBannerSection .advtiseBannerContainer {max-width: var(--maxwidth); align-items: center; margin:0 auto; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .studyAcademicProgrammesWrapper .studyWithUsSection{ display:flex; flex-direction: column; padding: 50px 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection .studyWithUsContainer {max-width: var(--maxwidth); margin:0 auto; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .studyAcademicProgrammesWrapper .studyWithUsSection h3{ font-size:var(--fontsize36); text-align: left; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 25px} .studyAcademicProgrammesWrapper .studyWithUsSection h4{ font-size:var(--fontsize24); color:var(--whiteColor); margin:0 0 15px} .studyAcademicProgrammesWrapper .studyWithUsSection p{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px} .studyAcademicProgrammesWrapper .studyWithUsSection .actions{display: flex;width: var(--fullwidth); justify-content: flex-end} .studyAcademicProgrammesWrapper .studyWithUsSection .actions a{width:40px; height: 40px; background-color: var(--primaryColor); color:var(--whiteColor); border-radius:100%; display: flex; align-items: center; justify-content: center;} .studyAcademicProgrammesWrapper .studyWithUsSection ol{display: grid; margin:0; padding: 0; justify-content: center; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 25px;} .studyAcademicProgrammesWrapper .studyWithUsSection ol li{margin:0; padding: 20px; list-style-type: none; border-radius:8px; background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; flex-direction: column; background-color: var(--primaryColor);} .searchResultWrapper{display: flex; flex-direction: column; max-width: var(--maxwidth); margin:0 auto; width: var(--fullwidth); padding-top:205px; padding-bottom:50px;} .searchResultWrapper .page-header{display: flex; width: var(--fullwidth); padding:0; margin:0; padding-bottom:10px;} .searchResultWrapper .page-header h1{font-size:var(--fontsize24);} .searchResultWrapper .search-result-count{margin-left: 0; margin-right: 0;} .searchResultWrapper article{display: flex; margin-top:20px; background-color: var(--whiteColor); padding:10px; border-radius:8px; flex-direction: column; width: var(--fullwidth);} .searchResultWrapper article header{display: flex; margin:0 0 15px; padding: 0; text-align: left; flex-direction: column; width: var(--fullwidth);} .searchResultWrapper article header h2{display: flex; font-size:var(--fontsize24); margin:0 0 20px; padding: 0; flex-direction: column; width: var(--fullwidth);} .searchResultWrapper article .entry-content{margin:0;} .searchResultWrapper article .entry-content p{margin:0; max-width: none!important; margin-left: 0; margin-right: 0;} .searchResultWrapper article .entry-footer{max-width: none; margin:0; padding: 0; background-color: transparent;} .searchResultWrapper article .entry-footer span{font-size:var(--fontsize14);} .searchResultWrapper article .post-thumbnail{max-width: none; margin:0; padding-left: 0; padding-right: 0;} .searchResultWrapper article .post-thumbnail img{max-width: none; margin-left: 0; margin-right: 0; margin:0;} .searchResultWrapper article:last-child{margin-bottom: 20px;} .searchResultWrapper .page-header{margin-bottom:0!important;} .searchResultWrapper .page-content{margin:20px 0;} .single-post {background-color: var(--whiteColor);} body.archive.category {background-color: var(--whiteColor);} .postDetailWrapper{display: flex; flex-direction: column; background-color: var(--whiteColor); max-width: var(--maxwidth); margin:0 auto; width: var(--fullwidth); padding-top: 140px;} .postDetailWrapper .page-header{display: flex; width: var(--fullwidth); padding:0; margin:0 auto; padding-bottom:10px;} .postDetailWrapper .page-header h1{font-size:var(--fontsize24);} .postDetailWrapper article{display: flex; margin-top:20px; background-color: var(--whiteColor); padding:10px; border-radius:8px; flex-direction: column; width: var(--fullwidth); max-width: 600px; margin: 0 auto;} .postDetailWrapper article header{display: flex; margin:0 0 15px; padding: 0; text-align: left; flex-direction: column; width: var(--fullwidth);} .postDetailWrapper article header h1{display: flex; font-size:var(--fontsize24); margin:0 0 20px; padding: 0; flex-direction: column; width: var(--fullwidth);} .postDetailWrapper article .entry-content{margin:0;} .postDetailWrapper article .entry-content p{margin:0; max-width: none!important; margin-left: 0; margin-right: 0;} .postDetailWrapper article .entry-footer{max-width: none; margin:0; padding: 0; background-color: transparent;} .postDetailWrapper article .entry-footer span{font-size:var(--fontsize14);} .postDetailWrapper article .entry-footer .posted-by{gap: 10px; display: flex;} .postDetailWrapper article .post-thumbnail{max-width: none; margin:0; padding-left: 0; padding-right: 0;} .postDetailWrapper article .post-thumbnail img{max-width: none; margin-left: 0; margin-right: 0; margin:0;} .postDetailWrapper article:last-child{margin-bottom: 20px;} .postDetailWrapper .page-header{margin-bottom:0!important;} .postDetailWrapper .page-content{margin:20px 0;} .postDetailWrapper .comments-area{width: var(--fullwidth); padding: 10px; margin: 0; display:none} .postDetailWrapper .comments-area h2{display: flex; font-size:var(--fontsize24); margin:0 0 20px; padding: 0; flex-direction: column; width: var(--fullwidth);} .postDetailWrapper .comments-area .form-submit input[type="submit"]{font-size:var(--fontsize14); background-color: var(--primaryColor); color: var(--whiteColor); border-radius: 4px; font-family: poppinsbold; padding: 5px 10px;} .single-post .comments-area + .post-navigation{display: flex; margin:0 auto; padding: 15px; max-width: var(--maxwidth); width: var(--fullwidth);} .single-post .nav-links{ width: var(--fullwidth); margin: 30px 0;} .single-post .nav-links .nav-next{margin-top: 0;} .single-post .navigation{margin:0 auto;} .transferToMecWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 52px;} .transferToMecWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .transferToMecWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .transferToMecWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .transferToMecWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .transferToMecWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .transferToMecWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .transferToMecWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .transferToMecWrapper .decisionSection{ display:flex; flex-direction: column; padding: 50px 20px;} .transferToMecWrapper .decisionSection .decisionContainer {max-width: var(--maxwidth); margin:0 auto; align-items: center; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .transferToMecWrapper .decisionSection h3{ font-size:var(--fontsize28); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 15px} .transferToMecWrapper .decisionSection h4{ font-size:var(--fontsize24); color:var(--greyColor1);font-family:poppins; font-weight: 400; margin:0 0 15px} .transferToMecWrapper .decisionSection ol li h4{ font-size:var(--fontsize24); color:var(--whiteColor);font-family:poppinsbold; font-weight: 400; margin:0 0 5px} .transferToMecWrapper .decisionSection ol li h4 a{ font-size:var(--fontsize24); color:var(--whiteColor);font-family:poppinsbold; font-weight: 400; margin:0 0 5px} .transferToMecWrapper .decisionSection ol li p{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 20px} .transferToMecWrapper .decisionSection p{ font-size:var(--fontsize16); color:var(--greyColor3); margin:0 0 20px} .transferToMecWrapper .decisionSection .actions{display: flex;width: var(--fullwidth); justify-content: flex-end} .transferToMecWrapper .decisionSection .actions a{width:40px; height: 40px; background-color: var(--primaryColor); color:var(--whiteColor); border-radius:100%; display: flex; align-items: center; justify-content: center;} .transferToMecWrapper .decisionSection ol{display: flex; margin:30px 0 0; padding: 0; display: flex; justify-content: center; gap: 45px;} .transferToMecWrapper .decisionSection ol li{margin:0; display: flex; min-height: 200px; padding: 20px; max-width: 30%; list-style-type: none; justify-content: space-between; border-radius:8px; background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; flex-direction: column; background-color: var(--primaryColor);} .transferToMecWrapper .decisionSection ol li i{width:100%; height: 50px; display: flex; object-fit: contain; max-width: 50px;} .transferToMecWrapper .decisionSection ol li div{display: flex; flex-direction: column; width: var(--fullwidth);} .transferToMecWrapper .decisionSection ol li div p{white-space: normal; margin-bottom: 0;} .transferToMecWrapper .decisionSection ol li:nth-child(2){background-color: var(--lightGreen);} .transferToMecWrapper .decisionSection ol li:nth-child(3){background-color: var(--lightRed);} .transferToMecWrapper .admissionSection{ display:flex; flex-direction: column; padding: 50px 20px; background-color: var(--whiteColor);} .transferToMecWrapper .admissionSection .admissionContainer {max-width: var(--maxwidth); margin:0 auto; gap:10%; align-items: flex-start; display:flex; position: relative; width: var(--fullwidth);} .transferToMecWrapper .admissionSection h3{ font-size:var(--fontsize36); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 15px} .transferToMecWrapper .admissionSection p{ font-size:var(--fontsize14); color:var(--greyColor1);font-family:poppins; font-weight: 400; margin:0 0 15px} .transferToMecWrapper .admissionSection h4{ font-size:var(--fontsize14); color:var(--greyColor3);font-family:poppins; font-weight: 400; margin:0 0 5px} .transferToMecWrapper .admissionSection h5{ font-size:var(--fontsize20); color:var(--greyColor1);font-family:poppinsbold; font-weight: 400; letter-spacing: 0; margin:0 0 5px} .transferToMecWrapper .admissionSection .left{display: flex; align-items: flex-start; flex-direction: column; width: var(--fullwidth); max-width: 60%} .transferToMecWrapper .admissionSection .right{display: flex; align-items: flex-start; flex-direction: column; width: var(--fullwidth); max-width:20%} .transferToMecWrapper .admissionSection ul {margin:0 0 30px; padding: 0; display: flex; gap:5px; flex-direction: column;} .transferToMecWrapper .admissionSection ul li{ list-style-position:inside; display:flex; color: var(--greyColor3); font-size:var(--fontsize14); } .transferToMecWrapper .admissionSection ul li i{display: flex; margin-right: 10px; margin-top: 8px; flex-shrink: 0; width:5px; height: 5px; background-color: var(--greyColor3); border-radius: 100%} .transferToMecWrapper .admissionSection div{color: var(--greyColor3); font-size:var(--fontsize14);} .transferToMecWrapper .admissionSection .addressBlock{display: flex; flex-direction: column; width: var(--fullwidth); margin-top: 50px;} .transferToMecWrapper .admissionSection .actions{display: flex;width: var(--fullwidth);} .transferToMecWrapper .admissionSection .actions a{background-color: var(--primaryColor); color:var(--whiteColor); display: flex; align-items: center; justify-content: center;} .admissionRequirementWrapper{display:flex; flex-direction: column; padding:140px 20px 50px;} .admissionRequirementWrapper .admissionRequirementContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .admissionRequirementWrapper h3{ font-size:var(--fontsize48); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 45px} .admissionRequirementWrapper h4{ font-size:var(--fontsize18); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 5px} .admissionRequirementWrapper .breadcrumbWrapper a{color: var(--greyColor3);} .admissionRequirementWrapper .breadcrumbWrapper span{color: var(--greyColor3);} .admissionRequirementWrapper .formWrapper{background-color: var(--whiteColor); border-radius:16px; bordeR:1px solid var(--greyColor5); padding: 20px; max-width: 1000px; margin:0 auto; width: var(--fullwidth);} .admissionRequirementWrapper .formWrapper .form-group{display: flex; margin-bottom: 25px;} .admissionRequirementWrapper .formWrapper .form-group > p{display: flex; flex-direction: column; margin-bottom:0px; width: var(--fullwidth);} .admissionRequirementWrapper .formWrapper .form-group p label{ display: flex; font-size:var(--fontsize18);margin:0 0 10px; text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1);} .admissionRequirementWrapper .formWrapper .form-group select{background-color: var(--greyColor4); border-radius:8px; border:0px none; width: var(--fullwidth); } .admissionRequirementWrapper .formWrapper .form-group .wpcf7-list-item{margin: 0;} .admissionRequirementWrapper .formWrapper .form-group .wpcf7-list-item label{margin-bottom: 0; display: flex; cursor: pointer; align-items: center; margin-right: 15px;} .admissionRequirementWrapper .formWrapper .form-group .wpcf7-list-item label input[type="radio"]{margin-right:5px;} .admissionRequirementWrapper .formWrapper .form-actions{width: var(--fullwidth); margin-top:20px; display: flex; justify-content: center; align-items: center;} .admissionRequirementWrapper .formWrapper .form-actions input[type="submit"]{background-color: var(--greyColor3); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .admissionRequirementWrapper .formWrapper .form-actions input[type="submit"]:hover{background-color: var(--greyColor3); border-color: var(--greyColor3); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .admissionRequirementWrapper .formWrapper .form-group .wpcf7-not-valid-tip{text-align: left} .admissionRequirementWrapper ul{margin: 0 0 30px; padding: 0;} .admissionRequirementWrapper ul li{margin: 0; padding: 0; list-style-position: inside;} .admissionRequirementWrapper ol{margin: 0 0 30px; padding: 0;} .admissionRequirementWrapper ol li{margin:10px 0 10px; padding: 0; list-style-position: inside;} .admissionRequirementWrapper ol li ul{margin-bottom:10px; margin-left: 20px;} .admissionRequirementWrapper a{text-decoration: underline;} .workWithMecWrapper{display:flex; flex-direction: column; padding:79px 0px 50px;} .workWithMecWrapper .workWithMecContainer{margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .workWithMecWrapper h3{ font-size:var(--fontsize48); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 45px} .workWithMecWrapper h4{ font-size:var(--fontsize18); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 5px} .workWithMecWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .workWithMecWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .workWithMecWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .workWithMecWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .workWithMecWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .workWithMecWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .workWithMecWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .workWithMecWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .workWithMecWrapper .categorySections{display: flex; flex-direction:column; position: relative; width: var(--fullwidth); z-index: 1; margin-top: -40px; padding-left: 20px; padding-right: 20px;} .workWithMecWrapper .categorySections .categoryContainer{display: flex; align-items: center; max-width: var(--maxwidth); margin:0 auto; flex-direction:column; position: relative; width: var(--fullwidth); z-index: 1; margin-top:0px;} .workWithMecWrapper .categorySections .tabsWrapper{display: flex; box-shadow: 0px 1px 4px rgba(154, 199, 245, 0.45);max-width: 520px; padding: 15px; margin:0 auto; width: var(--fullwidth); background-color:var(--whiteColor); border-radius:8px;} .workWithMecWrapper .categorySections .tabsWrapper a{font-size:var(--fontsize18); color:var(--greyColor5); padding:2px 15px; display: flex; align-items: center;} .workWithMecWrapper .categorySections .tabsWrapper a.active{background-color: var(--primaryColor); padding:2px 15px; color:var(--whiteColor);border-radius:8px;} .workWithMecWrapper .categorySections .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .workWithMecWrapper .categorySections .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .workWithMecWrapper .categorySections .tabsWrapper a:first-child{margin-left: 0;} .workWithMecWrapper .categorySections .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .workWithMecWrapper .categorySections .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .workWithMecWrapper .categorySections .tabcontentss{flex-direction: column; width: var(--fullwidth);} .workWithMecWrapper .categorySections .tabcontentss p{margin-bottom: 20px;} .workWithMecWrapper .categorySections .accordion{cursor: pointer; margin:10px 0; padding: 15px 15px; background-color: var(--whiteColor); border-radius: 10px; border:1px solid var(--greyColor5); font-family:poppinsbold;font-size: var(--fontsize16);} .workWithMecWrapper .categorySections .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:poppinsbold; margin-left: 5px; font-size: var(--fontsize24);} .workWithMecWrapper .categorySections .panel {transition: all 0.2s ease; flex-direction: column; padding: 18px 18px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .workWithMecWrapper .categorySections .accordion.active{background-color: var(--greyColor5);} .workWithMecWrapper .categorySections .tabcontentss .accordion.active + .panel {padding: 18px; flex-direction: column; font-family:poppins;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .workWithMecWrapper .categorySections .tabcontentss .accordion.active:after {content: "\2212";} .workWithMecWrapper .categorySections .tabcontentss a:hover{border-radius: 56px; font-family:poppinsbold; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .workWithMecWrapper .categorySections .tabcontentss .accordionSection{width:var(--fullwidth);} .workWithMecWrapper .categorySections .tabcontentss p {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .workWithMecWrapper .categorySections .tabcontentss ul {margin:0px 0 20px; padding: 0;} .workWithMecWrapper .categorySections .tabcontentss ul li {margin:0px 0 10px; padding: 0; margin-inline-start: 20px;} .workWithMecWrapper .categorySections .tabcontentss h6{margin:0 0 20px; } .workWithMecWrapper .categorySections .tabcontentss a{color:var(--primaryColor);} .workWithMecWrapper .categorySections .tabcontentss a:hover{border:0px none; padding: 0; font-family:poppins;} .workWithMecWrapper .breadcrumbWrapper a{color: var(--greyColor3);} .workWithMecWrapper .breadcrumbWrapper span{color: var(--greyColor3);} .workWithMecWrapper .formWrapper{background-color: var(--whiteColor); border-radius:16px; border:1px solid var(--greyColor5); padding: 20px; max-width: 1000px; margin:0 auto; width: var(--fullwidth);} .workWithMecWrapper .formWrapper .form-group{display: flex; margin-bottom: 25px;} .workWithMecWrapper .formWrapper .form-group-main{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 25px;} .workWithMecWrapper .formWrapper .form-group > p{display: flex; flex-direction: column; margin-bottom:0px; width: var(--fullwidth);} .workWithMecWrapper .formWrapper .form-group p label{ display: flex; font-size:var(--fontsize18);margin:0 0 10px; text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1);} .workWithMecWrapper .formWrapper .form-group input[type="text"]{background-color: var(--greyColor4); padding: 10px 10px; border-radius:8px; border:0px none; width: var(--fullwidth); } .workWithMecWrapper .formWrapper .form-group input[type="text"]:focus{outline: 0px none} .workWithMecWrapper .formWrapper .form-group input[type="email"]:focus{outline: 0px none} .workWithMecWrapper .formWrapper .form-group input[type="tel"]:focus{outline: 0px none} .workWithMecWrapper .formWrapper .form-group input[type="email"]{background-color: var(--greyColor4); padding: 10px 10px; border-radius:8px; border:0px none; width: var(--fullwidth); } .workWithMecWrapper .formWrapper .form-group input[type="tel"]{background-color: var(--greyColor4); padding: 10px 10px; border-radius:8px; border:0px none; width: var(--fullwidth); } .workWithMecWrapper .formWrapper .form-group .wpcf7-list-item{margin: 0;} .workWithMecWrapper .formWrapper .form-group .wpcf7-list-item label{margin-bottom: 0; display: flex; cursor: pointer; align-items: center; margin-right:0px;} .workWithMecWrapper .formWrapper .form-group .wpcf7-list-item label input[type="radio"]{margin-right:5px;} .workWithMecWrapper .formWrapper .form-actions{width: var(--fullwidth); margin-top:20px; display: flex; justify-content: center; align-items: center;} .workWithMecWrapper .formWrapper .form-actions input[type="submit"]{background-color: var(--greyColor3); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .workWithMecWrapper .formWrapper .form-actions input[type="submit"]:hover{background-color: var(--greyColor3); border-color: var(--greyColor3); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .workWithMecWrapper .formWrapper .form-group .wpcf7-not-valid-tip{text-align: left} .workWithMecWrapper .formWrapper .form-group input[type="checkbox"]{margin:0; padding:0; width: 16px; height: 16px; margin-right: 5px; border:1px solid var(--greyColor1)} .workWithMecWrapper .formWrapper .form-group input[type="checkbox"]::after{left: 4px; top:1px; width: 6px; height: 10px; transform: rotate(50deg); } .workWithMecWrapper .formWrapper .form-group .wpcf7-acceptance label{font-family:poppins; font-size: var(--fontsize14); color: var(--greyColor3);} .admissionPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top:52px;} .admissionPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .admissionPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .admissionPageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .admissionPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .admissionPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .admissionPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .admissionPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .admissionPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .admissionPageWrapper .eligibleSection{display:flex; flex-direction: column; padding:50px 20px 50px; background-color: var(--whiteColor);} .admissionPageWrapper .eligibleContainer{max-width: var(--maxwidth); margin:0 auto; align-items: center; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .admissionPageWrapper h3{ font-size:var(--fontsize28); text-align: center; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 45px} .admissionPageWrapper h4{ font-size:var(--fontsize18); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 10px} .admissionPageWrapper .eligibleSection ol{display: flex; flex-direction: column;max-width: 660px; margin: 0 auto; width: var(--fullwidth); background-position: center left; background-repeat: no-repeat; background-image: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/admissions-line.png);} .admissionPageWrapper .eligibleSection ol li{margin:25px 0 0; position: relative; padding: 0; display: flex;} .admissionPageWrapper .eligibleSection ol li:nth-child(1) .stepContent{margin-top:30px} .admissionPageWrapper .eligibleSection ol li:nth-child(2){margin-left:24%; margin-bottom:8%} .admissionPageWrapper .eligibleSection ol li .stepThumb{margin-right: 20px;} .admissionPageWrapper .eligibleSection ol li p{font-size:var(--fontsize14); text-align: left; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 10px;} .admissionPageWrapper .eligibleSection ol li ul{margin:0; padding: 0; gap:10px; display: flex; flex-direction: column;} .admissionPageWrapper .eligibleSection ol li ul li{color:var(--greyColor3); margin:0; flex-direction:row; align-items: flex-start; justify-content: flex-start; list-style-position: inside; display: flex;} .admissionPageWrapper .eligibleSection ol li ul li i{ margin:10px 0 0; margin-right: 5px; background-color: var(--greyColor3); width:5px; height: 5px; border-radius:5px; flex-shrink: 0; display: flex;} .admissionPageWrapper .eligibleSection ol li ul li a{color:var(--primaryColor); font-weight: 400; font-family:poppinsbold;} .admissionPageWrapper .eligibleSection ol li ul li:nth-child(1){margin-top:0%} .admissionPageWrapper .eligibleSection ol li ul li:nth-child(2){margin-left:0%} .admissionPageWrapper .eligibleSection ol li::before{content:''; position: absolute; left:0; width:24px; height: 24px; background-color: var(--primaryColor); border: 3px solid #FFFFFF; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.2); border-radius: 15px;} .admissionPageWrapper .eligibleSection ol li ul li::before{display: none} .admissionPageWrapper .eligibleSection ol li:nth-child(1)::before{top:36%; left: -44px;} .admissionPageWrapper .eligibleSection ol li:nth-child(2)::before{top:0%; left: -72px;} .admissionPageWrapper .eligibleSection ol li:nth-child(3)::before{top:0%; left: -44px;} .admissionPageWrapper .documentsSection{display:flex; flex-direction: column; padding:50px 20px 50px;} .admissionPageWrapper .documentsContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .admissionPageWrapper h3{ font-size:var(--fontsize28); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 0px} .admissionPageWrapper .documentsSection ul{margin: 20px 0; padding: 0;} .admissionPageWrapper .documentsSection ul li {list-style-position: inside; font-size:var(--fontsize14); font-family:poppins; font-weight: 400; color:var(--greyColor3);} .admissionPageWrapper .contactSection{display:flex; flex-direction: column; padding:79px 20px 50px; background-color: var(--whiteColor);} .admissionPageWrapper .contactContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .admissionPageWrapper .contactSection h5{ font-size:var(--fontsize18); letter-spacing: 0; text-align: left; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 0px} .admissionPageWrapper .contactSection h3{ font-size:var(--fontsize28); text-align: left; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 0px} .admissionPageWrapper .contactSection .addressBlock{display: flex; margin-top: 40px; width: var(--fullwidth);} .admissionPageWrapper .contactSection .addressBlock ol{ margin:0; width: var(--fullwidth); padding: 0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;} .admissionPageWrapper .contactSection .addressBlock ol li{display: flex; margin:0; flex-direction: column; padding: 0;} .admissionPageWrapper .contactSection .addressBlock ol li p{font-size:var(--fontsize18); letter-spacing: 0; text-align: left; font-family:poppins; font-weight: 400; color:var(--blackColor); margin:0 0 0px} .admissionPageWrapper .contactSection .addressBlock ol li address{font-style: normal; font-size:var(--fontsize18); font-weight: 400;} .admissionPageWrapper .contactSection .addressBlock ol li address div{font-weight: 400; gap:5px; display: flex; align-items: center;} .admissionPageWrapper .contactSection .addressBlock ol li address div span{font-weight: 400;font-family:poppinsbold;} .admissionPageWrapper .contactPersonBlock{display: flex; width: var(--fullwidth);} .admissionPageWrapper .contactPersonBlock ol{display: flex;width: var(--fullwidth); margin:30px 0 0; padding: 0; display: flex; gap: 45px;} .admissionPageWrapper .contactPersonBlock ol li{margin:0; width: var(--fullwidth); display: flex; min-height: 200px; padding: 20px; max-width: 30%; list-style-type: none; justify-content: space-between; border-radius:8px; background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; flex-direction: column; background-color: var(--primaryColor);} .admissionPageWrapper .contactPersonBlock ol li i{width:100%; height: 50px; display: flex; object-fit: contain; max-width: 50px;} .admissionPageWrapper .contactPersonBlock ol li div{display: flex; flex-direction: column; width: var(--fullwidth);} .admissionPageWrapper .contactPersonBlock ol li div div{display: flex; flex-direction: row; width: var(--fullwidth); color:var(--whiteColor);} .admissionPageWrapper .contactPersonBlock ol li div div span{font-weight: 400; font-family:poppinsbold;} .admissionPageWrapper .contactPersonBlock ol li div p{white-space: normal; margin-bottom: 0;} .admissionPageWrapper .contactPersonBlock ol li h4{ font-size:var(--fontsize18); letter-spacing: 0; text-align: left; color:var(--whiteColor); margin:0 0 0px} .admissionPageWrapper .contactPersonBlock ol li p{ font-size:var(--fontsize14); letter-spacing: 0; text-align: left; color:var(--whiteColor); margin:0 0 0px} .alumniEngagementPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .alumniEngagementPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .alumniEngagementPageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .alumniEngagementPageWrapper .contentSection{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .alumniEngagementPageWrapper .contentSection .contentContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; flex-direction: c; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .alumniEngagementPageWrapper .contentSection .contentContainer ol{display: flex; margin:0; padding:0; width: var(--fullwidth); gap: 20px;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li{display: flex; flex-direction: column; width: var(--fullwidth); } .alumniEngagementPageWrapper .contentSection .contentContainer ol li:first-child{max-width:70%} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:last-child{max-width:30%} .alumniEngagementPageWrapper .contentSection .contentContainer ol li p{font-size:var(--fontsize16); font-family:poppins; margin:0 0 20px; font-weight: 400; color:var(--greyColor1); font-family:poppinssemibold;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li p + p{color:var(--greyColor3);} .alumniEngagementPageWrapper .contentSection .contentContainer ol li ul{margin:0px; padding: 0; gap:10px; display: flex; flex-direction: column;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li ul li{margin:0px; padding: 0; font-family:poppinsbold; font-size:var(--fontsize15); font-weight: 400; color:var(--greyColor1); display: list-item; list-style-position: inside;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li ul li:last-child{max-width: none} .alumniEngagementPageWrapper .contentSection1{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .alumniEngagementPageWrapper .contentSection1 .contentContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol{display: flex; margin:0; padding:0; width: var(--fullwidth); gap: 20px;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li{display: flex; flex-direction: column; width: var(--fullwidth); } .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width:30%} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width:70%} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li p{font-size:var(--fontsize16); font-family:poppins; margin:0 0 0px; font-weight: 400; color:var(--greyColor3);} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li h4{font-size:var(--fontsize28); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .alumniEngagementPageWrapper .alumniActivitiesSection{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h5{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 10px; font-family:poppins; font-weight: normal} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3{font-size:var(--fontsize26); color:var(--greyColor1); font-weight:400; margin:0 0 45px; font-family:poppinsbold;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer ol{display: flex; margin:0; padding:0; width: var(--fullwidth); flex-wrap: wrap; gap:30px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer ol li {display: flex; flex-direction: column; width: var(--fullwidth); max-width: 360px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer ol li .thumb{margin-bottom: 10px; height:355px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer ol li .thumb img{object-fit: cover; height: 355px; width: 100%} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer ol li h4{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 5px; font-family:poppinsbold;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer ol li p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 0px; font-family:poppins;} .alumniEngagementPageWrapper .alumniSpotlightSection::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-blend-mode: soft-light; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor1); background-position: center; background-size: cover; } .alumniEngagementPageWrapper .alumniSpotlightSection{ display:flex; flex-direction: column; position: relative; width: var(--fullwidth); padding: 50px 20px; } .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSpotlightContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSpotlightContainer .left{display: flex; flex-direction: column; max-width: none; flex: 1} .alumniEngagementPageWrapper .alumniSpotlightSection h2{ font-size:var(--fontsize32); text-align: center; color:var(--whiteColor); margin:0 0 45px} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider{display: flex; width: var(--fullwidth);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items{display: flex; transition: all 0.2s ease; transform: scale(0.9); width: var(--fullwidth); opacity: 0.5; background-color:var(--whiteColor); margin: 0 10px; border-radius:16px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items .thumb{max-width: 350px; flex-shrink: 0; width: var(--fullwidth);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{object-fit: cover; height: 100%; border-radius:16px 0 0 16px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items h3{font-size:var(--fontsize24); color:var(--greyColor1); margin:0 0 5px} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items h5{font-size:var(--fontsize22); color:var(--greyColor1); margin:0 0 5px} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items p{font-size:var(--fontsize14); color:var(--greyColor1); margin:0 0 5px} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items h5 + p{font-size:var(--fontsize14); color:var(--greyColor2); margin:0 0px} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items .thumbContent{display: flex; flex-direction: column; padding:20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items h5 i{color:var(--greyColor5); margin: 10px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items.slick-current{opacity: 1; transform: scale(1);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-list{display: flex; width: var(--fullwidth);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-track{display: flex; width: var(--fullwidth);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-dots{display: flex; align-items: center; justify-content: center; bottom: 125px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li{display: flex; align-items: center; width: auto;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li a{display: flex; align-items: center; width:auto;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-next{background-color: transparent;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .slick-prev{background-color: transparent;} .alumniEngagementPageWrapper .eventsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .alumniEngagementPageWrapper .eventsSection .eventsContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .alumniEngagementPageWrapper .eventsSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .alumniEngagementPageWrapper .eventsSection h3{ font-size:var(--fontsize16); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .alumniEngagementPageWrapper .eventsSection h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .alumniEngagementPageWrapper .eventsSection p{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 0px; display: flex; justify-content: space-between} .alumniEngagementPageWrapper .eventsSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .alumniEngagementPageWrapper .eventsSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .alumniEngagementPageWrapper .eventsSection ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .alumniEngagementPageWrapper .eventsSection ol li{display: flex; position: relative; transition:all 0.2s ease; height: 242px; justify-content: space-between; flex-direction: column; border-radius:16px;padding:15px;} .alumniEngagementPageWrapper .eventsSection ol li:hover{box-shadow: 0 0 0 4px var(--primaryColor);} .alumniEngagementPageWrapper .eventsSection ol li .date{display: flex; width: var(--fullwidth); align-items:center } .alumniEngagementPageWrapper .eventsSection ol li .date div{flex-direction: column; display: flex;} .alumniEngagementPageWrapper .eventsSection ol li .date i{color:var(--primaryColor); font-size:var(--fontsize24); margin-right: 10px;} .alumniEngagementPageWrapper .eventsSection ol li .location{display: flex; border-top:1px solid var(--primaryColor); width: var(--fullwidth);padding-top: 10px; align-items:center; font-size:var(--fontsize14); color:var(--whiteColor);} .alumniEngagementPageWrapper .eventsSection ol li .location i{color:var(--whiteColor); font-size:var(--fontsize24); margin-right: 10px;} .alumniEngagementPageWrapper .eventsSection ol li::after {content: ""; position: absolute; top: 0; left: 0;border-radius: 16px; width: 100%; height: 100%; background-blend-mode: overlay; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor2); background-position: center; background-size: cover; } .alumniEngagementPageWrapper .contactSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color: var(--whiteColor);} .alumniEngagementPageWrapper .contactSection .contactContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .alumniEngagementPageWrapper .contactSection .contactContainer p{ font-size:var(--fontsize18); color:var(--greyColor1); margin:0 0 0px; display: flex; justify-content: space-between} .alumniEngagementPageWrapper .contactSection .contactContainer h3{ font-size:var(--fontsize24); color:var(--greyColor1); margin:0 0 0px; display: flex; justify-content: space-between} .alumniEngagementPageWrapper .contactSection .contactContainer h3 + p{color:var(--greyColor3); font-size:var(--fontsize14);} .alumniEngagementPageWrapper .contactSection .contactContainer address{display: flex; margin-top: 10px; font-style: normal; flex-direction: column;} .alumniEngagementPageWrapper .contactSection .contactContainer address div{display: flex; color:var(--greyColor3); font-size:var(--fontsize18); font-style: normal;} .alumniEngagementPageWrapper .contactSection .contactContainer address div span{color:var(--greyColor1); font-weight: 400; margin-left: 15px;} .mecCampusPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .mecCampusPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .mecCampusPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .mecCampusPageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .mecCampusPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .mecCampusPageWrapper .contentSection1{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .mecCampusPageWrapper .contentSection1 .contentContainer{max-width: var(--maxwidth); margin:0 auto; align-items: flex-start; display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .mecCampusPageWrapper .contentSection1 .contentContainer ol{display: flex; margin:0; padding:0; width: var(--fullwidth); gap: 50px;} .mecCampusPageWrapper .contentSection1 .contentContainer ol li{display: flex; flex-direction: column; justify-content: center; width: var(--fullwidth); } .mecCampusPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width:50%} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width:50%} .mecCampusPageWrapper .contentSection1 .contentContainer ol li p{font-size:var(--fontsize13); font-family:poppins; margin:0 0 15px; font-weight: 400; color:var(--greyColor3);} .mecCampusPageWrapper .contentSection1 .contentContainer ol li p b{color:var(--greyColor1);} .mecCampusPageWrapper .contentSection1 .contentContainer ol li h4{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .mecCampusPageWrapper .contentSection1 .contentContainer ul{display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin:40px 0 0; padding:0; width: var(--fullwidth); gap: 30px;} .mecCampusPageWrapper .contentSection1 .contentContainer ul li{display: flex; flex-direction: column; justify-content: center; width: var(--fullwidth); } .aboutPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .aboutPageWrapper .heroWrapper .heroSlider {display: flex; margin-bottom: 0; width: var(--fullwidth); height: auto; z-index: unset;} .aboutPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .aboutPageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .aboutPageWrapper .heroWrapper .heroSlider .slick-dots{bottom:20px} .aboutPageWrapper .aboutMecWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer{max-width: var(--maxwidth); margin:0 auto; align-items: center; display: flex; gap:40px; position: relative; width: var(--fullwidth);} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .left{display: flex; flex-direction: column; max-width: none; flex:1; width: var(--fullwidth);} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .right{display: flex; align-items: center; flex-direction: column; max-width: 400px; width: var(--fullwidth);} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h3{font-size:var(--fontsize36); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h4{font-size:var(--fontsize28); color:var(--whiteColor); text-align: center; font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 15px; font-weight: normal} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .infoBlock{background-color: var(--greyColor2); position: relative; border-radius:16px; padding: 30px;} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .infoBlock::before{content: ''; position: absolute; left:0; top:0; bottom:0; right:0; width:var(--fullwidth); height:var(--fullheight); background-image: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/about-shape-bg.png); background-repeat:no-repeat;} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .infoBlock ol{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin:0px 0 0; padding:0; width: var(--fullwidth); gap: 30px;} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .infoBlock ol li{display: flex; align-items: center; font-size:var(--fontsize63); font-family:poppinsbold; color:var(--lightRed); justify-content: center; width: var(--fullwidth); } .aboutPageWrapper .aboutMecWrapper .aboutMecContainer .infoBlock ol li div{font-size:var(--fontsize14); margin-left: 10px; color:var(--whiteColor); font-weight:400; font-family:poppins;} .aboutPageWrapper .ourValuesWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; align-items: center; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol{margin:0; padding:0; display: grid; background-color: var(--greyColor4); border-radius:26px; gap:40px; width:var(--fullwidth); padding: 20px; grid-template-columns: repeat(5,minmax(0,1fr)); } .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li{display: flex; width:var(--fullwidth); align-items: center; justify-content: center; flex-direction: column;} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li .thumb{display: flex; align-items: center;} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li .thumb i{background-color: var(--whiteColor); margin-right: 15px; border-radius:8px; width:48px; height: 48px; display: flex; align-items: center; justify-content: center} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li p{margin-bottom: 0; color:var(--greyColor2); min-height: 70px; margin-top: 20px;} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li:nth-child(1) .thumb i{box-shadow: 0px 4px 4px rgba(77, 159, 252, 0.2);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li:nth-child(2) .thumb i{box-shadow: 0px 4px 4px rgba(255, 104, 93, 0.2);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li:nth-child(3) .thumb i{box-shadow: 0px 4px 4px rgba(255, 212, 93, 0.2);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li:nth-child(4) .thumb i{box-shadow: 0px 4px 4px rgba(200, 154, 253, 0.2);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol li:nth-child(5) .thumb i{box-shadow: 0px 4px 4px rgba(0, 195, 151, 0.2);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer h3{font-size:var(--fontsize36); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer h4{font-size:var(--fontsize18); color:var(--greyColor1); text-align: center; font-weight:400; font-family:poppinsbold; margin: 0 0 0px; font-weight: normal} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer p{font-size:var(--fontsize14); color:var(--greyColor3); text-align: center; font-weight:400; font-family:poppins; margin: 0 0 40px; font-weight: normal} .aboutPageWrapper .ourFoundersWrapper::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-blend-mode: soft-light; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor1); background-position: center; background-size: cover; } .aboutPageWrapper .ourFoundersWrapper{display: flex; width: var(--fullwidth); position: relative; flex-direction: column; padding:50px 20px;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer h3{font-size:var(--fontsize36); text-align: center; color:var(--whiteColor); font-weight:400; font-family:poppinsbold; margin: 0 0 60px; font-weight: normal} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer h4{font-size:var(--fontsize28); color:var(--whiteColor);font-weight:400; font-family:poppinsbold; margin: 0 0 0px; font-weight: normal} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer p{font-size:var(--fontsize14); color:var(--whiteColor); font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol{ margin:0; flex-direction: column; padding:0; display: flex; gap:100px; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{display: flex; width:var(--fullwidth); gap:60px; align-items: flex-start; justify-content: center;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:first-child{display: flex; align-items: center; max-width: 40%} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:last-child{display: flex; align-items: flex-start; max-width: 40%} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(1){justify-content: flex-start} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(2){justify-content: flex-end} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(1) div:last-child{flex-direction: column; position: relative; align-items: flex-start;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(2) div:first-child{flex-direction: column; position: relative; align-items: flex-start;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(1) div span{position: absolute; right:-50px; transform: matrix(-1, 0, 0, 1, 0, 0); font-size: 100px; top:-50px; line-height: 90px; color:var(--whiteColor); opacity: 0.3} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(2) div span{position: absolute; left:-50px; font-size: 100px; top:-50px; line-height: 90px; color:var(--whiteColor); opacity: 0.3} .aboutPageWrapper .qualityStatementWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer h3{font-size:var(--fontsize36); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer p{font-size:var(--fontsize14); color:var(--greyColor3); text-align: center; font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer .actions{display: flex; width: var(--fullwidth); justify-content: center;} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer .actions a{align-items: center; display: flex;} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer .actions i{margin-right: 10px;} .aboutPageWrapper .mecPartnersWrapper{display: flex; width: var(--fullwidth); flex-direction: column; background-blend-mode: color-burn; padding:50px 20px; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; margin:0 auto; flex-direction: column; background-color: var(--primaryColor);} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer h3{font-size:var(--fontsize36); text-align: center; color:var(--whiteColor); font-weight:400; font-family:poppinsbold; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer p{font-size:var(--fontsize14); color:var(--whiteColor); text-align: center; font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .mecPartnersWrapper .partnersSlider{display: flex; width: var(--fullwidth); margin-top: 40px; overflow-x: auto; white-space: nowrap;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items{display: flex;min-width: 350px; flex-direction: column; transition: all 0.2s ease; transform: scale(1); width: var(--fullwidth); margin: 0 10px; border-radius:16px;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items .thumb{display: flex; justify-content: center; flex-shrink: 0; width: var(--fullwidth);} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items .thumb img{object-fit: cover; height: 100%; border-radius:16px 0 0 16px;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items h4{font-size:var(--fontsize18); white-space: normal; text-align: center; color:var(--whiteColor); margin:0 0px} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items p{font-size:var(--fontsize14); white-space: normal;color:var(--whiteColor); margin:0 0 0px} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items h4 + p{font-size:var(--fontsize18);white-space: normal; color:var(--whiteColor); margin:0 0px} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items .thumbContent{display: flex; flex-direction: column; padding:20px;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items h5 i{color:var(--greyColor5); margin: 10px;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .items.slick-current{opacity: 1; transform: scale(1);} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-list{display: flex; width: var(--fullwidth);} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-track{display: flex; width: var(--fullwidth);} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-dots{display: flex; align-items: center; justify-content: center; bottom: 125px;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-dots li{display: flex; align-items: center; width: auto;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-dots li a{display: flex; align-items: center; width:auto;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-next{background-color: transparent;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .slick-prev{background-color: transparent;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .actions{display: flex; width: var(--fullwidth); margin-top:20px; justify-content: center;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .actions a{ border:1px solid var(--whiteColor); background-color: transparent; color:var(--whiteColor); align-items: center; display: flex;} .aboutPageWrapper .mecPartnersWrapper .partnersSlider .actions i{margin-right: 10px;} .aboutPageWrapper .boardOfTrusteesWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h3{font-size:var(--fontsize24); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h4{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 40px; font-weight: normal} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{display: flex; width: 100%; gap:30px; justify-content: center} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{display: flex; align-items:flex-start; width: var(--fullwidth);max-width:15%} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{display: flex; align-items:flex-start; flex-direction: column; width: var(--fullwidth); max-width: 40%} .aboutPageWrapper .botMembersWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .aboutPageWrapper .botMembersWrapper .botMembersContainer{flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .botMembersWrapper .botMembersContainer h3{font-size:var(--fontsize24); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 40px; font-weight: normal} .aboutPageWrapper .botMembersWrapper .botMembersContainer ul{display: flex; gap:30px; justify-content: center; width: var(--fullwidth); flex-wrap:wrap; overflow-x: auto; margin:0; padding: 0;} .aboutPageWrapper .botMembersWrapper .botMembersContainer ul li{display: flex; margin:0; padding: 0; flex-shrink: 0;} .aboutPageWrapper .strategicPlanWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .aboutPageWrapper .strategicPlanWrapper .strategicPlanContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .strategicPlanWrapper .strategicPlanContainer h3{font-size:var(--fontsize24); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 20px; font-weight: normal} .aboutPageWrapper .strategicPlanWrapper .strategicPlanContainer p{font-size:var(--fontsize14); color:var(--greyColor3); text-align: center; font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .strategicPlanWrapper .strategicPlanContainer .actions{display: flex; width: var(--fullwidth); justify-content: center;} .aboutPageWrapper .strategicPlanWrapper .strategicPlanContainer .actions a{align-items: center; display: flex;} .aboutPageWrapper .strategicPlanWrapper .strategicPlanContainer .actions i{margin-right: 10px;} .aboutPageWrapper .brandMarkWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--lightPrimaryColor);} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 20px; font-weight: normal} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main{display: flex; gap:40px; align-items: center; width: var(--fullwidth);} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .left{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 60%} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .right{display: flex; justify-content: center; align-items: center; width: var(--fullwidth); max-width: 40%} .collaborationsPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .collaborationsPageWrapper .academicCollaborationsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .collaborationsPageWrapper .academicCollaborationsWrapper .academicCollaborationsContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .collaborationsPageWrapper .academicCollaborationsWrapper .academicCollaborationsContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .collaborationsPageWrapper .academicCollaborationsWrapper .academicCollaborationsContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .collaborationsPageWrapper .coventryUniversityWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer{max-width: var(--maxwidth); margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .left{width: var(--fullwidth); align-items: center; max-width: 40%; display: flex;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right{width: var(--fullwidth); max-width: 60%; display: flex;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer h4{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer h5{font-size:var(--fontsize16); color:var(--greyColor2); font-weight:400; font-family:poppinsbold; margin: 0 0 5px; font-weight: normal} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol li div p{font-size:var(--fontsize12); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right{display: flex; flex-direction: column; align-items: flex-start;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol{ margin:0; padding: 0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol li{display: flex; align-items: flex-start; margin:0; padding: 0;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol li i{display: flex; flex-shrink: 0; width: 5px; margin-top: 7px; border-radius:100%; align-items: center; background-color:var(--greyColor2); height: 5px; margin-right: 10px;} .collaborationsPageWrapper .bredaUniversityWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer{max-width: var(--maxwidth); margin:0 auto; display: flex; position: relative; gap:100px; width: var(--fullwidth);} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .left{width: var(--fullwidth); flex-direction: column; max-width: 60%; display: flex;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .right{width: var(--fullwidth); align-items: center; max-width: 40%; display: flex;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .collaborationsPageWrapper .membershipWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .collaborationsPageWrapper .membershipWrapper .membershipContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; gap:20px; width: var(--fullwidth);} .collaborationsPageWrapper .membershipWrapper .membershipContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 30px; font-weight: normal} .collaborationsPageWrapper .membershipWrapper .membershipContainer h4{font-size:var(--fontsize16); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .collaborationsPageWrapper .membershipWrapper .membershipContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .collaborationsPageWrapper .membershipWrapper .membershipContainer ol{ margin:0; padding: 0; display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px;} .collaborationsPageWrapper .membershipWrapper .membershipContainer ol li{ margin:0; padding: 0 0 10px; border-bottom:1px solid var(--greyColor5); display:flex; width: var(--fullwidth);} .collaborationsPageWrapper .membershipWrapper .membershipContainer ol li .thumb{margin-right: 10px; max-width: 200px; width: var(--fullwidth); justify-content: center; display: flex; align-items: center;} .collaborationsPageWrapper .membershipWrapper .membershipContainer ol li a{color:var(--lightRed);}.collaborationsPageWrapper .associationMembershipWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--lightPrimaryColor);} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; gap:20px; width: var(--fullwidth);} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer h3{font-size:var(--fontsize24); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 0px; font-weight: normal} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer .seperator{display: flex; width:var(--fullwidth); max-width: 160px; background-color: var(--primaryColor); height: 2px; margin: 0 auto 30px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer h4{font-size:var(--fontsize16); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol{ margin:0; padding: 0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li{ margin:0; padding: 0 0 0px; display:flex; width: var(--fullwidth);} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumb{margin-right: 10px; max-width: 200px; width: var(--fullwidth); justify-content: center; display: flex; align-items: center;} .eventsPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .eventsPageWrapper .heroWrapper .heroSlider {display: flex; margin-bottom: 0; width: var(--fullwidth); height: auto; z-index: unset;} .eventsPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .eventsPageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .eventsPageWrapper .heroWrapper .heroSlider .slick-dots{bottom:20px} .eventsPageWrapper .upcomingWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .eventsPageWrapper .upcomingWrapper .upcomingContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .eventsPageWrapper .upcomingWrapper .upcomingContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 20px; font-weight: normal} .eventsPageWrapper .upcomingWrapper h4{ font-size:var(--fontsize16); color:var(--blackColor); margin:0 0 0px; display: flex;font-family:poppinsbold; justify-content: space-between} .eventsPageWrapper .upcomingWrapper h5{ font-size:var(--fontsize14); color:var(--blackColor); margin:0 0 0px; display: flex; justify-content: space-between} .eventsPageWrapper .upcomingWrapper p{ font-size:var(--fontsize14); color:var(--blackColor); margin:0 0 0px; display: flex; justify-content: space-between} .eventsPageWrapper .upcomingWrapper h4 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppinsbold; color:var(--blackColor);} .eventsPageWrapper .upcomingWrapper h4 a i{display: flex; align-items: center; margin-left: 10px;} .eventsPageWrapper .upcomingWrapper ol.gridView{display: grid; align-items: flex-start; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .eventsPageWrapper .upcomingWrapper ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .eventsPageWrapper .upcomingWrapper ol li{display: flex; align-items: flex-start; justify-content: center; position: relative; z-index: 1; transition:all 0.2s ease; gap:20px; height: auto; justify-content: space-between; flex-direction: column; flex-direction: row; border-radius:16px; border-radius:10px; padding:10px; border:1px solid var(--primaryColor);} .eventsPageWrapper .upcomingWrapper ol li:hover{box-shadow: 0 0 0 4px var(--primaryColor);} .eventsPageWrapper .upcomingWrapper ol li .liveTag{color:var(--redColor);} .eventsPageWrapper .upcomingWrapper ol li .liveTag span{border:1px solid var(--redColor); color:var(--whiteColor); background-color: var(--redColor); animation: blinker 1s linear infinite; border-radius:20px; padding:0px 10px; font-size:var(--fontsize14);font-family: poppinsbold;} @keyframes blinker { 50% { opacity: 0; } } .eventsPageWrapper .upcomingWrapper ol li a{display: flex; width: var(--fullwidth); gap:20px;} .eventsPageWrapper .upcomingWrapper ol li a img{max-width: 100%; border-radius: 10px; aspect-ratio: 1/1; max-height: 300px; height: 100%; object-fit: cover} .eventsPageWrapper .upcomingWrapper ol li .date{display: flex; width: var(--fullwidth); align-items:center } .eventsPageWrapper .upcomingWrapper ol li .date div{flex-direction: column; gap:10px; flex-direction: row; display: flex; align-items: center;} .eventsPageWrapper .upcomingWrapper ol li .date i{color:var(--primaryColor); font-size:var(--fontsize20); margin-right: 10px;} .eventsPageWrapper .upcomingWrapper ol li .location{display: flex; border-top:1px solid var(--primaryColor); width: var(--fullwidth);padding-top: 10px; align-items:center; font-size:var(--fontsize14); color:var(--blackColor); gap:10px;} .eventsPageWrapper .upcomingWrapper ol li .location i{color:var(--primaryColor); font-size:var(--fontsize20); margin-right:0px;} .eventsPageWrapper .upcomingWrapper ol li::after {content: ""; position: absolute; top: 0; left: 0;border-radius: 16px; width: 100%; height: 100%; background-blend-mode: overlay; opacity: 1; z-index: -1; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--greyColor2); background-position: center; background-size: cover; display: none;} .eventsPageWrapper .upcomingWrapper ol li .thumb{max-width: 150px; width: var(--fullwidth); margin-right:0px;} .eventsPageWrapper .upcomingWrapper ol li .thumb img{height: auto!important; object-fit: cover; border-radius: 10px; aspect-ratio: 1/1; } .eventsPageWrapper .upcomingWrapper ol li .thumbContent{display: flex; flex:1; gap:10px; flex-direction: column;} .eventsPageWrapper .pastWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .eventsPageWrapper .pastWrapper .pastContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .eventsPageWrapper .pastWrapper .pastContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 20px; font-weight: normal} .eventsPageWrapper .pastWrapper h4{ font-size:var(--fontsize16); color:var(--whiteColor); margin:0 0 5px; font-weight: 400; display: flex;font-family:poppinsbold; justify-content: space-between} .eventsPageWrapper .pastWrapper h5{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px; font-weight: 400; display: flex; justify-content: space-between} .eventsPageWrapper .pastWrapper p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px; font-weight: 400; display: flex; justify-content: space-between} .eventsPageWrapper .pastWrapper ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(1,minmax(0,1fr));} .eventsPageWrapper .pastWrapper ol li{display: flex; background-color: var(--lightPrimaryColor); position: relative; z-index: 1; transition:all 0.2s ease; border-radius:16px;padding:15px;} .eventsPageWrapper .pastWrapper ol li .thumb{max-width: 100px; width: var(--fullwidth); margin-right: 10px;} .eventsPageWrapper .pastWrapper ol li .thumb img{height: auto!important; object-fit: contain;} .eventsPageWrapper .pastWrapper ol li:hover{box-shadow: 0 0 0 1px var(--primaryColor);} .eventsPageWrapper .pastWrapper ol li .date{display: flex; width: var(--fullwidth); align-items:center } .eventsPageWrapper .pastWrapper ol li .date div{flex-direction: column; display: flex;} .eventsPageWrapper .pastWrapper ol li .date i{color:var(--greyColor1); font-size:var(--fontsize24); margin-right: 10px;} .eventsPageWrapper .pastWrapper ol li .location{display: flex; border-top:0px solid var(--greyColor1); width: var(--fullwidth);padding-top: 10px; align-items:center; font-size:var(--fontsize14); color:var(--greyColor1);} .eventsPageWrapper .pastWrapper ol li .location i{color:var(--greyColor1); font-size:var(--fontsize16); margin-right: 10px;} .eventsPageWrapper .pastWrapper ol li .location div{display: flex; align-items: center; line-height: normal;} .mecNewsPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 114px; background-color: var(--whiteColor);} .mecNewsPageWrapper .mecNewsContainer{max-width: var(--maxwidth);flex-direction: column; margin:0 auto; padding: 0 20px 30px; display: flex; position: relative; width: var(--fullwidth);} .mecNewsPageWrapper .mecNewsContainer h3{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 25px; display: flex; justify-content: space-between} ..mecNewsPageWrapper .latestNewsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding:0px;} .mecNewsPageWrapper .latestNewsSection .latestNewsContainer{ display: flex; flex-direction: column; margin:0; padding:0; margin:0 auto; width: var(--fullwidth);} .mecNewsPageWrapper .latestNewsSection h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .mecNewsPageWrapper .latestNewsSection h3{ font-size:var(--fontsize24); color:var(--greyColor1); margin:0 0 15px; display: flex; justify-content: space-between} .mecNewsPageWrapper .latestNewsSection h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 10px; display: flex; justify-content: space-between} .mecNewsPageWrapper .latestNewsSection .left {display: flex; flex-direction: column; padding:0px; gap:40px; border-radius: 16px; width: var(--fullwidth); max-width:80%; max-width: none} .mecNewsPageWrapper .latestNewsSection .left .newsMain{display: flex; width: var(--fullwidth); gap:40px; } .mecNewsPageWrapper .latestNewsSection .left .newsLeft{display: flex; align-items: flex-start; width: var(--fullwidth); max-width: 50%;} .mecNewsPageWrapper .latestNewsSection .left .newsLeft img{height: auto!important;} .mecNewsPageWrapper .latestNewsSection .left .newsRight{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 50%;} .mecNewsPageWrapper .latestNewsSection .date{display: flex; width: var(--fullwidth); margin-bottom: 10px; color:var(--greyColor1); font-size:var(--fontsize14); } .mecNewsPageWrapper .latestNewsSection .content{display: flex; flex-direction: column; width: var(--fullwidth);} .mecNewsPageWrapper .latestNewsSection p{ font-size:var(--fontsize14); flex-wrap: wrap; color:var(--greyColor3); margin:0 0 15px; display: flex; justify-content: space-between} .mecNewsPageWrapper .latestNewsSection p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px; display: flex; justify-content: space-between} .mecNewsPageWrapper .latestNewsSection h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .mecNewsPageWrapper .latestNewsSection h2 a i{display: flex; align-items: center; margin-left: 10px;} .mecNewsPageWrapper .latestNewsSection ol{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .mecNewsPageWrapper .latestNewsSection .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .mecNewsPageWrapper .latestNewsSection .tabsWrapper a:first-child{margin-left:0;} .mecNewsPageWrapper .latestNewsSection .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .mecNewsPageWrapper .latestNewsSection .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .mecNewsPageWrapper .latestNewsSection .actions{display: flex; width: var(--fullwidth); justify-content: flex-start; margin:40px 0 0} .mecNewsPageWrapper .latestNewsSection .actions a{display: flex; padding: 5px 35px; align-items: center; justify-content: center} .mecNewsPageWrapper .latestNewsSection .actions a i{margin:0 0 0 10px; display: flex;} .mecNewsPageWrapper .latestNewsSection .sectionWrapper{gap:60px; align-items: flex-start; flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .right{display: flex; width: var(--fullwidth); max-width:300px; flex-direction: column; background-color: var(--greyColor6); border-radius:10px; padding:15px;} .mecNewsPageWrapper .latestNewsSection .right h4{font-size:var(--fontsize16); color:var(--greyColor1); margin-bottom: 15px; padding-bottom: 5px; border-bottom:1px solid var(--greyColor1);} .mecNewsPageWrapper .latestNewsSection .right ul{margin: 0; padding: 0; list-style-position: inside;} .mecNewsPageWrapper .latestNewsSection .right ul li a{color:var(--greyColor1); font-size:var(--fontsize14); font-weight: 400; font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .right ul li p{color:var(--greyColor2); font-size:var(--fontsize12); font-weight: 400; font-family: poppins;} .mecNewsPageWrapper .latestNewsSection .right ul li .date{color:var(--greyColor2); font-size:var(--fontsize12); font-weight: 400; font-family: poppins;} .mecNewsPageWrapper .latestNewsSection .sectionMain{display: flex; width: var(--fullwidth); gap:40px; } .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{display: grid; margin:0; padding: 0; gap:30px; grid-template-columns: repeat(4,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .left .items {display: flex; flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .left .items .thumb{margin: 0 0 15px; padding: 0; height: 100%; max-height: 180px; display: flex; width: var(--fullwidth); } .mecNewsPageWrapper .latestNewsSection .left .items .thumb img{ border-radius:10px; height:180px!important; object-fit:contain;} .mecNewsPageWrapper .latestNewsSection .left .items .thumbContent{margin: 0; padding: 0; display: flex; width: var(--fullwidth); flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .left .items .thumbContent h4{font-size:var(--fontsize15); font-weight: 400; color:var(--greyColor1); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper{display: flex;width: var(--fullwidth); margin:0; padding: 0; gap:20px; flex-direction:column; } .mecNewsPageWrapper .latestNewsSection .previousNewsMain{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper .items {display: flex; flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper .items .thumb{margin: 0 0 15px; padding: 0; height: 100%; max-height: 180px; display: flex; width: var(--fullwidth); } .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper .items .thumb img{ border-radius:10px; height:180px; object-fit:contain; height:100%!important} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper .items .thumbContent{margin: 0; padding: 0; display: flex; width: var(--fullwidth); flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper .items .thumbContent h4{font-size:var(--fontsize15); font-weight: 400; color:var(--greyColor1); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign {display: flex; margin:0; margin-right:0px; margin-left: 0px; padding: 0; gap:0px; align-items: flex-start; width: 100%; height: 100%;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection{display: flex; width: 100%; padding-right:10px; padding-left: 10px; flex-direction: column; gap:20px; max-width: 66.666667%;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items{display: flex; min-height: 620.45px; max-height: 620.45px; margin-bottom: 0px; width: 100%; position: relative; overflow: hidden;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent{position: absolute; z-index: 2; transition: all ease 400ms; left:60px; bottom:65px; padding-right: 160px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items::after { width: 100%; height: auto; background: rgba(0, 0, 0, .6); content: ''; bottom: 0; right:0; position: absolute; left: 0; top: 0; transition: all ease 400ms;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items img{width:100%; object-fit: contain; height: auto; border-radius: 2px; transition: all ease 400ms;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items:hover img{transform: scale(1.15) rotate(-2deg);} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items:hover .newsContent {bottom: 80px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items:hover:after {background: rgba(0, 0, 0, .4);} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent h3{font-size:var(--fontsize24); font-weight: 400; color:var(--whiteColor); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent h3 a{font-size:var(--fontsize24); font-weight: 400; color:var(--whiteColor); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent h3 a:hover{color: var(--primaryColor);} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent .actions{display: flex; width: 100%; margin:0; gap:15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent .actions .author{display: flex; width:auto; margin:0;color:var(--whiteColor); font-family: poppinsbold; text-transform: uppercase;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent .actions .date{display: flex; width:auto; margin:0; color:var(--whiteColor); font-family: poppinsbold; text-transform: uppercase; font-style: italic;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper{display: flex; width: 100%; gap:20px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items{min-height: 300.88px; max-height: 300.88px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items .newsContent{left:30px; bottom:34px; padding-right: 30px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .newsAttachment{padding: 0; height: auto; display: flex; width: var(--fullwidth); } .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection{display: flex; width: 100%; padding-right:10px; padding-left:10px; flex-direction: column; gap:20px; max-width: 33.333333%;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items{display: flex; min-height: 300.88px; max-height: 300.88px; margin-bottom: 0px; width: 100%; height: 100%; position: relative; overflow: hidden;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .newsAttachment{padding: 0; height: auto; display: flex; width: var(--fullwidth); } .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent{position: absolute; z-index: 2; transition: all ease 400ms; left:30px; bottom:34px; padding-right: 30px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items:after { width: 100%; height: 100%; bottom: 0; right:0; background: rgba(0, 0, 0, .6); content: ''; position: absolute; left: 0; top: 0; transition: all ease 400ms;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items img{width:100%; height: auto; border-radius: 2px; transition: all ease 400ms;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items:hover img{transform: scale(1.15) rotate(-2deg);} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items:hover .newsContent {bottom: 80px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items:hover:after {background: rgba(0, 0, 0, .4);} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent h3{font-size:var(--fontsize24); font-weight: 400; color:var(--whiteColor); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent h3 a{font-size:var(--fontsize24); font-weight: 400; color:var(--whiteColor); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent h3 a:hover{font-size:var(--fontsize24); font-weight: 400; color:var(--primaryColor); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent .actions{display: flex; width: 100%; margin:0; gap:15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent .actions .author{display: flex; width:auto; margin:0;color:var(--whiteColor); font-family: poppinsbold; text-transform: uppercase;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent .actions .date{display: flex; width:auto; margin:0; color:var(--whiteColor); font-family: poppinsbold; text-transform: uppercase; font-style: italic;} .mecNewsPageWrapper .latestNewsSection .bottomSection {display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .bottomSection .items {display: flex; flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsAttachment{margin: 0 0 15px; padding: 0; height: 100%; max-height: 180px; display: flex; width: var(--fullwidth); } .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsAttachment img{ border-radius:10px; width: 100%; height:180px!important; object-fit:contain;} .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsContent{margin: 0; padding: 0; display: flex; width: var(--fullwidth); flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsContent h3{font-size:var(--fontsize15); font-weight: 400; color:var(--greyColor1); font-family: poppinsbold;} .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsContent .actions{display: flex; width: 100%; margin:0; gap:15px;} .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsContent .actions .author{display: flex; width:auto; margin:0;color:var(--greyColor1); font-family: poppinsbold; text-transform: uppercase;} .mecNewsPageWrapper .latestNewsSection .bottomSection .items .newsContent .actions .date{display: flex; width:auto; margin:0; color:var(--greyColor1); font-family: poppinsbold; text-transform: uppercase; font-style: italic;} .storyInsightsPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .storyInsightsPageWrapper .storyInsightsContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 30px; display: flex; position: relative; width: var(--fullwidth);} .storyInsightsPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .storyInsightsPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .storyInsightsPageWrapper .heroWrapper .heroSlider .items{display: flex; min-height:200px; position: relative; width: var(--fullwidth); position: relative;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay {position: absolute; left:0; right:0; bottom:0; top:0; z-index: 1; align-items: center; display: flex; justify-content: center} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize36); text-align: center; color:var(--whiteColor); margin:0 0 15px; font-weight:400; font-family:poppinsbold; font-weight: normal} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .storyInsightsPageWrapper .heroWrapper .heroSlider .items::after {content: ""; position: absolute; top: 0; left: 0;border-radius:0px; width: 100%; height: 100%; background-blend-mode: color-burn; opacity: 1; z-index: 0; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-position: center; background-size: cover; } .storyInsightsPageWrapper .categorySections{display: flex; flex-direction:column; position: relative; width: var(--fullwidth); z-index: 1; margin-top: -40px; padding-left: 20px; padding-right: 20px;} .storyInsightsPageWrapper .categorySections .categoryContainer{display: flex; align-items: center; max-width: var(--maxwidth); margin:0 auto; flex-direction:column; position: relative; width: var(--fullwidth); z-index: 1; margin-top:0px;} .storyInsightsPageWrapper .categorySections .tabsWrapper{display: flex; box-shadow: 0px 1px 4px rgba(154, 199, 245, 0.45);max-width: 350px; padding: 15px; margin:0 auto; width: var(--fullwidth); background-color:var(--whiteColor); border-radius:8px;} .storyInsightsPageWrapper .categorySections .tabsWrapper a{font-size:var(--fontsize18); color:var(--greyColor5); padding:2px 15px; display: flex; align-items: center;} .storyInsightsPageWrapper .categorySections .tabsWrapper a.active{background-color: var(--primaryColor); padding:2px 15px; color:var(--whiteColor);border-radius:8px;} .storyInsightsPageWrapper .categorySections h3{font-size:var(--fontsize28); width: var(--fullwidth); text-align: left; color:var(--greyColor1); margin:0 0 45px; font-weight:400; font-family:poppinsbold; font-weight: normal} .storyInsightsPageWrapper .categorySections h3 i {margin-right: 10px; color: var(--lightYellow);} .storyInsightsPageWrapper .categorySections .subCategoryWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .storyInsightsPageWrapper .categorySections .subCategoryWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .storyInsightsPageWrapper .categorySections .subCategoryWrapper a:first-child{margin-left:0;} .storyInsightsPageWrapper .categorySections .subCategoryWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .storyInsightsPageWrapper .categorySections .subCategoryWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .storyInsightsPageWrapper .tabcontent{display: flex; flex-direction: column; width: var(--fullwidth);} .storyInsightsPageWrapper .categorySections h2{ font-size:var(--fontsize32); color:var(--greyColor1); margin:0 0 45px; display: flex; justify-content: space-between} .storyInsightsPageWrapper .categorySections h5{ font-size:var(--fontsize14); color:var(--whiteColor); margin:0 0 10px; display: flex; justify-content: space-between} .storyInsightsPageWrapper .categorySections .left {display: flex; padding:0px; border-radius: 16px; flex-direction: column; width: var(--fullwidth); max-width:none} .storyInsightsPageWrapper .categorySections p{ font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 0px; display: flex; justify-content: space-between} .storyInsightsPageWrapper .categorySections p .more-link{display: none} .storyInsightsPageWrapper .categorySections h2 a{display: flex; align-items: center; font-size:var(--fontsize16); font-weight: 400; font-family: poppins; color:var(--greyColor2);} .storyInsightsPageWrapper .categorySections h2 a i{display: flex; align-items: center; margin-left: 10px;} .storyInsightsPageWrapper .categorySections .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 45px;} .storyInsightsPageWrapper .categorySections .tabsWrapper a{color:var(--greyColor1); padding:5px 15px; font-size:var(--fontsize16); margin-left:15px;} .storyInsightsPageWrapper .categorySections .tabsWrapper a:first-child{margin-left: 0;} .storyInsightsPageWrapper .categorySections .tabsWrapper a:hover{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .storyInsightsPageWrapper .categorySections .tabsWrapper a.active{color:var(--whiteColor); border-radius: 63px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .storyInsightsPageWrapper .categorySections .blogs .actions{display: flex; width: var(--fullwidth); justify-content: flex-end; margin:10px 0 0} .storyInsightsPageWrapper .categorySections .blogs .actions a{display: flex; color: var(--primaryColor); border:1px solid var(--primaryColor); align-items: center; width:40px; height: 40px; border-radius:100%; justify-content: center} .storyInsightsPageWrapper .categorySections .blogs .actions a i{margin:0 0 0 0px; display: flex;} .storyInsightsPageWrapper .categorySections .blogs{width: var(--fullwidth); flex-direction: column; display: flex; margin:0; padding: 0; gap:40px;} .storyInsightsPageWrapper .categorySections .blogs .itemsWrapper{display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:40px;} .storyInsightsPageWrapper .categorySections .blogs .items{background-color: var(--whiteColor); box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); display: flex; flex-direction: column; align-items: flex-start; border-radius: 16px;} .storyInsightsPageWrapper .categorySections .blogs .items .thumb{display: flex; max-height: 166px; width: var(--fullwidth);} .storyInsightsPageWrapper .categorySections .blogs .items .thumb a{display: flex; max-height: 166px; width: var(--fullwidth);} .storyInsightsPageWrapper .categorySections .blogs .items .thumb img{height: 166px; width:var(--fullwidth); object-fit: cover; border-radius: 16px 16px 0 0;} .storyInsightsPageWrapper .categorySections .blogs .items .thumbContent{display: flex; height: 100%; width:var(--fullwidth); flex-direction: column; padding: 20px;} .storyInsightsPageWrapper .categorySections .blogs .items h3{font-size:var(--fontsize16); margin-bottom:5px; } .storyInsightsPageWrapper .categorySections .blogs .items p{flex-wrap: wrap;} .storyInsightsPageWrapper .categorySections .blogs .items p .more-link{display: none} .storyInsightsPageWrapper .categorySections .tabcontents{width: var(--fullwidth); } .storyInsightsPageWrapper .categorySections .tabcontentss{width: var(--fullwidth); flex-direction: column;} .storyInsightsPageWrapper .categorySections .blogs .newsMain{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 50px; width: var(--fullwidth); gap:40px; flex-direction:row } .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsLeft{display: flex; align-items: flex-start; width: var(--fullwidth); max-width:30%;} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsLeft img{height: auto!important;} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsRight{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 70%;} .storyInsightsPageWrapper .categorySections .blogs .newsMain .actions{display: flex; width: var(--fullwidth); justify-content:flex-start; margin:10px 0 0} .storyInsightsPageWrapper .categorySections .blogs .newsMain .actions a{display: flex; color: var(--primaryColor); align-items: center; width:auto; height: auto; border-radius:0px; justify-content: center} .storyInsightsPageWrapper .categorySections .blogs .newsMain .actions a i{margin:0 0 0 0px; display: flex;} .storyInsightsPageWrapper .categorySections ol.podcast .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .storyInsightsPageWrapper .categorySections ol.podcast .actions a{display: flex; border:4px solid var(--primaryColor); color: var(--primaryColor); align-items: center; width:32px; height: 32px; border-radius:100%; justify-content: center} .storyInsightsPageWrapper .categorySections ol.podcast .actions a i{margin:0 0 0 4px; display: flex;} .storyInsightsPageWrapper .categorySections ol.podcast{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(3,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.podcast li{background-color: var(--whiteColor); transition: all 0.2s ease; display: flex; align-items: flex-start; border-radius: 16px;} .storyInsightsPageWrapper .categorySections ol.podcast li .thumb{display: flex; max-width: 107px; margin-right:0px; width: var(--fullwidth);} .storyInsightsPageWrapper .categorySections ol.podcast li .thumb img{height: 100px; object-fit: contain; border-radius: 16px 0px 0 16px;} .storyInsightsPageWrapper .categorySections ol.podcast li .thumbContent{display: flex; height: 100%; width: var(--fullwidth);align-items:center; flex-direction: row; padding:15px;} .storyInsightsPageWrapper .categorySections ol.podcast li .thumbContent .block{display: flex; flex:1; flex-direction: column; padding:0px;} .storyInsightsPageWrapper .categorySections ol.podcast li .thumbContent h3{margin-bottom: 5px;} .storyInsightsPageWrapper .categorySections ol.podcast li:hover{box-shadow: 0 0 5px var(--greyColor5);} .storyInsightsPageWrapper .categorySections ol.podcast li h3{font-size: var(--fontsize18);} .storyInsightsPageWrapper .categorySections ol.successStories .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .storyInsightsPageWrapper .categorySections ol.successStories .actions a{display: flex; border:0px solid var(--primaryColor); background-color: var(--primaryColor); color: var(--whiteColor); align-items: center; width:32px; height: 32px; border-radius:100%; justify-content: center} .storyInsightsPageWrapper .categorySections ol.successStories .actions a i{margin:0 0 0 0px; display: flex;} .storyInsightsPageWrapper .categorySections ol.successStories{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.successStories li{background-color: var(--whiteColor); position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px;} .storyInsightsPageWrapper .categorySections ol.successStories li .thumb{display: flex; height: 100%; margin-right:0px; width: var(--fullwidth);} .storyInsightsPageWrapper .categorySections ol.successStories li .thumb img{ object-fit: contain; border-radius: 8px;} .storyInsightsPageWrapper .categorySections ol.successStories li .thumbContent{display: flex; left:0; right:0; flex-direction: column; position: absolute; bottom:0; align-items:flex-start; padding:15px;} .storyInsightsPageWrapper .categorySections ol.successStories li .thumbContent h3{margin-bottom: 5px; text-align: left; font-size:var(--fontsize24); color:var(--whiteColor);} .storyInsightsPageWrapper .categorySections ol.successStories li .thumbContent p{margin-bottom:0px; font-size:var(--fontsize12); color:var(--whiteColor);} .storyInsightsPageWrapper .categorySections ol.successStories li .block{display: flex; z-index: 0; transition: all .2s ease-in-out; opacity: 0; left:0; right:0; align-items: center; top:80%; padding: 15px; position: absolute; border-radius: 0 0 16px 16px; background-color: var(--whiteColor); visibility: hidden; bottom:0px; flex-direction: row;} .storyInsightsPageWrapper .categorySections ol.successStories li .block .thumb{width: var(--fullwidth); align-items: center; margin-right: 10px; max-width: 43px; border-radius:100%; display: flex;} .storyInsightsPageWrapper .categorySections ol.successStories li .block .thumb img{width:43px;height: 43px; object-fit: cover; border-radius:100%;} .storyInsightsPageWrapper .categorySections ol.successStories li .block .thumbContent {flex: 1; position: static; align-items: center; padding: 0; flex-direction: row;} .storyInsightsPageWrapper .categorySections ol.successStories li .block .thumbContent h3{color:var(--greyColor1); margin:0 0 0px; font-size:var(--fontsize12);} .storyInsightsPageWrapper .categorySections ol.successStories li .block .thumbContent p{color:var(--greyColor3); font-size:var(--fontsize12);} .storyInsightsPageWrapper .categorySections ol.successStories li .block .thumbContent div:nth-child(1){flex:1} .storyInsightsPageWrapper .categorySections ol.successStories li:hover .block{bottom:inherit; top:100%; opacity: 1; visibility: visible;} .storyInsightsPageWrapper .categorySections ol.successStories li:hover .thumb img{ object-fit: contain; border-radius: 8px 8px 0 0;} .storyInsightsPageWrapper .categorySections ol.videos .actions{display: flex; width: auto; justify-content: flex-end; margin:0px 0 0 10px} .storyInsightsPageWrapper .categorySections ol.videos .play {display: flex; display: none; z-index: 1; position: absolute; top:50%; left:50%; margin-left: -20px; margin-top: -20px; border:4px solid var(--whiteColor); color: var(--whiteColor); align-items: center; width:40px; height: 40px; border-radius:100%; justify-content: center} .storyInsightsPageWrapper .categorySections ol.videos .play i{margin:0 0 0 4px; display: flex;} .storyInsightsPageWrapper .categorySections ol.videos{display: grid; margin:0; padding: 0; gap:20px; grid-template-columns: repeat(4,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.videos li{background-color: var(--whiteColor); height: auto; position: relative; display: flex; flex-direction: column; align-items: flex-start; border-radius: 8px;} .storyInsightsPageWrapper .categorySections ol.videos li h3{margin-bottom:0px; left:0; right:0; padding: 10px; z-index: 1; position: absolute; bottom:0; text-align: left; font-size:var(--fontsize24); color:var(--whiteColor);} .storyInsightsPageWrapper .categorySections ol.videos li video{ border-radius: 8px; position: absolute; width: var(--fullwidth); height: var(--fullheight); object-fit: cover; left:0; z-index: 0; top:0; right:0; bottom:0;} .storyInsightsPageWrapper .categorySections ol.videos li a{width: var(--fullwidth); border:0px none;} .storyInsightsPageWrapper .categorySections ol.videos li iframe{width: var(--fullwidth); height: var(--fullheight); bordeR:0px none;} .scienceTechnologyPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .scienceTechnologyPageWrapper .scienceTechnologyContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 30px; display: flex; position: relative; width: var(--fullwidth);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider {display: flex; height:100%; max-height: 484px; width: var(--fullwidth); height: auto; z-index: unset;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .items video{width: var(--fullwidth); object-fit: cover; height: var(--fullheight);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size:var(--fontsize24); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay p{font-size:var(--fontsize16); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; margin:0 0 10px; font-weight: normal} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .scienceTechnologyPageWrapper .heroWrapper .actions{display: flex; width: var(--fullwidth); margin-top: 30px;} .scienceTechnologyPageWrapper .heroWrapper .actions a{margin-left: 20px;} .scienceTechnologyPageWrapper .heroWrapper .actions a:first-child{margin-left: 0;} .scienceTechnologyPageWrapper .contentWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .scienceTechnologyPageWrapper .contentWrapper .contentContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .scienceTechnologyPageWrapper .contentWrapper .contentContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 20px; font-weight: normal} .scienceTechnologyPageWrapper .contentWrapper .actions{display: flex; width: var(--fullwidth); justify-content: center; margin-top: 30px;} .scienceTechnologyPageWrapper .contentWrapper .actions a i{margin-left:5px;} .scienceTechnologyPageWrapper .programDiscoverSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px; background-color: var(--greyColor4);} .scienceTechnologyPageWrapper .programDiscoverSection .programDiscoverSectionContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .scienceTechnologyPageWrapper .programDiscoverSection h2{ font-size:var(--fontsize28); font-family:poppinsbold; color:var(--greyColor1); margin:0 0 25px} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider{display: flex; gap:0px; margin:0; padding:0; touch-action: auto; -ms-touch-action: auto;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .items{display: flex; position: relative; width: var(--fullwidth); min-width: 230px; max-width: 230px; overflow: hidden; background-color: var(--whiteColor); transition:all 0.2s ease; flex-direction: column; padding:5px; margin:0 15px; border-radius:16px; width: var(--fullwidth);} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .items i{transition:all 0.2s ease; border-radius:6px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider h3{ font-size:var(--fontsize20); font-family:poppinsbold; color:var(--blackColor); margin:0 0 15px} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider p{ font-size:var(--fontsize14); font-family:poppins; font-weight: 400; opacity: 0; visibility: hidden; text-align: left; font-family:poppins; color:var(--greyColor1); margin:0 0 15px} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .actions i{display: flex; background-color: var(--primaryColor); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .actions i{margin:0;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .overlay{position: absolute; left:0; transition:all 0.2s ease; bottom: -110px; background-color: var(--whiteColor); right:0; padding:10px; border-radius:16px; } .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .slick-list{display: flex; width: var(--fullwidth);} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .items:hover .overlay{bottom:0;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .items:hover .overlay p{opacity: 1; visibility: visible;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .items:hover .overlay .actions{opacity: 1; visibility: visible;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .slick-list {margin:0 -15px;} .scienceTechnologyPageWrapper .programDiscoverSection .underGraduateSlider .items i img{object-fit: contain;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider{display: flex; gap:0px; margin:0; padding:0; touch-action: auto; -ms-touch-action: auto;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .items{display: flex; position: relative; width: var(--fullwidth); min-width: 230px; max-width: 230px; overflow: hidden; background-color: var(--whiteColor); transition:all 0.2s ease; flex-direction: column; padding:5px; margin:0 15px; border-radius:16px; width: var(--fullwidth);} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .items i{transition:all 0.2s ease; border-radius:6px; margin-bottom: 0px; display: flex; align-items: center; justify-content: center} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider h3{ font-size:var(--fontsize20); font-family:poppinsbold; color:var(--blackColor); margin:0 0 15px} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider p{ font-size:var(--fontsize14); font-family:poppins; font-weight: 400; opacity: 0; visibility: hidden; text-align: left; font-family:poppins; color:var(--greyColor1); margin:0 0 15px} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .actions{display: flex; width: var(--fullwidth); justify-content: flex-end;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .actions i{display: flex; background-color: var(--primaryColor); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .actions i{margin:0;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .overlay{position: absolute; left:0; transition:all 0.2s ease; bottom: -110px; background-color: var(--whiteColor); right:0; padding:10px; border-radius:16px; } .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .slick-list{display: flex; width: var(--fullwidth);} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .slick-track{display: flex; width: var(--fullwidth); margin-left: 0;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .items:hover .overlay{bottom:0;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .items:hover .overlay p{opacity: 1; visibility: visible;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .items:hover .overlay .actions{opacity: 1; visibility: visible;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .slick-list {margin:0 -15px;} .scienceTechnologyPageWrapper .programDiscoverSection .postGraduateSlider .items i img{object-fit: contain;} .scienceTechnologyPageWrapper .programDiscoverSection .tabsWrapper{display: flex; width: var(--fullwidth); margin:0 0 25px; border-bottom:1px solid var(--greyColor5);} .scienceTechnologyPageWrapper .programDiscoverSection .tabsWrapper a{color:var(--greyColor3); padding:5px 15px; font-size:var(--fontsize16); margin-left: 15px;} .scienceTechnologyPageWrapper .programDiscoverSection .tabsWrapper a:first-child{margin-left: 0;} .scienceTechnologyPageWrapper .programDiscoverSection .tabsWrapper a:hover{color:var(--whiteColor); border-radius:16px 16px 0 0px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .scienceTechnologyPageWrapper .programDiscoverSection .tabsWrapper a.active{color:var(--whiteColor); border-radius: 16px 16px 0 0px; background-color: var(--primaryColor); font-size:var(--fontsize16); } .scienceTechnologyPageWrapper .programDiscoverSection .actions{display: flex; width: var(--fullwidth); justify-content: center; margin:40px 0 0} .scienceTechnologyPageWrapper .programDiscoverSection .actions a{display: flex; align-items: center; justify-content: center} .scienceTechnologyPageWrapper .programDiscoverSection .actions a i{margin:0 0 0 10px; display: flex;} .scienceTechnologyPageWrapper .programDiscoverSection ol li:hover .overlay{bottom:0;} .scienceTechnologyPageWrapper .programDiscoverSection ol li:hover .overlay p{opacity: 1; visibility: visible;} .scienceTechnologyPageWrapper .programDiscoverSection ol li:hover .overlay .actions{opacity: 1; visibility: visible;} .scienceTechnologyPageWrapper .programDiscoverSection .sectionWrapper{display: none; flex-direction: column;} .scienceTechnologyPageWrapper .topReasonsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .scienceTechnologyPageWrapper .topReasonsSection .topReasonsContainer{ display:flex; margin:0 auto; flex-direction: column; width: var(--fullwidth); max-width: var(--maxwidth);} .scienceTechnologyPageWrapper .topReasonsSection h2{ font-size:var(--fontsize48); color:var(--blackColor); text-align: center; margin:0 0 55px} .scienceTechnologyPageWrapper .topReasonsSection h3{ font-size:var(--fontsize24); transition:all 0.5s ease; color:var(--blackColor); margin:0 0 15px;} .scienceTechnologyPageWrapper .topReasonsSection p{ font-size:var(--fontsize14); font-weight: 400; font-family:poppins; color:var(--greyColor3); margin:0 0 0px} .scienceTechnologyPageWrapper .topReasonsSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(3,minmax(0,1fr));} .scienceTechnologyPageWrapper .topReasonsSection ol li{display: flex; height: 244px; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:8px; width: var(--fullwidth);} .scienceTechnologyPageWrapper .topReasonsSection ol li i{margin-bottom: 15px;} .scienceTechnologyPageWrapper .programSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .scienceTechnologyPageWrapper .programSection .programSectionContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .scienceTechnologyPageWrapper .programSection h2{ font-size:var(--fontsize32); color:var(--blackColor); margin:0 0 35px} .scienceTechnologyPageWrapper .programSection p{ font-size:var(--fontsize20); font-weight: 400; font-family:poppins; text-align: center; color:var(--greyColor1); margin:0 0 55px} .scienceTechnologyPageWrapper .programSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(4,minmax(0,1fr));} .scienceTechnologyPageWrapper .programSection ol li{display: flex; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:16px; width: var(--fullwidth);} .scienceTechnologyPageWrapper .programSection ol li i{width:40px; transition:all 0.2s ease; height: 40px; border-radius: 100%; margin-bottom: 0px; display: flex; align-items: center; color: var(--whiteColor); background-color: var(--greyColorLight); justify-content: center} .scienceTechnologyPageWrapper .programSection ol h3{ font-size:var(--fontsize24); font-family:poppinsbold; color:var(--whiteColor); margin:0 0 0px} .scienceTechnologyPageWrapper .programSection ol li:hover{background-color: var(--whiteColor); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);} .scienceTechnologyPageWrapper .programSection ol li i img.hover{display: none;} .scienceTechnologyPageWrapper .programSection ol li .actions{display: flex; align-items: flex-end; justify-content: flex-end; width: var(--fullwidth);} .scienceTechnologyPageWrapper .programSection ol li:hover i img.hover{display: flex; transition:all 0.2s ease; } .scienceTechnologyPageWrapper .programSection ol li:hover i img.default{display: none;} .scienceTechnologyPageWrapper .programSection ol li video{border-radius:16px; object-fit: cover;} .scienceTechnologyPageWrapper .programSection ol li a{position: relative; height: 100%; display: flex; padding:0px;} .scienceTechnologyPageWrapper .programSection ol li .overlay{position: absolute; border-radius:16px; display: flex; align-items: flex-end; background-color: rgba(0,0,0,0.5); top:0; padding:15px; bottom:0; left:0; right:0;} .scienceTechnologyPageWrapper .faqSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .scienceTechnologyPageWrapper .faqSection .faqContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .scienceTechnologyPageWrapper .faqSection h2{ font-size:var(--fontsize32); color:var(--blackColor); margin:0 0 15px} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion{cursor: pointer; margin:10px 0; padding: 15px 15px; border-radius: 10px; border:1px solid var(--greyColor5); font-family:poppinsbold; background-color: var(--greyColor4);font-size: var(--fontsize16);} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion:after {content: '\002B'; margin-top: -6px; color:var(--greyColor1); float: right; font-family:poppinsbold; margin-left: 5px; font-size: var(--fontsize24);} .scienceTechnologyPageWrapper .faqSection .faqContainer .panel {transition: all 0.2s ease; flex-direction: column; padding: 18px 18px; border-radius: 10px; opacity: 0; border: 0px solid #B7B7B7; display: none; visibility: hidden; font-size:16px; line-height: 30px; background-color: var(--greyColor4); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;text-align: justify;} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion.active{background-color: var(--greyColor5);} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion.active + .panel {padding: 18px; flex-direction: column; font-family:poppins;text-align: left;opacity: 1;visibility: visible;display: flex;max-height: inherit !important; text-align:justify;} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion.active:after {content: "\2212";} .scienceTechnologyPageWrapper .faqSection .faqContainer .faqTabWrapper{display: flex; width:auto; margin: 0 auto; padding:4px; border-radius: 56px; background-color: var(--whiteColor); border:1px solid #d2d2d2; justify-content: center} .scienceTechnologyPageWrapper .faqSection .faqContainer .faqTabWrapper a{border-radius: 56px; border:1px solid transparent; font-family:poppinsbold; color: #4F4E4E; padding:10px 10px;} .scienceTechnologyPageWrapper .faqSection .faqContainer .faqTabWrapper a:hover{border-radius: 56px; font-family:poppinsbold; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .scienceTechnologyPageWrapper .faqSection .faqContainer .faqTabWrapper a.active{border-radius: 56px; font-family:poppinsbold; border: 1px solid var(--primaryColor); color: var(--primaryColor); padding:10px 10px;} .scienceTechnologyPageWrapper .faqSection .faqContainer .faqContent{width:var(--fullwidth);} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordionSection{width:var(--fullwidth);} .scienceTechnologyPageWrapper .faqSection .faqContainer p {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .scienceTechnologyPageWrapper .faqSection .faqContainer ol {margin:0; padding: 0; list-style-position: inside; font-size:var(--fontsize14); color:var(--greyColor3);} .mecExperiencePageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px} .mecExperiencePageWrapper .mecExperienceContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 0px; display: flex; position: relative; width: var(--fullwidth);} .mecExperiencePageWrapper .heroWrapper .heroSlider {display: flex; height:100%; max-height: 484px; width: var(--fullwidth); height: auto; z-index: unset;} .mecExperiencePageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .mecExperiencePageWrapper .heroWrapper .heroSlider .items video{width: var(--fullwidth); object-fit: cover; height: var(--fullheight);} .mecExperiencePageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h5{font-size:var(--fontsize24); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay p{font-size:var(--fontsize16); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; margin:0 0 10px; font-weight: normal} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .mecExperiencePageWrapper .detailNavigation{background-color: var(--whiteColor); display: flex; top:0; padding: 25px 20px; position: sticky; justify-content: center; z-index: 2200003003; z-index:0; align-items: flex-start; width: var(--fullwidth); } .sticky-navbar .mecExperiencePageWrapper .detailNavigation{ z-index: 2200003003;} .mecExperiencePageWrapper .detailNavigation a{font-size:var(--fontsize16); padding: 5px 10px; color:var(--greyColor3); margin-left: 15px; font-weight: 400;} .mecExperiencePageWrapper .detailNavigation a:first-child{margin-left: 0;} .mecExperiencePageWrapper .detailNavigation a:hover{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px;color: var(--whiteColor); background-color: var(--primaryColor);} .mecExperiencePageWrapper .detailNavigation a.active{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px; font-family: poppinsbold; color: var(--whiteColor); background-color: var(--primaryColor);} .mecExperiencePageWrapper .mecOverviewWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px;} .mecExperiencePageWrapper .mecOverviewContainer{align-items: center; margin:0 auto; gap:20px; max-width: var(--maxwidth); padding:10px; display: flex; position: relative; width: var(--fullwidth);} .mecExperiencePageWrapper .mecOverviewContainer .left{max-width:none;width: var(--fullwidth); align-items: flex-start;} .mecExperiencePageWrapper .mecOverviewContainer .right{max-width: none; width: var(--fullwidth); flex-direction: column; align-items: flex-start;} .mecExperiencePageWrapper .mecOverviewContainer h3{font-size:var(--fontsize28); color:var(--greyColor1); font-weight:400; margin:0 0 15px; font-family:poppinsbold;} .mecExperiencePageWrapper .mecOverviewContainer h4{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 10px; font-family:poppins;} .mecExperiencePageWrapper .mecOverviewContainer h5{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppinssemibold;} .mecExperiencePageWrapper .mecOverviewContainer p{font-size:var(--fontsize18); color:var(--greyColor3); font-weight:400; margin:0 0 0px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .studentActivityWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px;} .mecExperiencePageWrapper .studentActivityContainer{align-items: center; flex-direction: column; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; width: var(--fullwidth);} .mecExperiencePageWrapper .studentActivityWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 35px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentActivityWrapper h4{font-size:var(--fontsize28); color:var(--whiteColor); font-weight:400; margin:0 0 10px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentActivityWrapper h5{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppinssemibold;} .mecExperiencePageWrapper .studentActivityWrapper p{font-size:var(--fontsize14); color:var(--whiteColor); font-weight:400; margin:0 0 0px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .studentActivityWrapper ol{ margin:0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;} .mecExperiencePageWrapper .studentActivityWrapper ol li{display: flex; margin:0; padding: 0; position: relative;} .mecExperiencePageWrapper .studentActivityWrapper ol li .overlay{position:absolute; display: flex; flex-direction: column; justify-content: flex-end; left:0; right:0; top:0; bottom:0; border-radius:16px; padding: 20px; background: linear-gradient(90.73deg, #000000 26.9%, rgba(0, 0, 0, 0) 92.46%)} .mecExperiencePageWrapper .studentActivityWrapper ol li img{border-radius:16px; } .mecExperiencePageWrapper .studentActivityWrapper ol li p{margin-bottom: 20px;} .mecExperiencePageWrapper .studentActivityWrapper ol li ul{ margin:20px 0 0; padding: 0; display: flex; flex-direction: column; gap:15px;} .mecExperiencePageWrapper .studentActivityWrapper ol li ul li {display: flex; align-items: center; font-size:var(--fontsize16); color:var(--whiteColor); font-weight: 400;} .mecExperiencePageWrapper .studentActivityWrapper ol li ul li i{width:8px; height: 8px; margin:2px 15px 0 0; flex-shrink: 0; display: flex; border-radius:100%; background-color: var(--whiteColor);} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px; background-color: var(--whiteColor);} .mecExperiencePageWrapper .entrepreneurshipSupportContainer{align-items: center; margin:0 auto; gap:40px; flex-direction: column; max-width: var(--maxwidth); padding:30px; display: flex; position: relative; width: var(--fullwidth);} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .left{max-width: 70%; width: var(--fullwidth); align-items: flex-start;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .right{max-width:30%; width: var(--fullwidth); flex-direction: column; align-items: flex-start;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .left{max-width:30%; align-items: flex-end; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .right{max-width:70%; width: var(--fullwidth); flex-direction: column; align-items: flex-start;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper{display: flex; align-items: center; width: var(--fullwidth); gap:40px;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); font-weight:400; margin:0 0 15px; font-family:poppinsbold;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper p{font-size:var(--fontsize16); color:var(--greyColor1); font-weight:400; margin:0 0 0px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .studentSuccessCenterWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px;} .mecExperiencePageWrapper .studentSuccessCenterContainer{align-items: center; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .studentSuccessCenterWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentSuccessCenterWrapper h4{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 20px; font-family:poppins;} .mecExperiencePageWrapper .studentSuccessCenterWrapper h5{font-size:var(--fontsize18); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppinssemibold;} .mecExperiencePageWrapper .studentSuccessCenterWrapper h6{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 50px; letter-spacing: 0px; font-family:poppinssemibold;} .mecExperiencePageWrapper .studentSuccessCenterWrapper p{font-size:var(--fontsize18); color:var(--greyColor3); text-align: center; font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol{ margin:0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li{display: flex;min-height: 295px; align-items: flex-start; margin:0; padding: 0; flex-direction: column; position: relative;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li i{margin-bottom: 10px; width:63px; height: 63px; border-radius:100%; align-items: center; justify-content: center; background-color: var(--lightSky); display: flex;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li p{margin-bottom:0px; text-align: left} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li h4{margin-bottom:10px; text-align: left; font-size:var(--fontsize24); font-weight:400; font-family:poppinsbold;} .mecExperiencePageWrapper .trainingLearningCenterWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px; background-color: var(--whiteColor);} .mecExperiencePageWrapper .trainingLearningContainer{align-items: center; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .trainingLearningCenterWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .trainingLearningCenterWrapper h4{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 20px; font-family:poppinsbold;} .mecExperiencePageWrapper .trainingLearningCenterWrapper p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .trainingLearningCenterWrapper p.textCenter{text-align: center;} .mecExperiencePageWrapper .trainingLearningCenterWrapper p strong{color:var(--greyColor1); } .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain{display:flex; margin:50px 0; align-items: flex-start; width: var(--fullwidth); padding: 0; gap: 60px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .left{max-width: 60%; display: flex; align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .right{max-width: 40%; align-items: flex-start; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1{display:flex; margin:50px 0; align-items: flex-start; width: var(--fullwidth); padding: 0; gap: 60px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .left{max-width: 40%; display: flex; align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .right{max-width: 60%; align-items: flex-start; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain img{text-align: right} .mecExperiencePageWrapper .trainingLearningCenterWrapper ul{display:block; margin:0; padding: 0; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; margin-left:15px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper ul li{font-size:var(--fontsize14); color:var(--greyColor3); list-style-position: inside; display:revert-layer;} .mecExperiencePageWrapper .trainingLearningCenterWrapper ul li i{width:6px; height:6px; margin:8px 5px 0 0; flex-shrink: 0; display: flex; border-radius:100%; background-color: var(--greyColor3);} .mecExperiencePageWrapper .trainingLearningCenterWrapper .commonSlider{display: flex; width: var(--fullwidth);} .mecExperiencePageWrapper .trainingLearningCenterWrapper .commonSlider .slick-list{display: flex; width: var(--fullwidth);} .mecExperiencePageWrapper .trainingLearningCenterWrapper .commonSlider .slick-track{display: flex; width: var(--fullwidth);} .mecExperiencePageWrapper .applicantsWithExperienceWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px; background-color: var(--whiteColor);} .mecExperiencePageWrapper .applicantsWithExperienceContainer{align-items: center; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h4{font-size:var(--fontsize28); width: var(--fullwidth); color:var(--greyColor1); font-weight:400; margin:0 0 20px; font-family:poppinsbold;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper p.textCenter{text-align: center;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper p strong{color:var(--greyColor1); } .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain{display:flex; margin:50px 0; align-items: center; width: var(--fullwidth); padding: 0; gap: 60px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain .left{max-width: 70%; display: flex; align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain .right{max-width: 30%; align-items: flex-start; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1{display:flex; margin:50px 0; align-items: flex-start; width: var(--fullwidth); padding: 0; gap: 60px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1 .left{max-width: 40%; display: flex; align-items: flex-start; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1 .right{max-width: none; align-items: flex-start; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain img{text-align: right} .mecExperiencePageWrapper .applicantsWithExperienceWrapper ul{display:grid; margin:0; padding: 0; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper ul li{font-size:var(--fontsize14); color:var(--greyColor3); list-style-position: inside; display: flex;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper ul li i{width:6px; height:6px; margin:8px 10px 0 0; flex-shrink: 0; display: flex; border-radius:100%; background-color: var(--greyColor3);} .mecExperiencePageWrapper .studentAccomodationWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px;} .mecExperiencePageWrapper .studentAccomodationContainer{margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .studentAccomodationWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentAccomodationWrapper h4{font-size:var(--fontsize28); color:var(--greyColor1); text-align: left; font-weight:400; margin:0 0 10px; font-family:poppins;} .mecExperiencePageWrapper .studentAccomodationWrapper h5{font-size:var(--fontsize16); color:var(--whiteColor); text-align: left; font-weight:400; margin:0 0 0px; font-family:poppins;} .mecExperiencePageWrapper .studentAccomodationWrapper p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .studentAccomodationWrapper p + h4{margin-top: 30px;} .mecExperiencePageWrapper .studentAccomodationWrapper p strong{color:var(--greyColor1); } .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain{display:flex; margin:50px 0; align-items: flex-start; width: var(--fullwidth); padding: 0; gap: 60px;} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .left{max-width: 60%; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .right{max-width: 40%; position: relative; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .studentAccomodationWrapper .studentAccomodationSlider .slick-arrow{background-color: transparent;} .mecExperiencePageWrapper .studentAccomodationWrapper .studentAccomodationSlider .items{position: relative;} .mecExperiencePageWrapper .studentAccomodationWrapper .studentAccomodationSlider .overlay{position: absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.8); padding:20px; border-radius:0px 0px 16px 16px;} .mecExperiencePageWrapper .studentAccomodationWrapper .studentAccomodationSlider .slick-next{right:10px; bottom:10px; top:auto; z-index: 1;} .mecExperiencePageWrapper .studentAccomodationWrapper .studentAccomodationSlider .slick-prev{right:40px; bottom:10px; left:initial; top:auto; z-index: 1;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px; background-color: var(--whiteColor);} .mecExperiencePageWrapper .studentAdvisoryCouncilContainer{align-items: center; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper h4{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 20px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{font-size:var(--fontsize16); color:var(--greyColor1); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppinsbold;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 20px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p strong{color:var(--greyColor1); } .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain{display:flex; margin:50px 0; align-items: flex-start; width: var(--fullwidth); padding: 0; gap: 60px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .left{max-width: 60%; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .right{max-width: 40%; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1{display:flex; border-radius:20px; padding:20px; margin:50px 0; align-items: flex-start; width: var(--fullwidth);background-color: var(--greyColor6); gap: 60px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .left{max-width: 20%; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .right{max-width: 80%; display: flex; width: var(--fullwidth); flex-direction: column;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 p + p{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; font-family:poppins;} .mecExperiencePageWrapper .internationalStudentWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px;} .mecExperiencePageWrapper .internationalStudentContainer{align-items: center; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .internationalStudentWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .internationalStudentWrapper h4{font-size:var(--fontsize28); color:var(--greyColor1); font-weight:400; margin:0 0 50px; font-family:poppins;} .mecExperiencePageWrapper .internationalStudentWrapper p{font-size:var(--fontsize18); color:var(--greyColor1); font-weight:400; margin:0 0 0px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .internationalStudentWrapper ol{ margin:0; padding: 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 60px;} .mecExperiencePageWrapper .internationalStudentWrapper ol li{display: flex; align-items: flex-start; margin:0; padding: 0; flex-direction: column; position: relative;} .mecExperiencePageWrapper .internationalStudentWrapper ol li i{margin-bottom: 10px; display: flex;} .mecExperiencePageWrapper .internationalStudentWrapper ol li p{margin-bottom:0px; text-align: left} .mecExperiencePageWrapper .mecWinterSchoolWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding: 50px 20px;} .mecExperiencePageWrapper .internationalStudentContainer{align-items: center; margin:0 auto; gap:0px; max-width: var(--maxwidth); padding:0px; display: flex; position: relative; flex-direction: column; width: var(--fullwidth);} .mecExperiencePageWrapper .mecWinterSchoolWrapper h3{font-size:var(--fontsize28); color:var(--greyColor1); text-align: center; font-weight:400; margin:0 0 25px; font-family:poppinsbold;} .mecExperiencePageWrapper .mecWinterSchoolWrapper h4{font-size:var(--fontsize28); color:var(--greyColor1); font-weight:400; margin:0 0 50px; font-family:poppins;} .mecExperiencePageWrapper .mecWinterSchoolWrapper p{font-size:var(--fontsize18); color:var(--greyColor3); font-weight:400; text-align: center; margin:0 0 50px; letter-spacing: 0px; font-family:poppins;} .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider{display: flex; width: var(--fullwidth); } .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .slick-track{display: flex; width: var(--fullwidth); } .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .slick-track .slick-slide img{border-radius:20px;} .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .items{display: flex; justify-content: center; width: var(--fullwidth); } .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .slick-list{display: flex; width: var(--fullwidth); } .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .slick-arrow{background-color: transparent;} .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .slick-prev:before, .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider .slick-next:before{color:var(--greyColor1);} .studentVoicesPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .studentVoicesPageWrapper .studentVoicesContainer {flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 0px; display: flex; position: relative; width: var(--fullwidth);} .studentVoicesPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .studentVoicesPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .studentVoicesPageWrapper .heroWrapper .heroSlider .items{display: flex; min-height:200px; position: relative; width: var(--fullwidth); position: relative;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay {position: absolute; left:0; right:0; bottom:0; top:0; z-index: 1; align-items: center; display: flex; justify-content: center} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize36); text-align: center; color:var(--whiteColor); margin:0 0 15px; font-weight:400; font-family:poppinsbold; font-weight: normal} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .studentVoicesPageWrapper .heroWrapper .heroSlider .items::after {content: ""; position: absolute; top: 0; left: 0;border-radius:0px; width: 100%; height: 100%; background-blend-mode: color-burn; opacity: 1; z-index: 0; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-position: center; background-size: cover; } .studentVoicesPageWrapper .voicesWrapper {margin:0; padding: 0; display: flex; width: var(--fullwidth); padding: 50px 20px;} .studentVoicesPageWrapper .voicesContainer {margin:0 auto; padding: 0; max-width: var(--maxwidth); display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px;} .studentVoicesPageWrapper .voicesWrapper .items{display: flex; flex-direction: column; transition: all 0.2s ease; width: var(--fullwidth); background-color:var(--whiteColor); margin: 0 0px; border-radius:16px;} .studentVoicesPageWrapper .voicesWrapper .items .thumb{max-width: none; transition: all 0.2s ease; max-height: 275px;flex-shrink: 0; width: var(--fullwidth);} .studentVoicesPageWrapper .voicesWrapper .items .thumb img{object-fit: cover; transition: all 0.2s ease; width: var(--fullwidth); height: 275px; border-radius:16px 16px 0 0;} .studentVoicesPageWrapper .voicesWrapper .items h3{font-size:var(--fontsize20); color:var(--greyColor1); margin:0 0 10px} .studentVoicesPageWrapper .voicesWrapper .items h5{font-size:var(--fontsize14); color:var(--greyColor1); margin:0 0 0px} .studentVoicesPageWrapper .voicesWrapper .items p{font-size:var(--fontsize14); color:var(--greyColor3); margin:0 0 5px} .studentPlacementsInternshipsPageWrapper .contentWrapper{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; display: flex; align-items: center;} .studentPlacementsInternshipsPageWrapper .contactContainer{max-width:1000px; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 50px; width: var(--fullwidth); margin: 0 auto;} .studentPlacementsInternshipsPageWrapper .contactContainer h3{font-size:var(--fontsize28); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper .contactContainer h4{font-size:var(--fontsize32); margin:0 0 10px; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper .contactContainer p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 10px;font-family:poppins; font-weight: normal} .studentPlacementsInternshipsPageWrapper .contactContainer .actions{display: flex; width: var(--fullwidth); } .studentPlacementsInternshipsPageWrapper .contactContainer .actions a{ display:flex; align-items:center; gap:5px; } .studentPlacementsInternshipsPageWrapper .contentOnly{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; display: flex; align-items: center;} .studentPlacementsInternshipsPageWrapper .contentOnlyContainer{margin:0 auto; padding: 0; max-width: 1000px; display: flex; flex-direction:column; width: var(--fullwidth); } .studentPlacementsInternshipsPageWrapper .contentOnly h4{font-size:var(--fontsize32); margin:0 0 10px; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper .contentOnly p{font-size:var(--fontsize22); text-align: center; margin:0 0 0px; color:blue; font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .studentPlacementsInternshipsPageWrapper .studentPlacementsInternshipsContainer {flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 0px; display: flex; position: relative; width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .items{display: flex; min-height:200px; position: relative; width: var(--fullwidth); position: relative;} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay {position: absolute; background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); left:0; right:0; bottom:0; top:0; z-index: 1; align-items: center; display: flex; justify-content: center} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 15px; font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); padding-right: 20px; padding-left: 20px; background-color: transparent;} .studentPlacementsInternshipsPageWrapper .planningWrapper {margin:0; padding: 0; display: flex; width: var(--fullwidth); padding: 50px 20px;} .studentPlacementsInternshipsPageWrapper .planningContainer {margin:0 auto; padding: 0; max-width: var(--maxwidth); display: flex; flex-direction:column; width: var(--fullwidth); } .studentPlacementsInternshipsPageWrapper .planningWrapper h3 {font-size:var(--fontsize36); color:var(--greyColor1); margin:0 0 15px; font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper .planningWrapper p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; letter-spacing: 0px; font-family:poppins;} .studentPlacementsInternshipsPageWrapper .infoWrapper {margin:0; padding: 0; display: flex; width: var(--fullwidth); padding: 50px 20px;} .studentPlacementsInternshipsPageWrapper .infoContainer {margin:0 auto; padding: 0; max-width: var(--maxwidth); display: flex; flex-direction:column; width: var(--fullwidth); } .studentPlacementsInternshipsPageWrapper .infoWrapper h3 {font-size:var(--fontsize16); color:var(--greyColor2); margin:0 0px; font-weight:400; font-family:poppinsbold; font-weight: normal} .studentPlacementsInternshipsPageWrapper .infoWrapper p{font-size:var(--fontsize16); text-align: center; color:var(--greyColor3); font-weight:400; letter-spacing: 0px; font-family:poppins;} .studentPlacementsInternshipsPageWrapper .infoWrapper ol{margin:0; padding:0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px;} .studentPlacementsInternshipsPageWrapper .infoWrapper ol li{display: flex; align-items: center; flex-direction: column; border-radius: 16px; padding: 20px; width: var(--fullwidth); background-color:var(--lightPrimaryColor); } .studentPlacementsInternshipsPageWrapper .infoWrapper ol li .icon{display: flex; align-items: center; margin-bottom: 15px;} .studentPlacementsInternshipsPageWrapper .infoWrapper ol li i{ margin-right:10px; align-items: center; justify-content: center; width:50px; height:50px; display: flex; flex-shrink: 0; border-radius: 8px; background-color: var(--whiteColor);} .studentPlacementsInternshipsPageWrapper .infoWrapper ol li:nth-child(1) i{box-shadow: 0px 4px 4px rgba(77, 159, 252, 0.2);} .studentPlacementsInternshipsPageWrapper .infoWrapper ol li:nth-child(2) i{box-shadow: 0px 4px 4px rgba(220, 0, 54, 0.15);} .studentPlacementsInternshipsPageWrapper .infoWrapper ol li:nth-child(3) i{box-shadow: 0px 4px 4px rgba(234, 182, 0, 0.15);} .studentPlacementsInternshipsPageWrapper .advtBannerSection{ display:flex; flex-direction: column; width: var(--fullwidth); background-color: var(--whiteColor); padding: 50px 0px 0} .studentPlacementsInternshipsPageWrapper .advtBannerSection .advtBannerContainer {display:flex; position: relative; flex-direction: column;width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .advtBannerSection h4{ font-size:var(--fontsize36); font-family:poppins; font-weight: 400; color:var(--whiteColor); margin:0 0 15px} .studentPlacementsInternshipsPageWrapper .advtBannerSection h3{ font-size:var(--fontsize56); color:var(--whiteColor); margin:0 0 15px} .studentPlacementsInternshipsPageWrapper .advtBannerSection p{ font-size:var(--fontsize20); color:var(--whiteColor); margin:0 0 25px} .studentPlacementsInternshipsPageWrapper .advtBannerSection .actions{display: flex;width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .advtBannerSection .actions a{background-color: var(--blackColor); padding:5px 45px; font-size:var(--fontsize20); color:var(--whiteColor);} .studentPlacementsInternshipsPageWrapper .advtBannerSection .overlay{background: linear-gradient(90.27deg, #DF5736 8.66%, rgba(0, 0, 0, 0) 89.12%); display:flex; justify-content:center; position: absolute; left:0; top:0; right:0; bottom:0; border-bottom:0px solid var(--blackColor);} .studentPlacementsInternshipsPageWrapper .advtBannerSection .overlay .block{ max-width: var(--maxwidth); width: var(--fullwidth); padding-left: 20px; padding-right: 20px; justify-content:center; margin:0 auto; flex-direction: column; display: flex;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper {margin:0; padding: 0; display: flex; width: var(--fullwidth); padding: 50px 20px;} .studentPlacementsInternshipsPageWrapper .careerGrowthContainer {margin:0 auto; padding: 0; max-width: var(--maxwidth); display: flex; flex-direction:column; width: var(--fullwidth); } .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol{ margin:0; padding: 0; display: grid; gap: 30px; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top:0px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li{padding:20px; display: flex; flex-direction: column; justify-content: space-between; border-radius:8px; min-height: 244px; list-style-type: none; margin:0; background-color: var(--whiteColor);} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li p{font-size:var(--fontsize14); color:var(--whiteColor); font-weight: 400;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li h3{font-size:var(--fontsize18); color:var(--whiteColor); margin:0 0 10px; font-weight:400;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li i{width:51px; margin:0 0 15px; height:51px; align-items: center; justify-content: center; display: flex;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li:nth-child(1){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--primaryColor); background-repeat: no-repeat; background-size: cover; } .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li:nth-child(2){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--lightGreen); background-repeat: no-repeat; background-size: cover; } .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li:nth-child(3){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--lightRed); background-repeat: no-repeat; background-size: cover; } .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol li:nth-child(4){background-blend-mode: color-burn; background:url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--lightPurple); background-repeat: no-repeat; background-size: cover; } .studentPlacementsInternshipsPageWrapper .contactLeadFormWrapper {margin:0; padding: 0; background-color: var(--lightPrimaryColor); display: flex; position: static; width: var(--fullwidth); padding: 50px 20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer {margin:0 auto; align-items: center; padding: 0; max-width: var(--maxwidth); display: flex; width: var(--fullwidth); gap:60px; } .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3{font-size:var(--fontsize38); color:var(--primaryColor); margin:0 0 10px; font-weight:400;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .left{width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .right{width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer p{font-size:var(--fontsize18); color:var(--greyColor2); font-family:poppins; font-weight: 400;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper{background-color: var(--whiteColor); box-shadow: 0px 4px 39px rgba(0, 0, 0, 0.15); padding: 20px; border-radius:16px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper h3{font-size: var(--fontsize24);text-align: center; color: var(--greyColor1); margin-bottom:10px; font-family:poppinsbold; } .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper p{font-size: var(--fontsize14);text-align: center; color: var(--greyColor3); margin-bottom:10px; font-family:poppins; } .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group:first-child{margin-top: 0;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formMain{display: flex; width: var(--fullwidth);} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formMain .programThumb{width: var(--fullwidth); max-width: 50%; max-height: 300px; overflow: hidden;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formMain .programThumb img{object-fit: contain; height: 100%} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group{display: flex; width: var(--fullwidth); margin-top:25px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group p{display: flex; width: var(--fullwidth); margin:0} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group p span{width: var(--fullwidth); margin:0} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group input[type="text"]{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group input[type="tel"]{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group select{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-actions{width: var(--fullwidth); margin-top:20px; display: flex; justify-content: center; align-items: center;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-actions input[type="submit"]{background-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-actions input[type="submit"]:hover{background-color: var(--primaryColor); border-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer .formWrapper .form-group .wpcf7-not-valid-tip{text-align: left} .moreMenuSidebar.open{right:0px; opacity: 1; visibility: visible;} .moreMenuSidebar{position: fixed; right:0; top:0; bottom:0; left:0; transition: all 0.2s ease; right: -500px; opacity: 0; visibility: hidden; z-index: 22000004756; background-color: rgba(0,0,0,0.8);} .moreMenuSidebar .moreMenuSidebarContainer{max-width: 500px; margin-left: auto; background-color: var(--whiteColor); padding:20px;} .moreMenuSidebar .menuWrapper{display: flex; width: var(--fullwidth); margin-top: 60px;} .moreMenuSidebar .menuWrapper ul{ margin:0; padding:0; display: grid; width: var(--fullwidth); gap: 30px; grid-template-columns: repeat(2,minmax(0,1fr));} .moreMenuSidebar .menuWrapper ul li{list-style-type: none; margin-bottom:0px; } .moreMenuSidebar .menuWrapper ul li a{font-size: var(--fontsize22); position: relative; color: var(--greyColor1); font-family:poppinsbold; } .moreMenuSidebar .menuWrapper ul li a::after{content:''; width:18px; height: 18px; margin-left: 10px; background-repeat: no-repeat; top:50%; margin-top: -9px; background-image: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/moreArrow.svg); position: absolute; right:0; left:100%} .moreMenuSidebar .contactWrapper{display: grid; gap: 30px; grid-template-columns: repeat(2,minmax(0,1fr));} .moreMenuSidebar .contactWrapper .address{font-size: var(--fontsize12); color: var(--greyColor1); } .moreMenuSidebar .contactWrapper .address .sideBarlogo{display: flex; margin-bottom: 15px;} .moreMenuSidebar .contactWrapper .address p{font-size: var(--fontsize12); color: var(--greyColor1); margin: 0 0 5px} .moreMenuSidebar .contactWrapper .address div{display: flex; gap:15px;} .moreMenuSidebar .contactWrapper .address div a{color: var(--primaryColor); font-size: var(--fontsize16); } .moreMenuSidebar .menuClose{display: flex; justify-content: flex-end; font-size: var(--fontsize16); color: var(--greyColor1); font-family:poppins; } .moreMenuSidebar .menuClose i{margin-right: 5px;} .moreMenuSidebar .mainWrapper{display: flex; flex-direction: column; justify-content: space-between; height: calc(100vh - 60px);} .researchAtMecWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .researchAtMecWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .researchAtMecWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .researchAtMecWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .researchAtMecWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .researchAtMecWrapper .contentSection{display: flex; gap:40px;width: var(--fullwidth); position: relative; max-width: var(--maxwidth); margin: 0 auto; padding: 20px 20px;} .researchAtMecWrapper .contentSection nav{position: relative;} .researchAtMecWrapper .contentSection nav::before{ content:''; border-radius:0px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .researchAtMecWrapper .contentSection nav ul{position: relative; z-index: 1;} .researchAtMecWrapper .contentSection nav li a{font-family:poppinsbold; display: flex; border-bottom:1px solid var(--whiteColor); padding:10px 15px; text-decoration: none; font-size:var(--fontsize16); color:var(--whiteColor);} .researchAtMecWrapper .contentSection nav li a[aria-current] { background-color:var(--lightBlue);} .researchAtMecWrapper .contentSection .leftSidebar{display: flex; flex-direction: column; width: var(--fullwidth); max-width: 300px;} .researchAtMecWrapper .contentSection .rightSidebar{display: flex; flex-direction: column; width: var(--fullwidth);} .researchAtMecWrapper .contentSection .rightSidebar h3{font-size:var(--fontsize24);font-family:poppinsbold; margin: 0 0 15px} .researchAtMecWrapper .contentSection .rightSidebar h4{font-size:var(--fontsize20);font-family:poppinsbold; margin: 0 0 15px} .researchAtMecWrapper .contentSection .rightSidebar p{font-size:var(--fontsize14); color:var(--greyColor3);;font-family:poppins; margin: 0 0 10px} .researchAtMecWrapper .contentSection .rightSidebar ul{margin: 10px 0; padding: 0; list-style-position: inside;} .researchAtMecWrapper .contentSection .wp-block-group{display: grid; gap: 30px; grid-template-columns: repeat(2,minmax(0,1fr)); margin-bottom: 15px;} .researchAtMecWrapper .contentSection .wp-block-group:before, .researchAtMecWrapper .contentSection .wp-block-group:after{display: none} .researchAtMecWrapper .contentSection .wp-block-table thead{border-bottom:0px none;} .researchAtMecWrapper .contentSection .wp-block-group.nocolumn{grid-template-columns: repeat(1, minmax(0, 1fr)); gap:0px} .researchAtMecWrapper .contentSection .wp-block-group.nocolumn .wp-block-image{text-align: left} .researchAtMecWrapper .contentSection .pagesTabs{background-color: var(--whiteColor); display: flex; top:0; padding: 25px 20px; position: sticky; justify-content: center; z-index: 2200003003; z-index: 0; align-self: flex-start; width: var(--fullwidth); } .researchAtMecWrapper .contentSection .pagesTabs a{font-size:var(--fontsize16); padding: 5px 10px; color:var(--greyColor3); margin-left: 15px; font-weight: 400;} .researchAtMecWrapper .contentSection .pagesTabs a:first-child{margin-left: 0;} .researchAtMecWrapper .contentSection .pagesTabs a:hover{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px;color: var(--whiteColor); background-color: var(--primaryColor);} .researchAtMecWrapper .contentSection .pagesTabs a.active{font-size: var(--fontsize16); padding: 5px 10px; border-radius: 4px; font-family: poppinsbold; color: var(--whiteColor); background-color: var(--primaryColor);} .researchAtMecWrapper .contentSection a{color:var(--primaryColor);} .internationalStudentsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .internationalStudentsWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .internationalStudentsWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .internationalStudentsWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .internationalStudentsWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize24); color:var(--whiteColor); font-family:poppins;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .internationalStudentsWrapper .contentSection{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; background-color: var(--whiteColor);} .internationalStudentsWrapper .contentSection .contentContainer{max-width:var(--maxwidth); gap:60px; width: var(--fullwidth); flex-direction: column; margin: 0 auto; display: flex;} .internationalStudentsWrapper .contentSection .contentContainer .left{display: flex; flex-direction: column; text-align: center; width: var(--fullwidth); max-width:none;} .internationalStudentsWrapper .contentSection .contentContainer .right{display: flex; flex-direction: column; text-align: center; max-width:none;} .internationalStudentsWrapper .contentSection .contentContainer h4{font-size:var(--fontsize28); margin:0 0 10px; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; font-weight: normal} .internationalStudentsWrapper .contentSection .contentContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; margin:0 0 30px;font-family:poppins; font-weight: normal} .internationalStudentsWrapper .contentSection .contentContainer ol { margin:0; padding:0; display: grid; gap: 30px; grid-template-columns: repeat(4,minmax(0,1fr));} .internationalStudentsWrapper .contentSection .contentContainer ol li{display: flex; align-items: center; background-blend-mode: color-burn; padding:40px; border-radius:8px; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--primaryColor); background-repeat: no-repeat; background-size: cover;} .internationalStudentsWrapper .contentSection .contentContainer ol li h3{font-size:var(--fontsize24); margin:0 0 10px; color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .internationalStudentsWrapper .contentSection .block{display: flex; justify-content: center; flex-wrap: wrap; width: var(--fullwidth); margin-bottom: 70px;} .internationalStudentsWrapper .contentSection .block div{background-color: var(--whiteColor); border-radius:16px; padding: 15px; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.15);} .internationalStudentsWrapper .contentSection .block div:nth-child(1){transform: rotate(5.76deg); border-radius:16px;} .internationalStudentsWrapper .contentSection .block div:nth-child(2){transform: rotate(-9.89deg); border-radius:16px;} .internationalStudentsWrapper .contentSection .block div:nth-child(3){transform: rotate(5.27deg); border-radius:16px;} .internationalStudentsWrapper .contentSection .block div img{border-radius:16px;} .internationalStudentsWrapper .contentInfoSection{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; background-color: var(--whiteColor);} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer{max-width:1200px; gap:80px; width: var(--fullwidth); margin: 0 auto; display: grid; grid-template-columns: repeat(2,minmax(0,1fr));} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer .left{display: flex; flex-direction: column; text-align: left; align-items:flex-start; width: var(--fullwidth);} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer .right{display: flex; flex-direction: column; text-align: left;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer .right{display: flex; flex-direction: column; text-align: left;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer h4{font-size:var(--fontsize28); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer p{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; margin:0 0 10px;font-family:poppins; font-weight: normal} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer p + p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; margin:0 0 15px;font-family:poppins; font-weight: normal} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer .actions{display: flex; align-items: center;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer .actions a{display: flex; align-items: center;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer .actions a i{margin-left: 5px;} .internationalStudentsWrapper .contactSection{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; display: flex; align-items: center; background-blend-mode: color-burn; padding:40px; border-radius:8px; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/career-growth-list-bg.png),var(--primaryColor); background-repeat: no-repeat; background-size: cover;} .internationalStudentsWrapper .contactSection .contactContainer{max-width: var(--maxwidth);width: var(--fullwidth); margin: 0 auto;} .internationalStudentsWrapper .contactSection .contactContainer h4{font-size:var(--fontsize36); text-align: center; margin:0 0 50px; color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .internationalStudentsWrapper .contactSection .contactContainer p{font-size:var(--fontsize16); color:var(--whiteColor); font-weight:400; margin:0 0 10px;font-family:poppins; font-weight: normal} .internationalStudentsWrapper .contactSection .contactContainer ol { margin:0; padding:0; display: grid; gap: 30px; grid-template-columns: repeat(3,minmax(0,1fr));} .internationalStudentsWrapper .contactSection .contactContainer ol li{display: flex; align-items: center; flex-direction: column;} .internationalStudentsWrapper .contactSection .contactContainer ol li h3{font-size:var(--fontsize24); margin:0 0 10px; color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .internationalStudentsWrapper .contactSection .contactContainer ol li i{margin-bottom: 15px; display: flex;} .internationalStudentsWrapper .contactSection .contactContainer .actions{display: flex; align-items: center; margin-top: 30px; width: var(--fullwidth); justify-content: center} .internationalStudentsWrapper .contactSection .contactContainer .actions a{display: flex; align-items: center;} .internationalStudentsWrapper .contactSection .contactContainer .actions a i{margin-left: 5px;} .accessOurExpertiseWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .accessOurExpertiseWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); text-align: left; color:var(--whiteColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize24); color:var(--whiteColor); font-family:poppins;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .accessOurExpertiseWrapper h3{ font-size:var(--fontsize36); text-align: center; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 5px} .accessOurExpertiseWrapper h4{ font-size:var(--fontsize36); text-align: center; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 20px} .accessOurExpertiseWrapper h6{ font-size:var(--fontsize16); letter-spacing: normal; font-family:poppinsbold; font-weight: 400; color:var(--greyColor1); margin:0 0 10px} .accessOurExpertiseWrapper h6 + p{font-size:var(--fontsize16); letter-spacing: normal; text-align: left; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 30px} .accessOurExpertiseWrapper p{ font-size:var(--fontsize16); text-align: center; font-family:poppins; font-weight: 400; color:var(--greyColor1); margin:0 0 25px} .accessOurExpertiseWrapper .breadcrumbWrapper a{color: var(--greyColor3);} .accessOurExpertiseWrapper .breadcrumbWrapper span{color: var(--greyColor3);} .accessOurExpertiseWrapper .contentFormSection {display: flex; width: var(--fullwidth); height: auto; padding: 50px 20px} .accessOurExpertiseWrapper .contentFormSection .contentFormContainer{max-width: var(--maxwidth);width: var(--fullwidth); margin: 0 auto;} .accessOurExpertiseWrapper .formWrapper{background-color: var(--whiteColor); border-radius:16px; bordeR:1px solid var(--greyColor5); padding: 20px; max-width: 1000px; margin:0 auto; width: var(--fullwidth);} .accessOurExpertiseWrapper .formWrapper .form-group{display: flex; margin-bottom: 25px;} .accessOurExpertiseWrapper .formWrapper .doubleWrapper{display: grid; gap: 30px; grid-template-columns: repeat(2,minmax(0,1fr));} .accessOurExpertiseWrapper .formWrapper .form-group.column{flex-direction: column;} .accessOurExpertiseWrapper .formWrapper .form-group > p{display: flex; flex-direction: column; text-align: left; margin-bottom:0px; width: var(--fullwidth);} .accessOurExpertiseWrapper .formWrapper p.textLeft{text-align: left} .accessOurExpertiseWrapper .formWrapper .fluentform .ff-el-form-check-label .ff-el-form-check-input:after{display: none;} .accessOurExpertiseWrapper .formWrapper .form-group p label{ display: flex; font-size:var(--fontsize14);margin:0 0 5px; text-align: left; font-family:poppins; font-weight: 400; color:var(--greyColor1);} .accessOurExpertiseWrapper .formWrapper .form-group input[type="text"]{background-color: var(--greyColor4); border-radius:8px; padding:10px 10px; border:0px none; width: var(--fullwidth); } .accessOurExpertiseWrapper .formWrapper .form-group input[type="date"]{background-color: var(--greyColor4); border-radius:8px; padding:10px 10px; border:0px none; width: var(--fullwidth); } .accessOurExpertiseWrapper .formWrapper .form-group textarea{background-color: var(--greyColor4); max-height: 80px; resize:none; border-radius:8px; padding:10px 10px; border:0px none; width: var(--fullwidth); } .accessOurExpertiseWrapper .formWrapper .form-group input[type="tel"]{background-color: var(--greyColor4); border-radius:8px; padding:10px 10px; border:0px none; width: var(--fullwidth); } .accessOurExpertiseWrapper .formWrapper .form-group input[type="email"]{background-color: var(--greyColor4); border-radius:8px; padding:10px 10px; border:0px none; width: var(--fullwidth); } .accessOurExpertiseWrapper .formWrapper .form-group input[type="checkbox"]{margin:0 5px 0 0 } .accessOurExpertiseWrapper .formWrapper .form-group select{background-color: var(--greyColor4); border-radius:8px; border:0px none; width: var(--fullwidth); } .accessOurExpertiseWrapper .formWrapper .form-group .wpcf7-list-item{margin: 0;} .accessOurExpertiseWrapper .formWrapper .form-group .wpcf7-list-item label{margin-bottom: 0; display: flex; cursor: pointer; align-items: center; margin-right: 15px;} .accessOurExpertiseWrapper .formWrapper .form-group .wpcf7-list-item label input[type="radio"]{margin-right:5px;} .accessOurExpertiseWrapper .formWrapper .form-actions{width: var(--fullwidth); margin-top:20px; display: flex; justify-content: center; align-items: center;} .accessOurExpertiseWrapper .formWrapper .form-actions input[type="submit"]{background-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .accessOurExpertiseWrapper .formWrapper .form-actions input[type="submit"]:hover{background-color: var(--primaryColor); border-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .accessOurExpertiseWrapper .formWrapper .form-group .wpcf7-not-valid-tip{text-align: left} .accessOurExpertiseWrapper ul{margin: 0 0 30px; padding: 0;} .accessOurExpertiseWrapper ul li{margin: 0; padding: 0; list-style-position: inside;} .accessOurExpertiseWrapper ol{margin: 0 0 30px; padding: 0;} .accessOurExpertiseWrapper ol li{margin:10px 0 10px; padding: 0; list-style-position: inside;} .accessOurExpertiseWrapper ol li ul{margin-bottom:10px; margin-left: 20px;} .accessOurExpertiseWrapper a{text-decoration: underline;} .businessEnterprisePageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px} .businessEnterprisePageWrapper .businessEnterpriseContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 0px; display: flex; position: relative; width: var(--fullwidth);} .businessEnterprisePageWrapper .heroWrapper .heroSlider {display: flex; height:100%; max-height: 484px; width: var(--fullwidth); height: auto; z-index: unset;} .businessEnterprisePageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .businessEnterprisePageWrapper .heroWrapper .heroSlider .items video{width: var(--fullwidth); object-fit: cover; height: var(--fullheight);} .businessEnterprisePageWrapper .heroWrapper .heroSlider .items{display: flex; width: var(--fullwidth); position: relative;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h5{font-size:var(--fontsize24); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay p{font-size:var(--fontsize16); color:var(--whiteColor); font-weight:400; font-family:poppins; font-weight: normal} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize48); color:var(--whiteColor); font-weight:400; font-family:poppinsbold; margin:0 0 10px; font-weight: normal} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .businessEnterprisePageWrapper .contentWrapper{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; display: flex; align-items: center;} .businessEnterprisePageWrapper .contentWrapper .contentContainer{max-width:1000px; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 50px; width: var(--fullwidth); margin: 0 auto;} .businessEnterprisePageWrapper .contentWrapper .contentContainer h3{font-size:var(--fontsize28); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .businessEnterprisePageWrapper .contentWrapper .contentContainer h4{font-size:var(--fontsize24); margin:0 0 10px; color:var(--greyColor1); font-weight:400; font-family:poppins; font-weight: normal} .businessEnterprisePageWrapper .contentWrapper .contentContainer p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 10px;font-family:poppins; font-weight: normal} .businessEnterprisePageWrapper .contentWrapper .contentContainer .actions{display: flex; width: var(--fullwidth); } .businessEnterprisePageWrapper .contentWrapper .contentContainer .actions a{ display:flex; align-items:center; gap:5px; } .foundersPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .foundersPageWrapper .foundersPageContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 30px; display: flex; position: relative; width: var(--fullwidth);} .foundersPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .foundersPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .foundersPageWrapper .heroWrapper .heroSlider .items{display: flex; background-color: rgba(); position: relative; width: var(--fullwidth); position: relative;} .foundersPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 19.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .foundersPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px; font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .foundersPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .foundersPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .foundersPageWrapper .mainWrapper{display: flex; max-width: var(--maxwidth); width: var(--fullwidth);} .foundersPageWrapper .mainWrapper .sidebar{display: flex; margin-top:50px; width: var(--fullwidth); flex-direction: column; max-width: 300px;} .foundersPageWrapper .mainWrapper .sidebar nav{position: relative;} .foundersPageWrapper .mainWrapper .sidebar nav::before{ content:''; border-radius:0px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center;} .foundersPageWrapper .mainWrapper .sidebar nav ul{position: relative; z-index: 1;} .foundersPageWrapper .mainWrapper .sidebar nav li a{font-family:poppinsbold; display: flex; border-bottom:1px solid var(--whiteColor); padding:10px 15px; text-decoration: none; font-size:var(--fontsize16); color:var(--whiteColor);} .foundersPageWrapper .mainWrapper .sidebar nav li a[aria-current] { background-color:var(--lightBlue);} .foundersPageWrapper .mainContent{display: flex; flex-direction: column; flex:1} .foundersPageWrapper .contentWrapper{display: flex; width: var(--fullwidth); position: relative; padding: 50px 20px; display: flex; align-items: center;} .foundersPageWrapper .contentWrapper .contentContainer{max-width: var(--maxwidth); display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 50px; width: var(--fullwidth); margin: 0 auto;} .foundersPageWrapper .contentWrapper .contentContainerNew{max-width: var(--maxwidth); display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 50px; width: var(--fullwidth); margin: 0 auto;} .foundersPageWrapper .contentWrapper .contentContainer h3{font-size:var(--fontsize28); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .contentWrapper .contentContainerNew h4{font-size:var(--fontsize16); line-height: 29px; margin:0 0 0px; color:var(--greyColor1); font-weight:400; font-family:poppins; font-weight: normal} .foundersPageWrapper .contentWrapper .contentContainer h4{font-size:var(--fontsize16); margin:0 0 0px; color:var(--greyColor1); font-weight:400; font-family:poppins; font-weight: normal} .foundersPageWrapper .contentWrapper .contentContainer p{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; margin:0 0 10px;font-family:poppins; font-weight: normal} .foundersPageWrapper .contentWrapper .contentContainer .actions{display: flex; width: var(--fullwidth); } .foundersPageWrapper .contentWrapper .contentContainer .actions a{ display:flex; align-items:center; gap:5px; } .foundersPageWrapper .contentWrapper .contentContainerFull{max-width: var(--maxwidth); display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px; width: var(--fullwidth); margin: 0 auto;} ..foundersPageWrapper .contentWrapper .contentContainerFull h3{font-size:var(--fontsize16); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .contentWrapper .contentContainerFull p{font-size:var(--fontsize14); margin:0 0 0px; color:var(--greyColor3); font-weight:400; font-family:poppins; font-weight: normal} . .foundersPageWrapper .contentWrapper .contentContainerSingle{max-width: var(--maxwidth); display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 50px; width: var(--fullwidth); margin: 0 auto;} .foundersPageWrapper .contentWrapper .contentContainerSingle ol{margin:0; width: var(--fullwidth); padding: 0; gap:30px; display:grid; grid-template-columns: repeat(4,minmax(0,1fr));} .foundersPageWrapper .contentWrapper .contentContainerSingle ol li{margin:0; width: var(--fullwidth); flex-direction: column; gap:10px; display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); padding: 0;} .foundersPageWrapper .contentWrapper .contentContainerSingle ol li h3{font-size:var(--fontsize16); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .contentWrapper .contentContainerSingle ol li p{font-size:var(--fontsize14); margin:0 0 0px; color:var(--greyColor3); font-weight:400; font-family:poppins; font-weight: normal} .foundersPageWrapper .boardOfTrusteesWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h3{font-size:var(--fontsize36); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 60px; font-weight: normal} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h4{font-size:var(--fontsize18); margin:0 0 10px; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{display: flex; width: 100%; gap:30px; justify-content: center; padding:0 20px} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{display: flex; align-items:flex-start; width: var(--fullwidth);max-width:25%} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{display: flex; align-items:flex-start; flex-direction: column; width: var(--fullwidth); max-width: 75%} .foundersPageWrapper .botMembersWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer{flex-direction: column; max-width: var(--maxwidth); margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .foundersPageWrapper .botMembersWrapper .botMembersContainer h3{font-size:var(--fontsize36); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 60px; font-weight: normal} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol{margin:0; align-items: flex-start; width: var(--fullwidth); padding: 0; gap:30px; display:grid; grid-template-columns: repeat(3,minmax(0,1fr));} .foundersPageWrapper .botMembersWrapper .botMembersContainer img{border-radius:10px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol li{display: flex; flex-direction: column; gap:10px; display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); margin:0; padding: 0; flex-shrink: 0;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol li h3{font-size:var(--fontsize18); margin:0 0 10px; text-align: left; color:var(--primaryColor); font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol li .thumb{display: flex; min-height: 300px; max-height: 300px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol li .thumbContent{display: flex; flex-direction: column; align-items: flex-start;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol li .thumbContent p + p{color:var(--greyColorLight); margin-top: 5px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol li .thumb img{height: 100%; object-fit: contain; width: 100%; max-height: 300px;} .foundersPageWrapper .visionWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .foundersPageWrapper .visionWrapper .visionContainer{ max-width: var(--maxwidth); margin:0 auto; align-items: center; display: grid; gap:40px; grid-template-columns: repeat(2,minmax(0,1fr)); width: var(--fullwidth);} .foundersPageWrapper .visionWrapper .visionContainer h3{font-size:var(--fontsize36); margin:0 0 0px; text-align: left; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; font-weight: normal} .foundersPageWrapper .academicCollaborationsWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .foundersPageWrapper .academicCollaborationsWrapper .academicCollaborationsContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .foundersPageWrapper .academicCollaborationsWrapper .academicCollaborationsContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .foundersPageWrapper .academicCollaborationsWrapper .academicCollaborationsContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .foundersPageWrapper .coventryUniversityWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer{max-width: var(--maxwidth); margin:0 auto; display: flex; position: relative; width: var(--fullwidth);} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .left{width: var(--fullwidth); align-items: center; max-width: 40%; display: flex;} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right{width: var(--fullwidth); max-width: 60%; display: flex;} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer h4{font-size:var(--fontsize16); color:var(--greyColor3); font-weight:400; font-family:poppinsbold; margin: 0 0 15px; font-weight: normal} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer h5{font-size:var(--fontsize16); color:var(--greyColor2); font-weight:400; font-family:poppinsbold; margin: 0 0 5px; font-weight: normal} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol li div p{font-size:var(--fontsize12); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right{display: flex; flex-direction: column; align-items: flex-start;} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol{ margin:0; padding: 0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol li{display: flex; align-items: flex-start; margin:0; padding: 0;} .foundersPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right ol li i{display: flex; flex-shrink: 0; width: 5px; margin-top: 7px; border-radius:100%; align-items: center; background-color:var(--greyColor2); height: 5px; margin-right: 10px;} .foundersPageWrapper .bredaUniversityWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .foundersPageWrapper .bredaUniversityWrapper .bredaUniversityContainer{max-width: var(--maxwidth); margin:0 auto; display: flex; position: relative; gap:100px; width: var(--fullwidth);} .foundersPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .left{width: var(--fullwidth); flex-direction: column; max-width: 60%; display: flex;} .foundersPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .right{width: var(--fullwidth); align-items: center; max-width: 40%; display: flex;} .foundersPageWrapper .bredaUniversityWrapper .bredaUniversityContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .foundersPageWrapper .bredaUniversityWrapper .bredaUniversityContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 30px; font-weight: normal} .foundersPageWrapper .membershipWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px; background-color: var(--whiteColor);} .foundersPageWrapper .membershipWrapper .membershipContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; gap:20px; width: var(--fullwidth);} .foundersPageWrapper .membershipWrapper .membershipContainer h3{font-size:var(--fontsize24); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 30px; font-weight: normal} .foundersPageWrapper .membershipWrapper .membershipContainer h4{font-size:var(--fontsize16); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .foundersPageWrapper .membershipWrapper .membershipContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .foundersPageWrapper .membershipWrapper .membershipContainer ol{ margin:0; padding: 0; display:grid; grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px;} .foundersPageWrapper .membershipWrapper .membershipContainer ol li{ margin:0; padding: 0 0 10px; border-bottom:1px solid var(--greyColor5); display:flex; width: var(--fullwidth);} .foundersPageWrapper .membershipWrapper .membershipContainer ol li .thumb{margin-right: 10px; max-width: 200px; width: var(--fullwidth); justify-content: center; display: flex; align-items: center;} .foundersPageWrapper .membershipWrapper .membershipContainer ol li a{color:var(--lightRed);} .foundersPageWrapper .associationMembershipWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; gap:20px; width: var(--fullwidth);} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer h3{font-size:var(--fontsize24); text-align: center; color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 0px; font-weight: normal} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer .seperator{display: flex; width:var(--fullwidth); max-width: 160px; background-color: var(--primaryColor); height: 2px; margin: 0 auto 30px;} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer h4{font-size:var(--fontsize16); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer p{font-size:var(--fontsize14); color:var(--greyColor3); font-weight:400; font-family:poppins; margin: 0 0 0px; font-weight: normal} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer ol{ margin:0; padding: 0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px;} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li{ margin:0; padding: 0 0 0px; display:flex; width: var(--fullwidth);} .foundersPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumb{margin-right: 10px; max-width: 200px; width: var(--fullwidth); justify-content: center; display: flex; align-items: center;} .foundersPageWrapper .contactWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding:50px 20px;} .foundersPageWrapper .contactWrapper .contactContainer{max-width: var(--maxwidth); flex-direction: column; margin:0 auto; display: flex; position: relative; gap:10px; width: var(--fullwidth);} .foundersPageWrapper .contactWrapper .contactContainer ol{display: grid; gap:40px; grid-template-columns: repeat(2,minmax(0,1fr)); width: var(--fullwidth);} .foundersPageWrapper .contactWrapper .contactContainer ol li{display: flex; width: var(--fullwidth); flex-direction: column;} .foundersPageWrapper .contactWrapper .contactContainer ol li h4{font-size:var(--fontsize22); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .foundersPageWrapper .contactWrapper .contactContainer ul{display: grid; gap:40px; grid-template-columns: repeat(2,minmax(0,1fr)); width: var(--fullwidth);} .foundersPageWrapper .contactWrapper .contactContainer ul li{display: flex; width: var(--fullwidth); flex-direction: column;} .foundersPageWrapper .contactWrapper .contactContainer ul li h4{font-size:var(--fontsize22); color:var(--greyColor1); font-weight:400; font-family:poppinsbold; margin: 0 0 10px; font-weight: normal} .error404Wrapper {display: flex; width: var(--fullwidth);} .error404Wrapper .error404Container { display: flex; justify-content: center; align-items: center; margin: 0 auto; padding-top: 150px;padding-bottom: 50px; flex-direction: column; max-width: var(--maxwidth); height: 100%; width: var(--fullwidth);} .error404Wrapper .error404Container h1{ font-size:var(--fontsize34); color:var(--primaryColor); margin:0 0 10px;} .error404Wrapper .error404Container p{ font-size:var(--fontsize14); color:var(--primaryColor);text-align: center; margin:0 0 15px; padding: 0;} .error404Wrapper .error404Container p + p{ font-size:var(--fontsize14); margin:0 0 15px; color:var(--blackColor); text-align: center;} .error404Wrapper .error404Container .banner{display: flex; width: var(--fullwidth); text-align: center; justify-content: center;} .error404Wrapper .error404Container .banner img{max-width: 100%} .error404Wrapper .error404Container .actions{display: flex; margin-top: 15px; width: var(--fullwidth); text-align: center; justify-content: center;} .error404Wrapper .error404Container .actions a{padding: 5px 20px; } .graduationCeremonyPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--whiteColor);} .graduationCeremonyPageWrapper .graduationCeremonyPageContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 30px; display: flex; position: relative; width: var(--fullwidth);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .items{display: flex; background-color: rgba(); position: relative; width: var(--fullwidth); position: relative;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 39.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px; font-weight:400; font-family:poppinsbold; font-weight: normal} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay p{font-size:var(--fontsize36); color:var(--whiteColor);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .graduationCeremonyPageWrapper .sessionsSection{ display:flex; flex-direction: column; width: var(--fullwidth); padding: 50px 20px;} .graduationCeremonyPageWrapper .sessionsSection .sessionsSectionContainer{ display:flex; flex-direction: column; margin:0 auto; width: var(--fullwidth); max-width: var(--maxwidth);} .graduationCeremonyPageWrapper .sessionsSection h2{ font-size:var(--fontsize32); color:var(--blackColor); margin:0 0 45px} .graduationCeremonyPageWrapper .sessionsSection p{ font-size:var(--fontsize14); font-weight: 400; font-family:poppins; color:var(--whiteColor); margin:0 0 0px} .graduationCeremonyPageWrapper .sessionsSection ol{ display: grid; gap:30px; margin:0; padding:0; grid-template-columns: repeat(4,minmax(0,1fr));} .graduationCeremonyPageWrapper .sessionsSection ol li{display: flex; position: relative; transition:all 0.2s ease; flex-direction: column; padding:0px; border-radius:16px; width: var(--fullwidth);} .graduationCeremonyPageWrapper .sessionsSection ol li iframe{ border-radius: 16px; } .graduationCeremonyPageWrapper .sessionsSection ol li a{position: relative; height: 100%; display: flex; padding:0px;} .graduationCeremonyPageWrapper .sessionsSection ol li i{width:40px; transition:all 0.2s ease; height: 40px; border-radius:6px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center} .graduationCeremonyPageWrapper .sessionsSection ol h3{ font-size:var(--fontsize24); font-family:poppinsbold; color:var(--whiteColor); margin:0 0 0px} .graduationCeremonyPageWrapper .sessionsSection ol li .actions{display: flex; justify-content: flex-end;} .graduationCeremonyPageWrapper .sessionsSection ol li .actions i{display: flex; background-color:var(--greyColorLight); color:var(--whiteColor); width: 40px; height: 40px; border-radius:100%;} .graduationCeremonyPageWrapper .sessionsSection ol li .actions i{margin:0;} .graduationCeremonyPageWrapper .sessionsSection ol li img{object-fit: cover; width: 100%;} .graduationCeremonyPageWrapper .sessionsSection ol li .overlay{position: absolute; flex-direction: column; border-radius:16px; display: flex; align-items:flex-start; justify-content: flex-end; background-color: rgba(0,0,0,0.2); top:0; padding:15px; bottom:0; left:0; right:0;} .graduationCeremonyPageWrapper .sessionsSection ol li .overlay .bottomContent{display: flex; width: 100%; align-items: flex-end;} .graduationCeremonyPageWrapper .sessionsSection ol li .overlay .bottomContent > .block{display: flex; flex:1; flex-direction: column;} .graduationCeremonyPageWrapper .sessionsSection ol li .tag{display: flex; width:var(--fullwidth); position: absolute; top:10px; left:10px;} .graduationCeremonyPageWrapper .sessionsSection ol li .tag span{font-size:var(--fontsize14); padding: 2px 10px; background-color:#0E1638; border-radius: 15px; color:var(--whiteColor);} .graduationCeremonyPageWrapper .heroWrapper1{display: flex; width: var(--fullwidth);} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 img{width: var(--fullwidth);} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .items{display: flex; background-color: rgba(); position: relative; width: var(--fullwidth); position: relative;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay { background: linear-gradient(90.97deg, #3ca4d2 39.73%, rgba(60, 164, 210, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h4{font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px; font-weight:400; font-family:poppinsbold; font-weight: normal} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h4 span{font-family:poppinsbold; } .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay p{font-size:var(--fontsize22); color:var(--whiteColor);font-weight: 400; font-family:poppins; } .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay .block{font-size:var(--fontsize14); gap:10px; display: flex; flex-direction: column; max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .portalPageWrapper{display: flex; width: var(--fullwidth); flex-direction: column; padding-top: 79px; background-color: var(--greyColor4);} .portalPageWrapper .portalPageContainer{flex-direction: column; align-items: center; margin:0 auto; padding: 0 0px 30px; display: flex; position: relative; width: var(--fullwidth);} .portalPageWrapper .heroWrapper .heroSlider {display: flex; width: var(--fullwidth); height: auto; z-index: unset;} .portalPageWrapper .heroWrapper .heroSlider img{width: var(--fullwidth);} .portalPageWrapper .heroWrapper .heroSlider .items{display: flex; position: relative; width: var(--fullwidth); position: relative;} .portalPageWrapper .heroWrapper .heroSlider .overlay { background: linear-gradient(90.97deg, #000000 39.73%, rgba(0, 0, 0, 0) 86.29%); padding-right: 20px; padding-left: 20px; position: absolute; left:0; right:0; bottom:0; top:0; align-items: center; display: flex; justify-content: center} .portalPageWrapper .heroWrapper .heroSlider .overlay h4{font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px; font-weight:400; font-family:poppinsbold; font-weight: normal} .portalPageWrapper .heroWrapper .heroSlider .overlay h4 span{font-family:poppinsbold; } .portalPageWrapper .heroWrapper .heroSlider .overlay div{font-size:var(--fontsize14); color:var(--whiteColor);} .portalPageWrapper .heroWrapper .heroSlider .overlay p{font-size:var(--fontsize36); color:var(--whiteColor);} .portalPageWrapper .heroWrapper .heroSlider .overlay .block{font-size:var(--fontsize14); max-width: var(--maxwidth); width: var(--fullwidth); border:0px none; font-family:poppinsbold; color:var(--whiteColor); background-color: transparent;} .portalPageWrapper .heroWrapper .heroSlider .slick-dots{bottom: 0;} .portalPageWrapper .slick-dotted.slick-slider{margin-bottom:0} .portalPageWrapper .mainWrapper{display: flex; width: var(--fullwidth); } .portalPageWrapper .mainWrapper .mainContainer{display: flex; gap:40px; width: var(--fullwidth); max-width: var(--maxwidth); padding: 40px 0; margin: 0 auto;} .portalPageWrapper .mainWrapper .mainContainer .left{flex:1; display: flex; flex-direction: column; gap:30px;} .portalPageWrapper .mainWrapper .mainContainer .left .block h2{ font-size:var(--fontsize36); color:var(--whiteColor); margin:0 0 0px} .portalPageWrapper .mainWrapper .mainContainer .left .block p{ font-size:var(--fontsize16); font-weight: 400; color:var(--whiteColor); margin:0 0 0px} .portalPageWrapper .mainWrapper .mainContainer .left .block{display: flex; gap:15px; width: var(--fullwidth); background-blend-mode: color-burn; background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--primaryColor); background-size: cover; background-position: center; padding: 20px; max-width: none; border-radius:16px; margin:0 auto; flex-direction: column; background-color: var(--primaryColor);} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions{display: flex; width: var(--fullwidth); margin-top:0px;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions a{display: flex; padding:8px 20px; align-items: center; color:var(--primaryColor); text-decoration: none;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions a i{margin-left: 5px;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions{gap:5px; color:var(--whiteColor);} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions a{color:var(--whiteColor); padding: 0; display: flex; gap:5px; text-decoration: underline;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions a:hover{color:var(--whiteColor); padding: 0; display: flex; gap:5px; text-decoration: none;} .portalPageWrapper .mainWrapper .mainContainer .left .block ul{margin: 0; padding: 0; flex-wrap: wrap; display: grid; grid-template-columns: repeat(2,minmax(0,1fr))} .portalPageWrapper .mainWrapper .mainContainer .left .block ul li{margin: 0; padding: 0; max-width: 50%; margin-inline-start:20px;color:var(--whiteColor); font-size:var(--fontsize16);} .portalPageWrapper .mainWrapper .mainContainer .left ol{margin:0; padding:0; gap:20px; display: grid; grid-template-columns: repeat(2,minmax(0,1fr))} .portalPageWrapper .mainWrapper .mainContainer .left ol li{background-color: var(--whiteColor); display: flex; flex-direction: column; padding: 15px; border-radius: 8px;} .portalPageWrapper .mainWrapper .mainContainer .left ol li h3{ font-size:var(--fontsize20); border-bottom:1px solid var(--greyColor5); padding-bottom: 10px; justify-content: space-between; align-items: center; display: flex; color:var(--primaryColor); margin:0 0 0px} .portalPageWrapper .mainWrapper .mainContainer .accordionSection{display: flex; flex-direction: column; width: 100%;} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion{ transition: all 0.2s ease; font-weight: 400; border-bottom:1px solid transparent; margin-top: 8px; cursor: pointer; font-family:poppins; font-size:var(--fontsize14);color:var(--blackColor); padding:8px; border-radius:0px;} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .panel { transition: all 0.2s ease; padding:18px 18px; opacity: 0; display: none; visibility: hidden; font-size: 15px; line-height:30px; background-color:var(--whiteColor); max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .panel a{font-size:var(--fontsize14); color:var(--primaryColor);} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .panel p{font-size:var(--fontsize14); color:var(--greyColor3);} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion.active:after {content: "\2212";} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion.active, .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion:hover { border-bottom:1px solid var(--greyColor5);} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion.active{border-bottom:1px solid var(--greyColor5); ; border-radius: 5px 5px 0px 0px;} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion.active + .panel{padding:8px; flex-direction: column; gap:10px; border-bottom:0px solid var(--greyColor5); color: var(--primaryColor); border-radius: 0px; border-top:0px none; opacity: 1; visibility: visible; display: flex; max-height: inherit !important;} .portalPageWrapper .mainWrapper .mainContainer .accordionSection .accordion:after {content: '\002B'; color: var(--blackColor); font-weight: bold; float: right; margin-left: 5px;} .portalPageWrapper .mainWrapper .mainContainer .right{width:var(--fullwidth); max-width: 320px; display: flex; flex-direction: column; background-color: var(--whiteColor); padding: 15px; border-radius: 8px;} .portalPageWrapper .mainWrapper .mainContainer .right h4{display: flex; font-size:var(--fontsize15); color: var(--primaryColor); border-bottom:1px solid var(--greyColor5); padding-bottom: 10px; font-family:poppinsbold; margin-bottom: 15px; align-items: center; justify-content: space-between;} .portalPageWrapper .mainWrapper .mainContainer .right h4 a{display: flex; font-size:var(--fontsize12); color: var(--primaryColor); font-weight: 400; font-family:poppins; } .portalPageWrapper .mainWrapper .mainContainer .right ol{display: flex; width: var(--fullwidth); gap:20px; margin:0; padding:0; flex-direction: column;} .portalPageWrapper .mainWrapper .mainContainer .right ol li{display: flex; width: var(--fullwidth); margin:0; padding:0;} .portalPageWrapper .mainWrapper .mainContainer .right ol li a{display: flex; width: var(--fullwidth); color: var(--primaryColor); align-items: center; gap:10px; margin:0; padding:0;} .portalPageWrapper .mainWrapper .mainContainer .right ol li a i{width: 42px; background-color: var(--lightPrimaryColor); height: 42px; display: flex; align-items: center; justify-content: center; border-radius: 100%;} .graduationCeremonyleadFormWrapper.open{display: flex;} .graduationCeremonyleadFormWrapper{position: fixed; display: flex; display: none; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(0,0,0,0.7); z-index: 2200003006; font-family: var(--defaultfont);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer{background-color:var(--whiteColor); max-width:500px; width: var(--fullwidth); position: relative; padding: 20px; border-radius:16px; border: 0.5px solid #959595;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .dialogClose{position: absolute; right: -10px; top: -10px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .dialogClose a{color: var(--blackColor); font-size: var(--fontsize19); font-weight: 400; display: flex; align-items: center; justify-content: center; background-color: var(--whiteColor); width: 30px; height: 30px; border-radius:100%;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer h3{font-size: var(--fontsize24); color: var(--primaryColor); margin-bottom:30px; font-family:poppinsbold; } .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper{display: flex; flex-direction: column; width: var(--fullwidth); font-size: var(--fontsize14)} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .choices__list--single .choices__item{font-size: var(--fontsize14);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group:first-child{margin-top: 0;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group .country-select.inside .selected-flag{width: var(--fullwidth);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group .country-select.inside .flag-dropdown{right:0;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formMain{display: flex; gap:40px; width: var(--fullwidth);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group{display: flex; width: var(--fullwidth); margin-top:25px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group p{display: flex; width: var(--fullwidth); margin:0} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group p span{width: var(--fullwidth); margin:0} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group input[type="text"]{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group select{bordeR:0px none; width: var(--fullwidth); border-bottom:1px solid var(--greyColor3); padding:5px 10px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-actions{width: var(--fullwidth); margin-top:20px; display: flex; justify-content: center; align-items: center;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-actions input[type="submit"]{background-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-actions input[type="submit"]:hover{background-color: var(--primaryColor); border-color: var(--primaryColor); border-radius: 4px; color: var(--whiteColor); font-family: poppinsbold; font-size: var(--fontsize14); padding: 5px 20px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .form-group .wpcf7-not-valid-tip{text-align: left} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .fluentform .ff-el-is-error .text-danger{font-size: var(--fontsize14);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer .formWrapper .fluentform .ff-el-input--label label{font-size: var(--fontsize14);} @media (max-width: 480px) { .heroWrapper .heroSlider .prompt span{display: none} .heroWrapper .heroSlider .prompt span + i{display: flex; margin-right:5px;} .studentCornerDialog{margin:0px 10px} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-header-more-menu-link {display: none;} .heroWrapper .heroSlider .prompt{ bottom:12%;} .homepageWrapper .collaborationsSection .marqueeBlock .slick-slider {margin:0 -15px;} .homepageWrapper .collaborationsSection .marqueeBlock .slick-slide {margin-right:15px; margin-left:15px;} .scrollEvent .heroWrapper .heroSlider .items .overlay{align-items: flex-start;} .heroWrapper .heroSlider .videoItem .overlay .animate h4{margin-bottom: 15px;} .heroWrapper .heroSlider .videoItem .overlay .animate h4 br{display: none} .heroWrapper .heroSlider .videoItem .overlay .animate .actions a{padding-top: 5px; padding-bottom: 5px;} .homepageWrapper .searchSection ol li p br{display:none} #masthead .headerContainer{padding: 5px 15px;} .homepageWrapper .heroSlider .slick-dots{bottom:25px;} #masthead .headerContainer .headerRight .languageConvertor .gt_selector{max-width: 60px; border:0px none} .primary-navigation > .primary-menu-container{background-color: var(--primaryColor); padding:0; padding:20px; margin:0;} .menu-button-container{display: none;} .homepageWrapper .latestNewsSection .tabsWrapper{flex-wrap: nowrap; overflow-x: auto;} .homepageWrapper .latestNewsSection .tabsWrapper a{white-space: nowrap;} .homepageWrapper .searchSection h2{font-size: var(--fontsize24);} .homepageWrapper .searchSection{margin-top: -50px; margin-left: 15px; margin-right: 15px; width: auto; padding: 20px;} .homepageWrapper .programSection{padding-left:15px; padding-right: 15px;} .homepageWrapper .programSection ol h3{font-size: var(--fontsize18);} .homepageWrapper .programSection h2{font-size: var(--fontsize24);} .homepageWrapper .programSection h2 br{display: none} .homepageWrapper .searchSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px;} .homepageWrapper .programSection ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:10px;} .homepageWrapper .programSection ol li{background-color: var(--whiteColor); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);} .homepageWrapper .programSection ol li i img.default{display:none} .homepageWrapper .programSection ol li i img.hover{display:flex} .homepageWrapper .programSection ol li:nth-child(1) i{background-color: var(--primaryColor);} .homepageWrapper .programSection ol li:nth-child(2) i{background-color: var(--lightRed);} .homepageWrapper .programSection ol li:nth-child(3) i{background-color: var(--lightGreen);} .homepageWrapper .programSection ol li:nth-child(4) i{background-color: var(--lightYellow);} .homepageWrapper .programDiscoverSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .programDiscoverSection ol{display:flex; width: var(--fullwidth); flex-wrap: nowrap;} .homepageWrapper .programDiscoverSection p{font-size: var(--fontsize26);} .homepageWrapper .futureStudiesSection ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:15px} .homepageWrapper .futureStudiesSection .studySection ul li{max-width: none} .homepageWrapper .futureStudiesSection .cardSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .campusCommunitySection .campusCommunityContainer{flex-direction: column;} .homepageWrapper .campusCommunitySection h2{font-size: var(--fontsize24);} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left{max-width: none} .homepageWrapper .campusCommunitySection .campusCommunityContainer .right{max-width: none; margin-left: 0; margin-top: 30px;} .homepageWrapper .campusCommunitySection ol {display: flex; width: var(--fullwidth); overflow-x: auto; white-space: nowrap;} .homepageWrapper .topReasonsSection h2{font-size: var(--fontsize24);} .homepageWrapper .topReasonsSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .homepageWrapper .topReasonsSection ol li{height: auto;} .homepageWrapper .campusLifeSection h2{font-size: var(--fontsize24);} .homepageWrapper .campusLifeSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .mecCampusLifeSection h2{font-size: var(--fontsize24);} .homepageWrapper .mecCampusLifeSection ol{flex-direction: column;} .homepageWrapper .aboutMecSection .aboutMecContainer{ text-align: center; grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .aboutMecSection h2{font-size: var(--fontsize24);} .homepageWrapper .aboutMecSection ul li{flex-direction: column; align-items: center;} .homepageWrapper .aboutMecSection ul li div:nth-child(2){margin-left: 0;} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-track{width:var(--fullwidth);} .homepageWrapper .alumniSpotlightSection .alumniSlider .items{flex-direction: column;} .homepageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{border-radius:16px;} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer{flex-direction: column; text-align: center;} .homepageWrapper .alumniEngagementSection h2{font-size: var(--fontsize24);} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer .left{max-width: none} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer .right{max-width: none; margin-top: 30px;} .homepageWrapper .alumniEngagementSection h3{transform: rotate(0deg); writing-mode: unset;} .homepageWrapper .alumniEngagementSection ol li{height: auto;} .homepageWrapper .alumniEngagementSection ol{flex-direction: column;} .homepageWrapper .alumniEngagementSection ol li .thumb{height:80px;} .homepageWrapper .alumniEngagementSection ol li:hover .thumb{height:auto; width:var(--fullwidth);} .homepageWrapper .alumniEngagementSection ol li img{aspect-ratio: 8/1;} .homepageWrapper .alumniEngagementSection h3{bottom: 35%;} .homepageWrapper .alumniEngagementSection p{text-align: left;} .homepageWrapper .eventsSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .latestNewsSection .sectionWrapper{grid-auto-rows:unset} .homepageWrapper .latestNewsSection .sectionWrapper{flex-direction: column; gap:15px; grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .latestNewsSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); grid-template-rows: repeat(1,minmax(0,1fr));} .homepageWrapper .latestNewsSection .left{max-width: none} .homepageWrapper .latestNewsSection .right{max-width: none; margin-left: 0; margin-top:0px;} .homepageWrapper .storyInsightSection ol.blogs{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.blogs{display: grid; width:var(--fullwidth);} .homepageWrapper .storyInsightSection ol.blogs li{flex-shrink: 0; width:var(--fullwidth);} .homepageWrapper .storyInsightSection ol.blogs li .thumb img{object-fit: cover; width: 100%;} .homepageWrapper .storyInsightSection ol.podcast{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.successStories{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .storyInsightSection ol.successStories li .thumb img{object-fit: cover; width: 100%;} .homepageWrapper .storyInsightSection ol.videos{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .storyInsightSection h3{white-space: normal} .homepageWrapper .storyInsightSection ol.successStories li:hover .block{ z-index:220000 } .homepageWrapper .storyInsightSection p{white-space: normal} .homepageWrapper .collaborationsSection .logoBlock{flex-wrap: wrap;} .homepageWrapper .collaborationsSection .logoBlock img{margin:10px;} footer .footer-container .footer-links-wrapper{flex-direction: column; text-align: center;} footer .footer-container .footer-links-wrapper .footer-logo{display: flex; width: var(--fullwidth);} footer .footer-container .footer-links-wrapper .footer-logo a{display: flex; width: var(--fullwidth);} footer .footer-container{flex-direction:column; padding: 20px;} footer .footer-container .footer-links-wrapper .footer-column{width: var(--fullwidth); margin:0px 0 30px; text-align: center;} footer .footer-container .footer-social-links{justify-content: center} footer .footer-container .footer-links-wrapper ul li{justify-content: center} #masthead .headerContainer .headerLeft .site-logo{position: static;} #masthead .headerContainer .headerRight .actions .links{display: none} #masthead .headerContainer .headerRight .actions .actions{display: none} .homepageWrapper .futureStudiesSection .block{display: flex; width: var(--fullwidth);} .homepageWrapper .futureStudiesSection .block div{padding: 5px;border-radius: 5px; max-width: 50%; } .homepageWrapper .futureStudiesSection .block div img{border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div:nth-child(1){border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div:nth-child(2){border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div:nth-child(3){border-radius: 5px;} .homepageWrapper .futureStudiesSection h2{font-size: var(--fontsize24);} .homepageWrapper .campusCommunitySection ol li {max-width: 250px;} .homepageWrapper .futureStudiesSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .futureStudiesSection h2{font-size: var(--fontsize24);} .homepageWrapper .campusCommunitySection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .topReasonsSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .topReasonsSection h3{font-size: var(--fontsize16);} .homepageWrapper .campusLifeSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .mecCampusLifeSection .actions{flex-direction: column; align-items: center;} .homepageWrapper .futureStudiesSection .studySection h2{font-size: var(--fontsize24);} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider{overflow-x: auto; white-space: nowrap; flex-shrink: 0;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items h5{white-space: normal;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items h3{white-space: normal;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items p{white-space: normal;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items{margin:0 10px;} .homepageWrapper .mecCampusLifeSection{padding-left: 15px; padding-right: 15px; padding-top: 15px;} .homepageWrapper .aboutMecSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .aboutMecSection .aboutMecContainer{gap:20px} .homepageWrapper .alumniEngagementSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .eventsSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .latestNewsSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .storyInsightSection{padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;} .homepageWrapper .storyInsightSection h2{font-size: var(--fontsize24);} .homepageWrapper .storyInsightSection .tabsWrapper{overflow-x: auto; flex-wrap: nowrap; white-space: nowrap;} .homepageWrapper .workWithUsSection{padding: 20px 15px;} .homepageWrapper .studentVoiceSection h2{font-size: var(--fontsize24);} .homepageWrapper .latestNewsSection h2{font-size: var(--fontsize24);} .homepageWrapper .programDiscoverSection h2{font-size: var(--fontsize24);} .homepageWrapper .futureStudiesSection ol h3{font-size: var(--fontsize14);} .homepageWrapper .campusCommunitySection h3{font-size: var(--fontsize24); white-space: normal;} .homepageWrapper .collaborationsSection .marqueeBlock .slick-prev{display: none!important} .homepageWrapper .collaborationsSection .marqueeBlock .slick-next{display: none!important} .homepageWrapper .campusLifeSlider .marqueeBlock .slick-prev{display: none!important} .homepageWrapper .campusLifeSlider .marqueeBlock .slick-next{display: none!important} .primary-navigation-open #masthead .bottomBar .closeMenu{display: flex;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items{margin:0 5px;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items{margin:0 5px;} .homepageWrapper .programDiscoverSection .underGraduateSlider .slick-list{margin:0;} .homepageWrapper .programDiscoverSection .postGraduateSlider .slick-list{margin:0;} .homepageWrapper .programDiscoverSection .postGraduateSlider .items i img{max-width: none!important} .homepageWrapper .programDiscoverSection .underGraduateSlider .items i img{max-width: none!important} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items p{min-height: 166px;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items i{height:auto;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider .items h3{min-height: 93px} .homepageWrapper .campusLifeSection .campusLifeSlider{overflow-x: auto; white-space: nowrap;} .homepageWrapper .campusLifeSection .campusLifeSlider .items{padding: 15px;} .homepageWrapper .campusLifeSection .campusLifeSlider .items.slick-current:hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items.slick-current:hover i{transform: translate(20px, 207px); right:40px;} .homepageWrapper .campusLifeSection .campusLifeSlider .items.slick-current::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover p{transform: translate(0px, 0px); font-size: var(--fontsize14)} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover h3{transform: translate(0px, 0px); font-size: var(--fontsize20)} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover p br{display: none;} .homepageWrapper .mecCampusLifeSection ol li{height:80px; flex:auto} .homepageWrapper .mecCampusLifeSection ol li:hover{height:346px; flex:unset} .homepageWrapper .mecCampusLifeSection ol li .thumb{width: var(--fullwidth);} .homepageWrapper .mecCampusLifeSection ol li .thumb img{width: var(--fullwidth);} .homepageWrapper .mecCampusLifeSection h5{bottom:33%} .courseDetailWrapper{padding-top: 51px;} .courseDetailWrapper .heroWrapper .heroContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseInfoWrapper .courseInfoContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseInfoWrapper ol{justify-content: flex-start; gap:20px;} .courseDetailWrapper .courseInfoWrapper ol li{max-width: 42%} .courseDetailWrapper .courseFeatureWrapper ol{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start;} .courseDetailWrapper .courseFeatureWrapper ol li{max-width: 200px; flex-shrink: 0;} .courseDetailWrapper .courseDetailContainer .detailNavigation{flex-wrap: nowrap; padding:15px; padding-left: 15px; padding-right: 15px; background-color: var(--lightPrimaryColor); overflow-x: auto; justify-content: flex-start} .courseDetailWrapper .courseDetailContainer .detailNavigation a{white-space: nowrap; color: var(--greyColor3);} .courseDetailWrapper .courseFeatureWrapper .courseFeatureContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer{padding-left: 15px; padding-right: 15px; flex-direction: column} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .main{flex-direction: column;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left{max-width: none} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right{max-width: none; margin-top: 30px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h4{font-size: var(--fontsize22)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h3{font-size: var(--fontsize30)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol{gap:15px; grid-template-columns: repeat(1,minmax(0,1fr));} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li h3{font-size: var(--fontsize16)} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer{padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading{flex-direction: column;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h4{font-size: var(--fontsize20);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h3{font-size: var(--fontsize20);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading .curriculumTag{width:var(--fullwidth); margin-bottom: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer h3{text-align: left; font-size: var(--fontsize24);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p{text-align: left;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p + h3{margin-top: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper{flex-direction: column; margin-bottom: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li{margin-left: 0; margin-right: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li a{white-space: nowrap;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper label{margin-right: 0; margin-bottom: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol{flex-direction: column;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .main{flex-direction: column; padding: 20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left{max-width: none;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left h3{font-size: var(--fontsize28);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right{max-width: none; margin-left: 0; margin-top: 20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol{margin-top: 0; gap:20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer{padding: 50px 0 50px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer{padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .main{flex-direction: column;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .left{max-width: none} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol{gap:20px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right{margin-left: 0; margin-top: 20px; max-width: none} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h4{font-size: var(--fontsize22);} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h3{font-size: var(--fontsize24);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main{flex-direction: column;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .left{max-width: none} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .right{max-width: none; margin-top: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer{padding: 20px 15px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main{flex-wrap: wrap;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .left{max-width: none; margin-bottom: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .middle{max-width: 50%; margin-left: 0;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .right{max-width: 50%; margin-left: 0;} .courseDetailWrapper .latestNewsSection{padding: 20px 15px;} .courseDetailWrapper .latestNewsSection h2{font-size: var(--fontsize24); margin-bottom: 20px;} .courseDetailWrapper .latestNewsSection .sectionWrapper{flex-direction: column; gap:20px;} .courseDetailWrapper .latestNewsSection .left{max-width: none} .courseDetailWrapper .latestNewsSection .right{max-width: none} .courseDetailWrapper .storyInsightSection{padding: 20px 15px;} .courseDetailWrapper .storyInsightSection h2{font-size: var(--fontsize24); margin-bottom: 20px;} .courseDetailWrapper .storyInsightSection .tabsWrapper{flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start} .courseDetailWrapper .storyInsightSection .tabsWrapper a{white-space: nowrap;} .courseDetailWrapper .storyInsightSection ol.blogs{overflow-x: auto; flex-wrap:nowrap; display: flex;} .courseDetailWrapper .storyInsightSection ol.blogs li{flex-shrink: 0; width: var(--fullwidth);} .courseDetailWrapper .storyInsightSection ol.podcast{grid-template-columns: repeat(1,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.successStories{grid-template-columns: repeat(1,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.videos{grid-template-columns: repeat(1,minmax(0,1fr));} #mega-menu-wrap-primary .mega-menu-toggle{display: flex; background-color: transparent;} #mega-menu-wrap-primary{width:var(--fullwidth); display: flex; justify-content: flex-start; flex-direction: column;} .primary-navigation #mega-menu-wrap-primary #mega-menu-primary{right:-100%; height: 0px;} #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left{display: none} .mega-menu-primary-mobile-open .primary-navigation{display: flex; right:0px; left:0;} #masthead .bottomBar nav{width:var(--fullwidth); position: static;} #masthead .bottomBar nav{width:auto; position: absolute; right:0; top:8px;} #masthead .bottomBar nav nav{width:auto; position: static; right:0; top:8px;} #masthead .headerContainer .headerRight .languageConvertor{margin-right: 15px;} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link ul.mega-sub-menu li:first-child ul.menu{display:grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary li ul.mega-sub-menu li.mega-menu-item ul.menu{display:grid; gap: 10px; grid-template-columns: repeat(1,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary li ul.mega-sub-menu li.mega-menu-item ul.menu li a{font-size: var(--fontsize14);} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link ul.mega-sub-menu li:first-child ul.menu li a{font-size: var(--fontsize14);} #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{display: none; height:auto} #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{width:var(--fullwidth); right:0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-size: var(--fontsize14); color:var(--whiteColor); margin-bottom: 10px; margin-top: 0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding-left: 0; padding-right: 0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{background-color: var(--greyColor1);} #masthead .bottomBar nav ul li > a{color: var(--whiteColor);}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu li nav ul{overflow-y: auto; max-height: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator{display: flex;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{border-bottom:0px none;} .mega-menu-primary-mobile-open #masthead .bottomBar{height: 100vh; top:0; overflow-y: auto; position: absolute; justify-content: center; z-index: 22000030089; align-self: flex-start; } .mega-menu-primary-mobile-open .courseDetailWrapper .courseDetailContainer .detailNavigation{position: relative; z-index: 0} .courseDetailWrapper .courseDetailContainer .detailNavigation{z-index: 2200003003;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.widget_media_image{display: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image{display: none} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .searchSection{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .searchSection ol{display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} .studyAcademicProgrammesWrapper .searchSection ol li{display: flex;} .studyAcademicProgrammesWrapper .searchSection ol li a{display: flex;} .studyAcademicProgrammesWrapper .coursesSection{padding-top: 30px; padding-bottom: 30px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:nth-child(1) ul li label span{border:0px none; border-bottom:2px solid transparent; border-radius:0px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:nth-child(1) ul li label input[type="checkbox"]:checked + span{border:0px none; border-radius:0px; background-color: transparent; color:var(--greyColor1); border-bottom:2px solid var(--greyColor1);} .studyAcademicProgrammesWrapper .coursesSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .coursesSection h3 br{display: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul{overflow-x: auto; flex-wrap: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label span{white-space: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left{max-width: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock{flex-direction: column; margin-top: 20px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right{max-width: none; display: flex; overflow-x: auto; flex-wrap: nowrap; margin-left:0px; margin-top: 20px; grid-template-columns: unset;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items{flex-shrink: 0;} .studyAcademicProgrammesWrapper .advtBannerSection{padding-left:0px; padding-right:0px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .advtBannerSection h4{font-size: var(--fontsize20);} .studyAcademicProgrammesWrapper .advtBannerSection h3{font-size: var(--fontsize20);} .studyAcademicProgrammesWrapper .advtBannerSection p{font-size: var(--fontsize14);} .studyAcademicProgrammesWrapper .advtBannerSection img{height: 300px; object-fit: cover;} .studyAcademicProgrammesWrapper .advtBannerSection .overlay .block{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .advtBannerSection .actions a{padding-left: 20px; padding-right: 20px;} .studyAcademicProgrammesWrapper .matureStudentsSection {padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .matureStudentsSection h4{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .matureStudentsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .matureStudentsSection p br{display: none} .studyAcademicProgrammesWrapper .matureStudentsSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .studyAcademicProgrammesWrapper .matureStudentsSection ol li:nth-child(2){margin-top: 0;} .studyAcademicProgrammesWrapper .transferStudentsSection{padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .transferStudentsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .transferStudentsSection p{margin-bottom: 15px;} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main{flex-direction: column;} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .left{max-width: none} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .right{max-width: none} .studyAcademicProgrammesWrapper .transferStudentsSection .actions a{padding-right: 20px; padding-left: 20px;} .studyAcademicProgrammesWrapper .advtiseBannerSection{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .studyWithUsSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .searchResultWrapper{padding-top: 112px; padding-left: 15px; padding-right: 15px;} .transferToMecWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .transferToMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .transferToMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .transferToMecWrapper .decisionSection ol{flex-direction: column; gap: 20px;} .transferToMecWrapper .decisionSection ol li{max-width: none;} .transferToMecWrapper .admissionSection{padding: 20px;} .transferToMecWrapper .admissionSection .admissionContainer{flex-direction: column;} .transferToMecWrapper .admissionSection .left{max-width: none} .transferToMecWrapper .admissionSection h3{font-size: var(--fontsize24);} .transferToMecWrapper .admissionSection .right{max-width: none; margin-top: 20px;} .admissionRequirementWrapper{padding-top: 112px;} .admissionRequirementWrapper h3{font-size: var(--fontsize24); margin-bottom: 20px} .workWithMecWrapper{padding-top: 51px;} .workWithMecWrapper h3{font-size: var(--fontsize24); margin-bottom: 20px} .workWithMecWrapper .formWrapper .form-group-main{ grid-template-columns: repeat(1,minmax(0,1fr)); gap:0;} .workWithMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .workWithMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .workWithMecWrapper .categorySections .tabsWrapper{overflow-x: auto;} .workWithMecWrapper .categorySections .tabsWrapper a{white-space: nowrap;} .workWithMecWrapper .categorySections .accordion{font-size: var(--fontsize14);} .workWithMecWrapper .categorySections{margin-top: 30px;} .admissionPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .admissionPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .admissionPageWrapper .contactPersonBlock ol{flex-direction: column; gap: 20px} .admissionPageWrapper .contactPersonBlock ol li{max-width: none;} .admissionPageWrapper .contactSection .addressBlock ol{ grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px} .admissionPageWrapper .contactSection .addressBlock{margin-top: 20px;} .admissionPageWrapper .contactSection{padding: 20px;} .admissionPageWrapper .documentsSection{padding: 20px;} .admissionPageWrapper h3{font-size: var(--fontsize24);} .admissionPageWrapper h3 br{display: none} .admissionPageWrapper .eligibleSection ol li ul li{flex-direction: column;} .admissionPageWrapper .eligibleSection ol li:nth-child(1) .stepContent{flex-direction: row} .admissionPageWrapper .eligibleSection ol li:nth-child(1) .stepContent ul li{flex-direction: row; gap:10px;} .admissionPageWrapper .eligibleSection ol li:nth-child(2) .stepContent ul li{flex-direction: row; gap:10px;} .admissionPageWrapper .eligibleSection ol li::before{display: none} .admissionPageWrapper .eligibleSection ol{padding: 0; background-image: none;} .admissionPageWrapper .eligibleSection ol li{flex-direction: column;} .admissionPageWrapper .eligibleSection ol li .stepThumb{margin-right: 0;} .admissionPageWrapper .eligibleSection ol li:nth-child(2){margin-left: 0; margin-bottom: 0;} .alumniEngagementPageWrapper{padding-top: 51px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .alumniEngagementPageWrapper .contentSection{padding: 30px 20px;} .alumniEngagementPageWrapper .contentSection .contentContainer ol{flex-direction: column;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:first-child{max-width: none} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:last-child{max-width: none} .alumniEngagementPageWrapper .contentSection1{padding: 30px 20px;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol{flex-direction: column;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width: none} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width: none} .alumniEngagementPageWrapper .alumniActivitiesSection{padding: 30px 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3 br{display: none} .alumniEngagementPageWrapper .alumniSpotlightSection{padding: 30px 20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items{flex-direction: column;} .alumniEngagementPageWrapper .alumniSpotlightSection h2{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{border-radius: 16px;} .alumniEngagementPageWrapper .eventsSection{padding: 30px 20px;} .alumniEngagementPageWrapper .eventsSection h2{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .eventsSection ol {grid-template-columns: repeat(1,minmax(0,1fr));} .alumniEngagementPageWrapper .contactSection{padding: 20px} .mecCampusPageWrapper{padding-top: 51px;} .mecCampusPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .mecCampusPageWrapper .contentSection1{padding: 30px 20px;} .mecCampusPageWrapper .contentSection1 .contentContainer ol{flex-direction: column;} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width: none} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width: none} .mecCampusPageWrapper .contentSection1 .contentContainer ul{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper{padding-top: 51px;} .aboutPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .aboutPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .aboutPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .aboutPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .aboutPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .aboutPageWrapper .aboutMecWrapper{padding: 30px 20px} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer{flex-direction: column;} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h4 br{display: none} .aboutPageWrapper .ourValuesWrapper{padding: 30px 20px} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer p br{display: none} .aboutPageWrapper .ourFoundersWrapper{padding: 30px 20px} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{flex-direction: column;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:first-child{max-width: none; justify-content: center; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:last-child{max-width: none; justify-content: center; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(1) div span{right:0;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(2) div span{left:0} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol{gap:50px} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{gap:20px;} .aboutPageWrapper .qualityStatementWrapper{padding: 30px 20px;} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .mecPartnersWrapper{padding: 30px 20px;} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer h3{font-size: var(--fontsize24); margin-bottom:10px;} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer p{margin-bottom: 10px;} .aboutPageWrapper .boardOfTrusteesWrapper{padding:30px 20px} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{flex-direction: column;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{max-width: none; justify-content: center;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{max-width: none; text-align: center;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h4{margin-bottom: 20px;} .aboutPageWrapper .botMembersWrapper{padding: 30px 20px;} .aboutPageWrapper .botMembersWrapper .botMembersContainer ul{flex-wrap: nowrap;} .aboutPageWrapper .strategicPlanWrapper{padding: 30px 20px;} .aboutPageWrapper .brandMarkWrapper{padding: 30px 20px;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main{ flex-direction: column; max-width: none;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .left{max-width: none;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer p{margin-bottom: 0;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .right{max-width: none} .collaborationsPageWrapper{padding-top: 52px;} .collaborationsPageWrapper .academicCollaborationsWrapper{padding: 30px 20px;} .collaborationsPageWrapper .coventryUniversityWrapper{padding: 30px 20px;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer{flex-direction: column;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .left{max-width: none} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer .right{max-width: none} .collaborationsPageWrapper .bredaUniversityWrapper{padding: 30px 20px;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer {gap:20px; flex-direction: column;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .left{max-width: none} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .right{max-width: none} .collaborationsPageWrapper .membershipWrapper{padding: 30px 20px;} .collaborationsPageWrapper .associationMembershipWrapper{padding: 30px 20px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li{flex-direction: column;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumb{ max-width: none; margin-right: 0; margin-bottom: 15px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumbContent{text-align: center;} .eventsPageWrapper{padding-top: 52px;} .eventsPageWrapper .upcomingWrapper{padding: 30px 20px;} .eventsPageWrapper .upcomingWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .eventsPageWrapper .upcomingWrapper ol.gridView{grid-template-columns: repeat(2,minmax(0,1fr));} .eventsPageWrapper .pastWrapper{padding: 30px 20px;} .eventsPageWrapper .upcomingWrapper ol li a{display: flex; flex-direction: column;} .eventsPageWrapper .upcomingWrapper ol li .thumb{max-width: none; text-align: center;} .eventsPageWrapper .upcomingWrapper ol li .thumbContent{justify-content: center; align-items: center;} .eventsPageWrapper .upcomingWrapper ol li .date{justify-content: center;} .eventsPageWrapper .upcomingWrapper ol li .location{justify-content: center;} .mecNewsPageWrapper{padding-top: 52px;} .mecNewsPageWrapper .latestNewsSection .tabsWrapper{overflow-x: auto; white-space: nowrap;} .mecNewsPageWrapper .mecNewsContainer h3{font-size:var(--fontsize24);} .mecNewsPageWrapper .latestNewsSection .left .newsMain{flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .left .newsLeft{max-width: none} .mecNewsPageWrapper .latestNewsSection .left .newsRight{max-width: none} .mecNewsPageWrapper .latestNewsSection .sectionMain{flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .left{max-width: none} .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{display: flex; flex-direction: column; width:var(--fullwidth);} .mecNewsPageWrapper .latestNewsSection .right{max-width: none; margin-top: 30px;} .mecNewsPageWrapper .latestNewsSection .previousNewsMain{grid-template-columns: repeat(1,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper{gap:0px;} .storyInsightsPageWrapper{padding-top: 52px} .storyInsightsPageWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .storyInsightsPageWrapper .categorySections .subCategoryWrapper{overflow-x: auto; white-space: nowrap;} .storyInsightsPageWrapper .categorySections .tabsWrapper{overflow-x: auto; white-space: nowrap;} .storyInsightsPageWrapper .categorySections h3{font-size: var(--fontsize20); margin-bottom: 20px;} .storyInsightsPageWrapper .categorySections .blogs .newsMain{grid-template-columns: repeat(1,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsLeft{max-width: none} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsRight{max-width: none} .storyInsightsPageWrapper .categorySections .blogs .itemsWrapper{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .storyInsightsPageWrapper .categorySections ol.podcast{grid-template-columns: repeat(1,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.successStories{grid-template-columns: repeat(1,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.videos{grid-template-columns: repeat(1,minmax(0,1fr));} .scienceTechnologyPageWrapper {padding-top: 52px} .scienceTechnologyPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .scienceTechnologyPageWrapper .heroWrapper .actions{margin-top: 10px;} .scienceTechnologyPageWrapper .contentWrapper{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection h2{font-size: var(--fontsize24);} .scienceTechnologyPageWrapper .programDiscoverSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .scienceTechnologyPageWrapper .topReasonsSection h3{font-size: var(--fontsize20);} .scienceTechnologyPageWrapper .faqSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .programSection h2{font-size: var(--fontsize24)} .scienceTechnologyPageWrapper .faqSection h2{font-size: var(--fontsize24)} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion{font-size: var(--fontsize14)} .scienceTechnologyPageWrapper .programSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .programSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .businessEnterprisePageWrapper {padding-top: 52px} .businessEnterprisePageWrapper .heroWrapper .heroSlider{max-height: 260px;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .businessEnterprisePageWrapper .contentWrapper{padding:20px;} .businessEnterprisePageWrapper .contentWrapper .contentContainer{grid-template-columns: repeat(1,minmax(0,1fr));} .foundersPageWrapper {padding-top: 52px} .foundersPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .foundersPageWrapper .heroWrapper .heroSlider .items{min-height: 100px;} .foundersPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .foundersPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .foundersPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .foundersPageWrapper .contentWrapper{padding:20px;} .foundersPageWrapper .contentWrapper .contentContainer{grid-template-columns: repeat(1,minmax(0,1fr));} .foundersPageWrapper .contentWrapper .contentContainerSingle ol{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper .boardOfTrusteesWrapper{padding: 20px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h3{font-size: var(--fontsize20); margin-bottom: 25px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{flex-direction: column; text-align: center;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{max-width: none; justify-content: center;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{max-width: none} .foundersPageWrapper .botMembersWrapper{padding: 20px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer h3{font-size: var(--fontsize20); margin-bottom: 25px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper .visionWrapper{padding: 20px;} .foundersPageWrapper .visionWrapper .visionContainer{grid-template-columns: repeat(1,minmax(0,1fr));} .foundersPageWrapper .visionWrapper .visionContainer h3{font-size: var(--fontsize28); text-align: center; margin-bottom:0px;} .foundersPageWrapper .visionWrapper .visionContainer h3 br{display: none} .foundersPageWrapper .mainWrapper{flex-direction: column;} .foundersPageWrapper .mainWrapper .sidebar{padding:20px; max-width: none ; width: var(--fullwidth); margin-top: 10px;} .foundersPageWrapper .mainWrapper .sidebar nav ul{overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; display:flex; justify-content: flex-start;} .mecExperiencePageWrapper {padding-top: 52px} .mecExperiencePageWrapper .heroWrapper .heroSlider{max-height: 260px;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .mecExperiencePageWrapper .detailNavigation{overflow-x: auto; white-space: nowrap; justify-content: flex-start;} .mecExperiencePageWrapper .mecOverviewWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .mecOverviewContainer{flex-direction: column;} .mecExperiencePageWrapper .mecOverviewContainer .left{max-width: none} .mecExperiencePageWrapper .mecOverviewContainer .right{max-width: none} .mecExperiencePageWrapper .studentActivityWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentActivityWrapper h3{font-size: var(--fontsize24);} .mecExperiencePageWrapper .studentActivityWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .studentActivityWrapper ol li ul{gap:5px; margin:0; padding: 0; display:grid; grid-template-columns: repeat(2,minmax(0,1fr));} .mecExperiencePageWrapper .studentActivityWrapper ol li ul li{font-size: var(--fontsize14);} .mecExperiencePageWrapper .studentActivityWrapper ol li p{padding-bottom: 10px;} .mecExperiencePageWrapper .studentActivityWrapper ol li p + p {display: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper{flex-direction: column;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .left{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .right{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .left{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .right{max-width: none} .mecExperiencePageWrapper .studentSuccessCenterWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper h4{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper h6{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li{min-height: auto} .mecExperiencePageWrapper .trainingLearningCenterWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper h4{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper p.textCenter br{display: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain + p{margin-top: 30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper ul{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .right{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .right{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3 br{display: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h4{font-size: var(--fontsize24); margin-top: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain{flex-direction: grid; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1{flex-direction: grid; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper p.textCenter br{display: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain + p{margin-top: 30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper ul{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .studentAccomodationWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentAccomodationWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAccomodationWrapper h4{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain{flex-direction: column; margin-top: 0; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .right{max-width: none; margin-bottom: 20px;} .mecExperiencePageWrapper .studentAccomodationWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .studentAccomodationWrapper p + h4{} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain{flex-direction: column; margin-top: 0; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .right{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .right{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .internationalStudentWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .internationalStudentWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .internationalStudentWrapper h4{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .internationalStudentWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper .mecWinterSchoolWrapper{padding: 30px 20px} .mecExperiencePageWrapper .slick-dots{display: flex; align-items: center; justify-content: center; bottom:10px;} .mecExperiencePageWrapper .slick-dots li{display: flex; align-items: center; width: auto;} .mecExperiencePageWrapper .slick-dots li a{display: flex; align-items: center; width:auto;} .mecExperiencePageWrapper .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .mecExperiencePageWrapper .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider{margin-bottom: 0;} .accessOurExpertiseWrapper{padding-top: 52px} .studentVoicesPageWrapper{padding-top: 52px} .studentVoicesPageWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .studentVoicesPageWrapper .voicesWrapper{padding:30px 20px;} .studentVoicesPageWrapper .voicesContainer{grid-template-columns: repeat(1,minmax(0,1fr));} .studentPlacementsInternshipsPageWrapper{padding-top: 52px} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .items{min-height: 150px;} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize26);} .studentPlacementsInternshipsPageWrapper .planningWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .planningWrapper h3{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .infoWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .infoWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .studentPlacementsInternshipsPageWrapper .advtBannerSection{padding-top: 30px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper{padding:30px 20px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer{flex-direction: column; gap:20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3{font-size: var(--fontsize26); text-align: center;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3 br{display: none} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer p{text-align: center;} .studentPlacementsInternshipsPageWrapper .advtBannerSection h3{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .advtBannerSection h4{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .advtBannerSection img{height: 300px; object-fit: cover} .studentPlacementsInternshipsPageWrapper .advtBannerSection .actions a{font-size: var(--fontsize18);} .studentPlacementsInternshipsPageWrapper .contentOnly{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .contentOnly h4 {margin-bottom: 0;} .studentPlacementsInternshipsPageWrapper .contentOnly h4 br{display: none} .studentPlacementsInternshipsPageWrapper .contentWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .contactContainer{ gap:20px; grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .futureStudiesSection ol li:hover p br{display: none} .homepageWrapper .alumniSpotlightSection .alumniSlider .items{transform: scale(1); opacity: 1} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link:last-child{display: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link a.mega-menu-link::before{display: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left{white-space: nowrap; margin-bottom: 0;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper{flex-wrap: nowrap; overflow-x: auto;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper a.active{white-space: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right{flex-direction: column; width: var(--fullwidth); align-items: center; margin-top:10;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items{max-width: 270px; margin-left:auto; margin-right:auto; } .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .tabcontentss .productMain{ grid-template-columns: repeat(1,minmax(0,1fr));} .researchAtMecWrapper{padding-top: 51px} .researchAtMecWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4 br{display: none} .researchAtMecWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .researchAtMecWrapper .contentSection{flex-direction: column;} .researchAtMecWrapper .contentSection .leftSidebar{max-width: none} .researchAtMecWrapper .contentSection nav ul{white-space: nowrap; display: flex; overflow-x: auto;} .researchAtMecWrapper .contentSection .rightSidebar{max-width: none} .researchAtMecWrapper .contentSection .rightSidebar h4:empty{display: none;} .researchAtMecWrapper .contentSection .wp-block-group{grid-template-columns: repeat(1,minmax(0,1fr));} .leadFormWrapper .leadFormContainer{margin:20px; width: auto;} .leadFormWrapper .leadFormContainer .formMain{flex-direction: column;} .leadFormWrapper .leadFormContainer .formMain .programThumb{display: none} .studyAcademicProgrammesWrapper .matureStudentsSection ol li .thumb{text-align: center;} .studyAcademicProgrammesWrapper .matureStudentsSection h5{text-align: center;} .studyAcademicProgrammesWrapper .matureStudentsSection ul{text-align: center;} .studyAcademicProgrammesWrapper .matureStudentsSection ul li span{text-align: center; width:var(--fullwidth);} .studyAcademicProgrammesWrapper .matureStudentsSection ul li i{display: none} .internationalStudentsWrapper{padding-top: 51px} .internationalStudentsWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay div{font-size: var(--fontsize16);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4 br{display: none} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .internationalStudentsWrapper .contentSection{flex-direction: column; padding: 20px;} .internationalStudentsWrapper .contentSection .contentContainer{flex-direction: column; gap:10px;} .internationalStudentsWrapper .contentSection .contentContainer .left{max-width: none} .internationalStudentsWrapper .contentSection .contentContainer .left p{margin-bottom: 0;} .internationalStudentsWrapper .contentSection .contentContainer .right{max-width: none} .internationalStudentsWrapper .contentInfoSection {padding: 20px;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer{gap: 20px; grid-template-columns: repeat(1,minmax(0,1fr));} .internationalStudentsWrapper .contactSection{padding: 20px; margin-bottom:20px;} .internationalStudentsWrapper .contactSection .contactContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .accessOurExpertiseWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay div{font-size: var(--fontsize16);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .accessOurExpertiseWrapper h4{font-size: var(--fontsize22);} .accessOurExpertiseWrapper p br{display: none} .accessOurExpertiseWrapper .formWrapper .doubleWrapper{grid-template-columns: repeat(1,minmax(0,1fr)); gap:0} #masthead .headerContainer .headerRight .languageConvertor a{color: var(--whitecolor);} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign{flex-direction: column; gap:20px} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection{max-width: none; padding-right:0; padding-left: 0;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection{max-width: none; padding-right:0; padding-left: 0;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper{flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .bottomSection{grid-template-columns: repeat(1,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items{min-height: unset; max-height: unset;} .graduationCeremonyPageWrapper {padding-top: 52px} .graduationCeremonyPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .items{min-height: 100px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .sessionsSection{padding: 20px;} .graduationCeremonyPageWrapper .sessionsSection ol {grid-template-columns: repeat(1,minmax(0,1fr));} .graduationCeremonyPageWrapper .sessionsSection h2{font-size: var(--fontsize20); margin-bottom: 15px;} .graduationCeremonyPageWrapper .sessionsSection ol h3{font-size: var(--fontsize16); margin-bottom:5px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1{max-height: 260px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .items{min-height: 100px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h5{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay p{font-size: var(--fontsize14);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer{margin:15px;} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer h3{font-size: var(--fontsize20);} .graduationCeremonyleadFormWrapper .graduationCeremonyleadFormContainer h3 br{display: none;} .portalPageWrapper{padding-top: 51px;} .portalPageWrapper .mainWrapper .mainContainer{flex-direction: column; padding: 20px; gap:20px;} .portalPageWrapper .mainWrapper .mainContainer .left .block h2{font-size: var(--fontsize26);} .portalPageWrapper .mainWrapper .mainContainer .left .block ul {grid-template-columns: repeat(1,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .left .block ul li{max-width: none;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions{flex-direction: column;} .portalPageWrapper .mainWrapper .mainContainer .left ol{grid-template-columns: repeat(1,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .right{max-width: none;} .postDetailWrapper .page-header{margin: 0 10px; flex-direction: column;} .postDetailWrapper .page-header .archive-description{margin-top: 10px; font-size: var(--fontsize14);} .postDetailWrapper{padding-top: 60px} } @media (min-width: 481px) and (max-width: 767px) { .heroWrapper .heroSlider .prompt span{display: none} .heroWrapper .heroSlider .prompt span + i{display: flex} .studentCornerDialog .singularisBlock{display: none} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-header-more-menu-link {display: none;} .heroWrapper .heroSlider .prompt{ bottom:12%;} #masthead .headerContainer{padding: 5px 15px;} .homepageWrapper .heroSlider .slick-dots{bottom:25px;} .heroWrapper .heroSlider .videoItem .overlay .animate h4{margin-bottom: 15px;} .heroWrapper .heroSlider .videoItem .overlay .animate h4 br{display: none} .heroWrapper .heroSlider .videoItem .overlay .animate .actions a{padding-top: 5px; padding-bottom: 5px;} #masthead .headerContainer .headerRight .languageConvertor .gt_selector{max-width: 80px;} .primary-navigation > .primary-menu-container{padding:0; padding:20px;} .menu-button-container{display: none;} .homepageWrapper .latestNewsSection .tabsWrapper{flex-wrap: nowrap; overflow-x: auto;} .homepageWrapper .latestNewsSection .tabsWrapper a{white-space: nowrap;} .homepageWrapper .searchSection h2{font-size: var(--fontsize24);} .homepageWrapper .searchSection{margin-top: -50px; margin-left: 15px; margin-right: 15px; width: auto; padding: 20px;} .homepageWrapper .programSection{padding-left:15px; padding-right: 15px;} .homepageWrapper .programSection ol h3{font-size: var(--fontsize18);} .homepageWrapper .programSection h2{font-size: var(--fontsize24);} .homepageWrapper .programSection h2 br{display: none} .homepageWrapper .searchSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px;} .homepageWrapper .programSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .homepageWrapper .programSection ol li{background-color: var(--whiteColor); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);} .homepageWrapper .programSection ol li i img.default{display:none} .homepageWrapper .programSection ol li i img.hover{display:flex} .homepageWrapper .programSection ol li:nth-child(1) i{background-color: var(--primaryColor);} .homepageWrapper .programSection ol li:nth-child(2) i{background-color: var(--lightRed);} .homepageWrapper .programSection ol li:nth-child(3) i{background-color: var(--lightGreen);} .homepageWrapper .programSection ol li:nth-child(4) i{background-color: var(--lightYellow);} .homepageWrapper .programDiscoverSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .programDiscoverSection ol{display:flex; width: var(--fullwidth); flex-wrap: nowrap;} .homepageWrapper .programDiscoverSection p{font-size: var(--fontsize26); font-weight: 400;} .homepageWrapper .futureStudiesSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .homepageWrapper .futureStudiesSection .studySection ul li{max-width: none} .homepageWrapper .futureStudiesSection .cardSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .campusCommunitySection .campusCommunityContainer{flex-direction: column;} .homepageWrapper .campusCommunitySection h2{font-size: var(--fontsize24);} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left{max-width: none} .homepageWrapper .campusCommunitySection .campusCommunityContainer .right{max-width: none; margin-left: 0; margin-top: 30px;} .homepageWrapper .campusCommunitySection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .topReasonsSection h2{font-size: var(--fontsize24);} .homepageWrapper .topReasonsSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .homepageWrapper .campusLifeSection h2{font-size: var(--fontsize24);} .homepageWrapper .campusLifeSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .mecCampusLifeSection h2{font-size: var(--fontsize24);} .homepageWrapper .mecCampusLifeSection ol{flex-direction: column;} .homepageWrapper .aboutMecSection .aboutMecContainer{ text-align: center; grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .aboutMecSection h2{font-size: var(--fontsize24);} .homepageWrapper .aboutMecSection ul li{flex-direction: column; align-items: center;} .homepageWrapper .aboutMecSection ul li div:nth-child(2){margin-left: 0;} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-track{width:var(--fullwidth);} .homepageWrapper .alumniSpotlightSection .alumniSlider .items{flex-direction: column;} .homepageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{border-radius:16px;} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer{flex-direction: column; text-align: center;} .homepageWrapper .alumniEngagementSection h2{font-size: var(--fontsize24);} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer .left{max-width: none} .homepageWrapper .alumniEngagementSection .alumniEngagementContainer .right{max-width: none; margin-top: 30px;} .homepageWrapper .alumniEngagementSection h3{transform: rotate(0deg); writing-mode: unset;} .homepageWrapper .alumniEngagementSection ol li{height: auto;} .homepageWrapper .alumniEngagementSection ol{flex-direction: column;} .homepageWrapper .alumniEngagementSection ol li .thumb{height:80px;} .homepageWrapper .alumniEngagementSection ol li:hover .thumb{height:auto;} .homepageWrapper .alumniEngagementSection p{text-align: left;} .homepageWrapper .eventsSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .latestNewsSection .sectionWrapper{flex-direction: column; gap:10px; grid-template-columns: repeat(1,minmax(0,1fr)); } .homepageWrapper .latestNewsSection .sectionWrapper{grid-auto-rows:unset} .homepageWrapper .latestNewsSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); grid-template-rows: repeat(1,minmax(0,1fr));} .homepageWrapper .latestNewsSection .left{max-width: none} .homepageWrapper .latestNewsSection .right{max-width: none; margin-left: 0; margin-top:0px;} .homepageWrapper .storyInsightSection ol.blogs{grid-template-columns: repeat(2,minmax(0,1fr));} .homepageWrapper .collaborationsSection .logoBlock{flex-wrap: wrap;} .homepageWrapper .collaborationsSection .logoBlock img{margin:10px;} footer .footer-container .footer-links-wrapper{flex-direction: column; text-align: center;} footer .footer-container .footer-links-wrapper .footer-column{width: var(--fullwidth); margin:0px 0 30px; text-align: center;} footer .footer-container .footer-social-links{justify-content: flex-start} footer .footer-container .footer-links-wrapper ul li{justify-content: flex-start;} #masthead .headerContainer .headerLeft .site-logo{position: static;} #masthead .headerContainer .headerRight .actions .links{display: none} #masthead .headerContainer .headerRight .actions .actions{display: none} .homepageWrapper .futureStudiesSection .block div{padding: 5px;border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div img{border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div:nth-child(1){border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div:nth-child(2){border-radius: 5px;} .homepageWrapper .futureStudiesSection .block div:nth-child(3){border-radius: 5px;} .homepageWrapper .futureStudiesSection h2{font-size: var(--fontsize24);} .homepageWrapper .futureStudiesSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .futureStudiesSection h2{font-size: var(--fontsize24);} .homepageWrapper .campusCommunitySection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .topReasonsSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .topReasonsSection h3{font-size: var(--fontsize16);} .homepageWrapper .campusLifeSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .futureStudiesSection .studySection h2{font-size: var(--fontsize24);} .homepageWrapper .mecCampusLifeSection{padding-left: 15px; padding-right: 15px; padding-top: 15px;} .homepageWrapper .aboutMecSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .aboutMecSection .aboutMecContainer{gap:20px} .homepageWrapper .alumniEngagementSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .eventsSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .latestNewsSection{padding-left: 15px; padding-right: 15px;} .homepageWrapper .storyInsightSection{padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;} .homepageWrapper .storyInsightSection h2{font-size: var(--fontsize24);} .homepageWrapper .storyInsightSection .tabsWrapper{overflow-x: auto; flex-wrap: nowrap; white-space: nowrap;} .homepageWrapper .workWithUsSection{padding: 20px 15px;} .homepageWrapper .studentVoiceSection h2{font-size: var(--fontsize24);} .homepageWrapper .latestNewsSection h2{font-size: var(--fontsize24);} .homepageWrapper .programDiscoverSection h2{font-size: var(--fontsize24);} .homepageWrapper .futureStudiesSection ol h3{font-size: var(--fontsize14);} .homepageWrapper .campusCommunitySection h3{font-size: var(--fontsize24); white-space: normal;} #masthead .headerContainer .headerRight .languageConvertor a{color:var(--whiteColor);} .homepageWrapper .collaborationsSection .marqueeBlock .slick-prev{display: none!important} .homepageWrapper .collaborationsSection .marqueeBlock .slick-next{display: none!important} .primary-navigation-open #masthead .bottomBar .closeMenu{display: flex;} .homepageWrapper .studentVoiceSlider .slick-prev{display: none!important} .homepageWrapper .studentVoiceSlider .slick-next{display: none!important} .homepageWrapper .alumniSlider .slick-prev{display: none!important} .homepageWrapper .alumniSlider .slick-next{display: none!important} .homepageWrapper .mecCampusLifeSection ol li .thumb{width:var(--fullwidth);} #masthead .bottomBar nav a{font-size: var(--fontsize12); padding: 5px;} .scrollEvent #masthead .topBar .mobileMenu{display: none} .homepageWrapper .campusLifeSection .campusLifeSlider .items{padding: 15px;} .homepageWrapper .campusLifeSection .campusLifeSlider .items.slick-current:hover .actions a i{ transform: translate(0px,0px);} .homepageWrapper .campusLifeSection .campusLifeSlider .items.slick-current:hover i{transform: translate(20px, 207px); right:40px;} .homepageWrapper .campusLifeSection .campusLifeSlider .items.slick-current::before{ content:''; border-radius: 8px; background-blend-mode: color-burn; position: absolute; top: 0; z-index: 0; opacity: 0.9; left: 0; width: 100%; height: 100%; display: flex; width: var(--fullwidth);background: url(//mec.edu.om/wp-content/themes/twentytwentyone/assets/images/inverted-bg-new.webp),var(--lightGreen); background-size: cover; background-position: center;} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover p{transform: translate(0px, 0px); font-size: var(--fontsize14)} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover h3{transform: translate(0px, 0px); font-size: var(--fontsize20)} .homepageWrapper .campusLifeSection .campusLifeSlider .items:hover p br{display: none;} .courseDetailWrapper{padding-top: 51px;} .courseDetailWrapper .heroWrapper .heroContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseInfoWrapper .courseInfoContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseInfoWrapper ol{justify-content: flex-start; gap:20px;} .courseDetailWrapper .courseInfoWrapper ol li{max-width: 42%} .courseDetailWrapper .courseFeatureWrapper ol{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start;} .courseDetailWrapper .courseFeatureWrapper ol li{max-width: 200px; flex-shrink: 0;} .courseDetailWrapper .courseDetailContainer .detailNavigation{flex-wrap: nowrap; padding:15px; padding-left: 15px; padding-right: 15px; background-color: var(--lightPrimaryColor); overflow-x: auto; justify-content: flex-start} .courseDetailWrapper .courseDetailContainer .detailNavigation a{white-space: nowrap;} .courseDetailWrapper .courseFeatureWrapper .courseFeatureContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer{padding-left: 15px; padding-right: 15px; flex-direction: column} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left{max-width: none} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right{max-width: none; margin-top: 30px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h4{font-size: var(--fontsize22)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h3{font-size: var(--fontsize30)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol{gap:15px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li h3{font-size: var(--fontsize16)} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer{padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading{flex-direction: column;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h4{font-size: var(--fontsize20);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h3{font-size: var(--fontsize20);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading .curriculumTag{width:var(--fullwidth); margin-bottom: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer h3{text-align: left; font-size: var(--fontsize24);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p{text-align: left;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p + h3{margin-top: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper{flex-direction: column; margin-bottom: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li{margin-left: 0; margin-right: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li a{white-space: nowrap;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper label{margin-right: 0; margin-bottom: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol{flex-direction: column;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .main{flex-direction: column; padding: 20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left{max-width: none;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left h3{font-size: var(--fontsize28);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right{max-width: none; margin-left: 0; margin-top: 20px; margin-right: 0;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol{margin-top: 0; gap:20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer{padding: 50px 0 50px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer{padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .main{flex-direction: column;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .left{max-width: none} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol{gap:20px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right{margin-left: 0; margin-top: 20px; max-width: none} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h4{font-size: var(--fontsize22);} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h3{font-size: var(--fontsize24);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main{flex-direction: column;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .left{max-width: none} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .right{max-width: none; margin-top: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer{padding: 20px 15px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main{flex-wrap: wrap;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .left{max-width: none; margin-bottom: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .middle{max-width: 50%; margin-left: 0;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .right{max-width: 50%; margin-left: 0;} .courseDetailWrapper .latestNewsSection{padding: 20px 15px;} .courseDetailWrapper .latestNewsSection h2{font-size: var(--fontsize24); margin-bottom: 20px;} .courseDetailWrapper .latestNewsSection .sectionWrapper{flex-direction: column; gap:20px;} .courseDetailWrapper .latestNewsSection .left{max-width: none} .courseDetailWrapper .latestNewsSection .right{max-width: none} .courseDetailWrapper .storyInsightSection{padding: 20px 15px;} .courseDetailWrapper .storyInsightSection h2{font-size: var(--fontsize24); margin-bottom: 20px;} .courseDetailWrapper .storyInsightSection .tabsWrapper{flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start} .courseDetailWrapper .storyInsightSection .tabsWrapper a{white-space: nowrap;} .courseDetailWrapper .storyInsightSection ol.blogs{overflow-x: auto; flex-wrap:nowrap; display: flex;} .courseDetailWrapper .storyInsightSection ol.blogs li{flex-shrink: 0; width: var(--fullwidth);} .courseDetailWrapper .storyInsightSection ol.podcast{grid-template-columns: repeat(1,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.successStories{grid-template-columns: repeat(1,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.videos{grid-template-columns: repeat(1,minmax(0,1fr));} #mega-menu-wrap-primary .mega-menu-toggle{display: flex;} .primary-navigation{left:0} #mega-menu-wrap-primary .mega-menu-toggle{display: flex; background-color: transparent;} #mega-menu-wrap-primary{width:var(--fullwidth); display: flex; justify-content: flex-start; flex-direction: column;} .primary-navigation #mega-menu-wrap-primary #mega-menu-primary{right:-100%; height: 0px;} #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left{display: none} .mega-menu-primary-mobile-open .primary-navigation{display: flex; right:0px; left:0;} #masthead .bottomBar nav{width:var(--fullwidth); position: static;} #masthead .bottomBar nav{width:auto; position: absolute; right:0; top:8px; left:auto;} #masthead .bottomBar nav nav{width:auto; position: static; right:0; top:8px;} #masthead .headerContainer .headerRight .languageConvertor{margin-right: 15px;} .mega-menu-primary-mobile-open #masthead .bottomBar nav{left:0;} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link ul.mega-sub-menu li:first-child ul.menu{display:grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary li ul.mega-sub-menu li.mega-menu-item ul.menu{display:grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary li ul.mega-sub-menu li.mega-menu-item ul.menu li a{font-size: var(--fontsize14);} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link ul.mega-sub-menu li:first-child ul.menu li a{font-size: var(--fontsize14);} #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{display: none; height:auto} #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{width:var(--fullwidth); right:0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title{font-size: var(--fontsize14); color:var(--whiteColor); margin-bottom: 10px; margin-top: 0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{padding-left: 0; padding-right: 0;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{background-color: var(--greyColor1);} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item.widget_media_image{display: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image{display: none} #masthead .bottomBar nav ul li > a{color: var(--whiteColor);}#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu li nav ul{overflow-y: auto; max-height: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu:not(.mega-menu-tabbed) li.mega-menu-item-has-children:not(.mega-collapse-children) > a.mega-menu-link > span.mega-indicator, #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-hide-arrow > a.mega-menu-link > span.mega-indicator{display: flex;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu{border-bottom:0px none;} .mega-menu-primary-mobile-open #masthead .bottomBar{height: 100vh; top:0; overflow-y: auto; position: absolute; justify-content: center; z-index: 22000030089; align-self: flex-start; } .mega-menu-primary-mobile-open .courseDetailWrapper .courseDetailContainer .detailNavigation{position: relative; z-index: 0} .courseDetailWrapper .courseDetailContainer .detailNavigation{z-index: 2200003003;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .searchSection{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .searchSection ol{display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} .studyAcademicProgrammesWrapper .searchSection ol li{display: flex;} .studyAcademicProgrammesWrapper .searchSection ol li a{display: flex;} .studyAcademicProgrammesWrapper .coursesSection{padding-top: 30px; padding-bottom: 30px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left{overflow-x: auto; white-space: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .tabsWrapper{overflow-x: auto; white-space: nowrap; flex-wrap: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .tabcontentss .productMain{grid-template-columns: repeat(2,minmax(0,1fr));} .studyAcademicProgrammesWrapper .coursesSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul{overflow-x: auto; flex-wrap: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label span{white-space: nowrap;} .studyAcademicProgrammesWrapper .coursesSection h3 br{display: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left{max-width: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock{flex-direction: column; margin-top: 20px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right{max-width: none; display: flex; overflow-x: auto; flex-wrap: nowrap; margin-left:0px; margin-top: 20px; grid-template-columns: unset;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items{flex-shrink: 0;} .studyAcademicProgrammesWrapper .advtBannerSection{padding-left:0px; padding-right:0px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .advtBannerSection h4{font-size: var(--fontsize20);} .studyAcademicProgrammesWrapper .advtBannerSection h3{font-size: var(--fontsize20);} .studyAcademicProgrammesWrapper .advtBannerSection p{font-size: var(--fontsize14);} .studyAcademicProgrammesWrapper .advtBannerSection img{height: 300px; object-fit: cover;} .studyAcademicProgrammesWrapper .advtBannerSection .overlay .block{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .advtBannerSection .actions a{padding-left: 20px; padding-right: 20px;} .studyAcademicProgrammesWrapper .matureStudentsSection {padding-left: 15px; padding-right: 15px; background-image: none;} .studyAcademicProgrammesWrapper .matureStudentsSection h4{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .matureStudentsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .matureStudentsSection p br{display: none} .studyAcademicProgrammesWrapper .matureStudentsSection ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .studyAcademicProgrammesWrapper .matureStudentsSection ol li:nth-child(2){margin-top: 0;} .studyAcademicProgrammesWrapper .transferStudentsSection{padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .transferStudentsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .transferStudentsSection p{margin-bottom: 15px;} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main{flex-direction: column;} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .left{max-width: none} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .right{max-width: none} .studyAcademicProgrammesWrapper .transferStudentsSection .actions a{padding-right: 20px; padding-left: 20px;} .studyAcademicProgrammesWrapper .advtiseBannerSection{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .studyWithUsSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .searchResultWrapper{padding-top: 112px; padding-left: 15px; padding-right: 15px;} .transferToMecWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .transferToMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .transferToMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .transferToMecWrapper .decisionSection ol{flex-direction: row; flex-wrap: wrap; gap: 20px;} .transferToMecWrapper .decisionSection ol li{max-width: 45%;} .transferToMecWrapper .admissionSection{padding: 20px;} .transferToMecWrapper .admissionSection .admissionContainer{flex-direction: column;} .transferToMecWrapper .admissionSection .left{max-width: none} .transferToMecWrapper .admissionSection h3{font-size: var(--fontsize24);} .transferToMecWrapper .admissionSection .right{max-width: none; margin-top: 20px;} .admissionRequirementWrapper{padding-top: 112px;} .admissionRequirementWrapper h3{font-size: var(--fontsize24); margin-bottom: 20px} .admissionPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .admissionPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .admissionPageWrapper .contactPersonBlock ol{flex-direction: column; gap: 20px} .admissionPageWrapper .contactPersonBlock ol li{max-width: none;} .admissionPageWrapper .contactSection .addressBlock ol{ grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px} .admissionPageWrapper .contactSection .addressBlock{margin-top: 20px;} .admissionPageWrapper .contactSection{padding: 20px;} .admissionPageWrapper .documentsSection{padding: 20px;} .admissionPageWrapper h3{font-size: var(--fontsize20); text-align: left; width: var(--fullwidth);} .admissionPageWrapper h3 br{display: none} .admissionPageWrapper .eligibleSection ol li::before{display: none} .admissionPageWrapper .eligibleSection ol{padding: 0; background-image: none;} .admissionPageWrapper .eligibleSection ol li{flex-direction: row;} .admissionPageWrapper .eligibleSection ol li .stepThumb{margin-right: 0;} .admissionPageWrapper .eligibleSection ol li:nth-child(2){margin-left: 0; margin-bottom: 0;} .alumniEngagementPageWrapper{padding-top: 51px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .alumniEngagementPageWrapper .contentSection{padding: 30px 20px;} .alumniEngagementPageWrapper .contentSection .contentContainer ol{flex-direction: column;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:first-child{max-width: none} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:last-child{max-width: none} .alumniEngagementPageWrapper .contentSection1{padding: 30px 20px;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol{flex-direction: column;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width: none} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width: none} .alumniEngagementPageWrapper .alumniActivitiesSection{padding: 30px 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3 br{display: none} .alumniEngagementPageWrapper .alumniSpotlightSection{padding: 30px 20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items{flex-direction: column;} .alumniEngagementPageWrapper .alumniSpotlightSection h2{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{border-radius: 16px;} .alumniEngagementPageWrapper .eventsSection{padding: 30px 20px;} .alumniEngagementPageWrapper .eventsSection h2{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .eventsSection ol {grid-template-columns: repeat(1,minmax(0,1fr));} .alumniEngagementPageWrapper .contactSection{padding: 20px} .mecCampusPageWrapper{padding-top: 51px;} .mecCampusPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .mecCampusPageWrapper .contentSection1{padding: 30px 20px;} .mecCampusPageWrapper .contentSection1 .contentContainer ol{flex-direction: column;} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width: none} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width: none} .mecCampusPageWrapper .contentSection1 .contentContainer ul{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper{padding-top: 51px;} .aboutPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .aboutPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .aboutPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .aboutPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .aboutPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .aboutPageWrapper .aboutMecWrapper{padding: 30px 20px} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer{flex-direction: column;} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h4 br{display: none} .aboutPageWrapper .ourValuesWrapper{padding: 30px 20px} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer p br{display: none} .aboutPageWrapper .ourFoundersWrapper{padding: 30px 20px} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{flex-direction: column;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:first-child{max-width: none; justify-content: center; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:last-child{max-width: none; justify-content: center; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(1) div span{right:0;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(2) div span{left:0} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol{gap:50px} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{gap:20px;} .aboutPageWrapper .qualityStatementWrapper{padding: 30px 20px;} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .mecPartnersWrapper{padding: 30px 20px;} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer h3{font-size: var(--fontsize24); margin-bottom:10px;} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer p{margin-bottom: 10px;} .aboutPageWrapper .boardOfTrusteesWrapper{padding:30px 20px} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{flex-direction: column;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{max-width: none; justify-content: center;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{max-width: none; text-align: center;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h4{margin-bottom: 20px;} .aboutPageWrapper .botMembersWrapper{padding: 30px 20px;} .aboutPageWrapper .botMembersWrapper .botMembersContainer ul{flex-wrap: nowrap;} .aboutPageWrapper .strategicPlanWrapper{padding: 30px 20px;} .aboutPageWrapper .brandMarkWrapper{padding: 30px 20px;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main{ flex-direction: column; max-width: none;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .left{max-width: none;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer p{margin-bottom: 0;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .right{max-width: none} .collaborationsPageWrapper{padding-top: 52px;} .collaborationsPageWrapper .academicCollaborationsWrapper{padding: 30px 20px;} .collaborationsPageWrapper .coventryUniversityWrapper{padding: 30px 20px;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer{ align-items: flex-start; flex-direction: row; gap: 30px;} .collaborationsPageWrapper .bredaUniversityWrapper{padding: 30px 20px;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer {gap:20px;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .left{max-width: none} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .right{max-width: none} .collaborationsPageWrapper .membershipWrapper{padding: 30px 20px;} .collaborationsPageWrapper .associationMembershipWrapper{padding: 30px 20px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li{flex-direction: column;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumb{ max-width: none; margin-right: 0; margin-bottom: 15px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumbContent{text-align: center;} .eventsPageWrapper{padding-top: 52px;} .eventsPageWrapper .upcomingWrapper{padding: 30px 20px;} .eventsPageWrapper .upcomingWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr));} .eventsPageWrapper .upcomingWrapper ol.gridView{grid-template-columns: repeat(2,minmax(0,1fr));} .eventsPageWrapper .pastWrapper{padding: 30px 20px;} .eventsPageWrapper .pastWrapper{padding: 30px 20px;} .eventsPageWrapper .upcomingWrapper ol li a{display: flex; flex-direction: column;} .eventsPageWrapper .upcomingWrapper ol li .thumb{max-width: none; text-align: center;} .eventsPageWrapper .upcomingWrapper ol li .thumbContent{justify-content: center; align-items: center;} .eventsPageWrapper .upcomingWrapper ol li .date{justify-content: center;} .eventsPageWrapper .upcomingWrapper ol li .location{justify-content: center;} .mecNewsPageWrapper{padding-top: 52px;} .mecNewsPageWrapper .latestNewsSection .tabsWrapper{overflow-x: auto; white-space: nowrap;} .mecNewsPageWrapper .mecNewsContainer h3{font-size:var(--fontsize24);} .mecNewsPageWrapper .latestNewsSection .sectionMain{flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .left{max-width: none} .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); flex-direction: row; flex-wrap: wrap; width:var(--fullwidth);} .mecNewsPageWrapper .latestNewsSection .right{max-width: none; margin-top: 30px;} .mecNewsPageWrapper .latestNewsSection .previousNewsMain{grid-template-columns: repeat(2,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper{gap:0px;} .storyInsightsPageWrapper{padding-top: 52px} .storyInsightsPageWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .storyInsightsPageWrapper .categorySections .subCategoryWrapper{overflow-x: auto; white-space: nowrap;} .storyInsightsPageWrapper .categorySections .tabsWrapper{overflow-x: auto; white-space: nowrap;} .storyInsightsPageWrapper .categorySections h3{font-size: var(--fontsize20); margin-bottom: 20px;} .storyInsightsPageWrapper .categorySections .blogs .newsMain{grid-template-columns: repeat(2,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsLeft{max-width: unset} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsRight{max-width: unset} .storyInsightsPageWrapper .categorySections .blogs .itemsWrapper{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .storyInsightsPageWrapper .categorySections ol.podcast{grid-template-columns: repeat(2,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.successStories{grid-template-columns: repeat(2,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.videos{grid-template-columns: repeat(2,minmax(0,1fr));} .scienceTechnologyPageWrapper {padding-top: 52px} .scienceTechnologyPageWrapper .heroWrapper .heroSlider{max-height: 230px;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .scienceTechnologyPageWrapper .heroWrapper .actions{margin-top: 10px;} .scienceTechnologyPageWrapper .contentWrapper{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection h2{font-size: var(--fontsize24);} .scienceTechnologyPageWrapper .programDiscoverSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .scienceTechnologyPageWrapper .topReasonsSection h3{font-size: var(--fontsize20);} .scienceTechnologyPageWrapper .faqSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .programSection h2{font-size: var(--fontsize24)} .scienceTechnologyPageWrapper .faqSection h2{font-size: var(--fontsize24)} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion{font-size: var(--fontsize14)} .scienceTechnologyPageWrapper .programSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .programSection ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper {padding-top: 91px} .mecExperiencePageWrapper .heroWrapper .heroSlider{max-height: 260px;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .mecExperiencePageWrapper .detailNavigation{overflow-x: auto; white-space: nowrap; justify-content: flex-start;} .mecExperiencePageWrapper .mecOverviewWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .mecOverviewContainer{flex-direction: column;} .mecExperiencePageWrapper .mecOverviewContainer .left{max-width: none} .mecExperiencePageWrapper .mecOverviewContainer .right{max-width: none} .mecExperiencePageWrapper .studentActivityWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentActivityWrapper h3{font-size: var(--fontsize24);} .mecExperiencePageWrapper .studentActivityWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .studentActivityWrapper ol li ul{gap:5px; margin:0; padding: 0;} .mecExperiencePageWrapper .studentActivityWrapper ol li ul li{font-size: var(--fontsize14);} .mecExperiencePageWrapper .studentActivityWrapper ol li p{padding-bottom: 10px;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper{flex-direction: column;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .left{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .right{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .left{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .right{max-width: none} .mecExperiencePageWrapper .studentSuccessCenterWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper h4{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper h6{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li{min-height: auto} .mecExperiencePageWrapper .trainingLearningCenterWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper p.textCenter br{display: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain + p{margin-top: 30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper ul{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .right{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .right{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3 br{display: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h4{font-size: var(--fontsize24); margin-top: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain{flex-direction: grid; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1{flex-direction: grid; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper p.textCenter br{display: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain + p{margin-top: 30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper ul{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .studentAccomodationWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentAccomodationWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAccomodationWrapper h4{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain{flex-direction: column; margin-top: 0; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .right{max-width: none; margin-bottom: 20px;} .mecExperiencePageWrapper .studentAccomodationWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .studentAccomodationWrapper p + h4{} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain{flex-direction: column; margin-top: 0; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .right{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .right{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .internationalStudentWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .internationalStudentWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .internationalStudentWrapper h4{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .internationalStudentWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper .mecWinterSchoolWrapper{padding: 30px 20px} .mecExperiencePageWrapper .slick-dots{display: flex; align-items: center; justify-content: center; bottom:10px;} .mecExperiencePageWrapper .slick-dots li{display: flex; align-items: center; width: auto;} .mecExperiencePageWrapper .slick-dots li a{display: flex; align-items: center; width:auto;} .mecExperiencePageWrapper .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .mecExperiencePageWrapper .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider{margin-bottom: 0;} .studentVoicesPageWrapper{padding-top: 91px} .studentVoicesPageWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .studentVoicesPageWrapper .voicesWrapper{padding:30px 20px;} .studentVoicesPageWrapper .voicesContainer{grid-template-columns: repeat(1,minmax(0,1fr));} .studentPlacementsInternshipsPageWrapper{padding-top: 91px} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .items{min-height: 150px;} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize26);} .studentPlacementsInternshipsPageWrapper .planningWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .planningWrapper h3{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .infoWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .infoWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr));} .studentPlacementsInternshipsPageWrapper .advtBannerSection{padding-top: 30px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper{padding:30px 20px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer{flex-direction: column; gap:20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3{font-size: var(--fontsize26); text-align: center;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3 br{display: none} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer p{text-align: center;} .studentPlacementsInternshipsPageWrapper .advtBannerSection h3{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .advtBannerSection h4{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .advtBannerSection img{height: 300px; object-fit: cover} .studentPlacementsInternshipsPageWrapper .advtBannerSection .actions a{font-size: var(--fontsize18);} .studentPlacementsInternshipsPageWrapper .contentOnly h4 {margin-bottom: 0;} .studentPlacementsInternshipsPageWrapper .contentOnly h4 br{display: none} .studentPlacementsInternshipsPageWrapper .contentWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .contactContainer{ gap:20px; grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .futureStudiesSection ol li:hover p br{display: none} .homepageWrapper .alumniSpotlightSection .alumniSlider .items{transform: scale(1); opacity: 1} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link:last-child{display: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link a.mega-menu-link::before{display: none} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link ul.mega-sub-menu li:first-child ul.menu{display:grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary li ul.mega-sub-menu li.mega-menu-item ul.menu{display:grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary li ul.mega-sub-menu li.mega-menu-item ul.menu li a{font-size: var(--fontsize14);} #mega-menu-wrap-primary #mega-menu-primary li.mega-header-more-menu-link ul.mega-sub-menu li:first-child ul.menu li a{font-size: var(--fontsize14);} .homepageWrapper .campusLifeSection .campusLifeSlider{flex-wrap: wrap;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider{display:grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary{width:var(--fullwidth); right:0;} .workWithMecWrapper{padding-top: 51px;} .workWithMecWrapper h3{font-size: var(--fontsize24); margin-bottom: 20px} .workWithMecWrapper .formWrapper .form-group-main{ grid-template-columns: repeat(1,minmax(0,1fr)); gap:0;} .workWithMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .workWithMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .workWithMecWrapper .categorySections .tabsWrapper{overflow-x: auto;} .workWithMecWrapper .categorySections .tabsWrapper a{white-space: nowrap;} .workWithMecWrapper .categorySections .accordion{font-size: var(--fontsize14);} .workWithMecWrapper .categorySections{margin-top: 30px;} .researchAtMecWrapper{padding-top: 51px} .researchAtMecWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4 br{display: none} .researchAtMecWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .researchAtMecWrapper .contentSection{flex-direction: column;} .researchAtMecWrapper .contentSection .leftSidebar{max-width: none} .researchAtMecWrapper .contentSection nav ul{white-space: nowrap; display: flex; overflow-x: auto;} .researchAtMecWrapper .contentSection .rightSidebar{max-width: none} .researchAtMecWrapper .contentSection .wp-block-group{grid-template-columns: repeat(1,minmax(0,1fr));} .leadFormWrapper .leadFormContainer{margin:20px; width: auto;} .leadFormWrapper .leadFormContainer .formMain{flex-direction: column;} .leadFormWrapper .leadFormContainer .formMain .programThumb{display: none} .leadFormWrapper .leadFormContainer .formWrapper{overflow-y: auto; max-height: 200px;} .studentCornerDialog .studentCornerContainer{margin:20px; width: auto;} .internationalStudentsWrapper{padding-top: 51px} .internationalStudentsWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay div{font-size: var(--fontsize16);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4 br{display: none} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .internationalStudentsWrapper .contentSection{flex-direction: column; padding: 20px;} .internationalStudentsWrapper .contentSection .contentContainer{flex-direction: column; gap:10px;} .internationalStudentsWrapper .contentSection .contentContainer .left{max-width: none} .internationalStudentsWrapper .contentSection .contentContainer .left p{margin-bottom: 0;} .internationalStudentsWrapper .contentSection .contentContainer .right{max-width: none} .internationalStudentsWrapper .contentInfoSection {padding: 20px;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer{gap: 20px; grid-template-columns: repeat(2,minmax(0,1fr));} .internationalStudentsWrapper .contactSection{padding: 20px; margin-bottom:20px;} .internationalStudentsWrapper .contactSection .contactContainer ol{grid-template-columns: repeat(2,minmax(0,1fr));} .internationalStudentsWrapper .contactSection .contactContainer ol li h3{text-align: center;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay div{font-size: var(--fontsize16);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .accessOurExpertiseWrapper h4{font-size: var(--fontsize22);} .accessOurExpertiseWrapper p br{display: none} .accessOurExpertiseWrapper .formWrapper .doubleWrapper{grid-template-columns: repeat(1,minmax(0,1fr)); gap:0} .businessEnterprisePageWrapper {padding-top: 52px} .businessEnterprisePageWrapper .heroWrapper .heroSlider{max-height: 260px;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .businessEnterprisePageWrapper .contentWrapper{padding:20px;} .businessEnterprisePageWrapper .contentWrapper .contentContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper {padding-top: 52px} .foundersPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .foundersPageWrapper .heroWrapper .heroSlider .items{min-height: 100px;} .foundersPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .foundersPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .foundersPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .foundersPageWrapper .contentWrapper{padding:20px;} .foundersPageWrapper .contentWrapper .contentContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper .contentWrapper .contentContainerSingle ol{grid-template-columns: repeat(3,minmax(0,1fr));} .foundersPageWrapper .boardOfTrusteesWrapper{padding: 20px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h3{font-size: var(--fontsize20); margin-bottom: 25px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{flex-direction: row; text-align: left;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{max-width: 30%; justify-content: flex-start;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{max-width: 70%} .foundersPageWrapper .botMembersWrapper{padding: 20px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer h3{font-size: var(--fontsize20); margin-bottom: 25px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol{grid-template-columns: repeat(3,minmax(0,1fr));} .foundersPageWrapper .visionWrapper{padding: 20px;} .foundersPageWrapper .visionWrapper .visionContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper .visionWrapper .visionContainer h3{font-size: var(--fontsize28); text-align: left; margin-bottom:0px;} .foundersPageWrapper .visionWrapper .visionContainer h3 br{display: none} .foundersPageWrapper .mainWrapper{flex-direction: column;} .foundersPageWrapper .mainWrapper .sidebar{padding:20px; max-width: none ; width: var(--fullwidth); margin-top: 10px;} .foundersPageWrapper .mainWrapper .sidebar nav ul{overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; display:flex; justify-content: flex-start;} footer .footer-container{padding: 20px;} footer .footer-container .footer-links-wrapper .footer-column{text-align: left} footer .footer-container .footer-links-wrapper .footer-column .footer-logo{display: flex;} footer .footer-container .footer-copyrights{justify-content: flex-start;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign{flex-direction: column; gap:20px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection{max-width: none; padding-right:0; padding-left: 0;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection{max-width: none; padding-right:0; padding-left: 0;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper{flex-direction: row;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .bottomSection{grid-template-columns: repeat(2,minmax(0,1fr));} .graduationCeremonyPageWrapper {padding-top: 91px} .graduationCeremonyPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .items{min-height: 100px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .sessionsSection{padding: 20px;} .graduationCeremonyPageWrapper .sessionsSection ol {grid-template-columns: repeat(2,minmax(0,1fr));} .graduationCeremonyPageWrapper .sessionsSection h2{font-size: var(--fontsize20); margin-bottom: 15px;} .graduationCeremonyPageWrapper .sessionsSection ol h3 {font-size: var(--fontsize16); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1{max-height: 260px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .items{min-height: 100px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h5{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay p{font-size: var(--fontsize14);} .portalPageWrapper{padding-top: 91px;} .portalPageWrapper .mainWrapper .mainContainer{flex-direction: column; padding: 20px; gap:20px;} .portalPageWrapper .mainWrapper .mainContainer .left .block h2{font-size: var(--fontsize26);} .portalPageWrapper .mainWrapper .mainContainer .left .block ul {grid-template-columns: repeat(2,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .left .block ul li{max-width: none;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions{flex-direction: row;} .portalPageWrapper .mainWrapper .mainContainer .left ol{grid-template-columns: repeat(1,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .right{max-width: none;} .postDetailWrapper .page-header{margin: 0 10px; flex-direction: column;} .postDetailWrapper .page-header .archive-description{margin-top: 10px; font-size: var(--fontsize14);} .postDetailWrapper{padding-top: 80px} .postDetailWrapper article{max-width: none;} } @media (min-width: 768px) and (max-width: 1024px){ .heroWrapper .heroSlider .prompt span{display: none} .heroWrapper .heroSlider .prompt span + i{display: flex; margin-right:5px;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-studentCornerLink {display: none;} .homepageWrapper .collaborationsSection .logoBlock{flex-wrap: wrap;} .scrollEvent .heroWrapper .heroSlider .items .overlay h3{font-size:var(--fontsize38)} .scrollEvent .heroWrapper .heroSlider .items .overlay h4{font-size:var(--fontsize32)} .heroWrapper .heroSlider .videoItem .overlay .animate h4{margin-bottom: 10px;} .heroWrapper .heroSlider .videoItem .overlay .animate h4 br{display: none} .heroWrapper .heroSlider .videoItem .overlay .animate .actions a{padding-top: 5px; padding-bottom: 5px;} .homepageWrapper .latestNewsSection .tabsWrapper{flex-wrap: wrap;} .homepageWrapper .campusCommunitySection .campusCommunityContainer{flex-direction: column;} .homepageWrapper .campusCommunitySection h2{font-size: var(--fontsize24);} .homepageWrapper .campusCommunitySection .campusCommunityContainer .left{max-width: none} .homepageWrapper .campusCommunitySection .campusCommunityContainer .right{max-width: none; margin-left: 0; margin-top: 30px;} .homepageWrapper .campusCommunitySection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-next{display: none!important} .homepageWrapper .studentVoiceSection .studentVoiceSlider .slick-prev{display: none!important} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-next{display: none!important} .homepageWrapper .alumniSpotlightSection .alumniSlider .slick-prev{display: none!important} .homepageWrapper .collaborationsSection .marqueeBlock .slick-next{display: none!important} .homepageWrapper .collaborationsSection .marqueeBlock .slick-prev{display: none!important} .homepageWrapper .futureStudiesSection .block{flex-wrap: wrap;} .homepageWrapper .searchSection{margin-left: 15px; margin-right: 15px; width: auto;} .homepageWrapper .futureStudiesSection, .homepageWrapper .programDiscoverSection, .homepageWrapper .programSection, .homepageWrapper .campusCommunitySection, .homepageWrapper .topReasonsSection, .homepageWrapper .mecCampusLifeSection, .homepageWrapper .aboutMecSection, .homepageWrapper .alumniSpotlightSection, .homepageWrapper .eventsSection, .homepageWrapper .latestNewsSection, .homepageWrapper .storyInsightSection, .homepageWrapper .collaborationsSection {padding-left: 15px; padding-right: 15px;} .courseDetailWrapper{padding-top: 51px;} .courseDetailWrapper .heroWrapper .heroContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseInfoWrapper .courseInfoContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseInfoWrapper ol{justify-content: flex-start; gap:20px;} .courseDetailWrapper .courseInfoWrapper ol li{max-width: 42%} .courseDetailWrapper .courseFeatureWrapper ol{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start;} .courseDetailWrapper .courseFeatureWrapper ol li{max-width: 200px; flex-shrink: 0;} .courseDetailWrapper .courseDetailContainer .detailNavigation{flex-wrap: nowrap; padding:15px; padding-left: 15px; padding-right: 15px; background-color: var(--lightPrimaryColor); overflow-x: auto; justify-content: flex-start} .courseDetailWrapper .courseDetailContainer .detailNavigation a{white-space: nowrap;} .courseDetailWrapper .courseFeatureWrapper .courseFeatureContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer{padding-left: 15px; padding-right: 15px; flex-direction: column} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left{max-width: none} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right{max-width: none; margin-top: 30px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h4{font-size: var(--fontsize22)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .left h3{font-size: var(--fontsize30)} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol{gap:15px;} .courseDetailWrapper .courseOverviewWrapper .courseOverviewContainer .right ol li h3{font-size: var(--fontsize16)} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer{padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading{flex-direction: column;} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h4{font-size: var(--fontsize20);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading h3{font-size: var(--fontsize20);} .courseDetailWrapper .courseCurriculumWrapper .courseCurriculumContainer .heading .curriculumTag{width:var(--fullwidth); margin-bottom: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer h3{text-align: left; font-size: var(--fontsize24);} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p{text-align: left;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer p + h3{margin-top: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper{flex-direction: column; margin-bottom: 20px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol{overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li{margin-left: 0; margin-right: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper ol li a{white-space: nowrap;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .tabsWrapper label{margin-right: 0; margin-bottom: 15px;} .courseDetailWrapper .courseEligibilityWrapper .courseEligibilityContainer .applicationWrapper ol{flex-direction: column;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .main{flex-direction: column; padding: 20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left{max-width: none;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .left h3{font-size: var(--fontsize28);} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right{max-width: none; margin-left: 0; margin-top: 20px;} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer .right ol{margin-top: 0; gap:20px; grid-template-columns: repeat(1,minmax(0,1fr));} .courseDetailWrapper .courseCareerGrowthWrapper .courseCareerGrowthContainer{padding: 50px 0 50px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer{padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .main{flex-direction: column;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .left{max-width: none} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer ol{gap:20px;} .courseDetailWrapper .courseCareerOpportunitiesWrapper .courseCareerOpportunitieContainer .right{margin-left: 0; margin-top: 20px; max-width: none} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer{padding-left: 15px; padding-right: 15px;} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h4{font-size: var(--fontsize22);} .courseDetailWrapper .courseProgramCreatedByWrapper .courseProgramCreatedByContainer h3{font-size: var(--fontsize24);} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main{flex-direction: column;} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .left{max-width: none} .courseDetailWrapper .courseMeetByFacultiesWrapper .courseMeetByFacultiesContainer .main .right{max-width: none; margin-top: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer{padding: 20px 15px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main{flex-wrap: wrap;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .left{max-width: none; margin-bottom: 20px;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .middle{max-width: 50%; margin-left: 0;} .courseDetailWrapper .studentFeesSection .studentFeesContainer .main .right{max-width: 50%; margin-left: 0;} .courseDetailWrapper .latestNewsSection{padding: 20px 15px;} .courseDetailWrapper .latestNewsSection h2{font-size: var(--fontsize24); margin-bottom: 20px;} .courseDetailWrapper .latestNewsSection .sectionWrapper{flex-direction: column; gap:20px;} .courseDetailWrapper .latestNewsSection .left{max-width: none} .courseDetailWrapper .latestNewsSection .right{max-width: none} .courseDetailWrapper .storyInsightSection{padding: 20px 15px;} .courseDetailWrapper .storyInsightSection h2{font-size: var(--fontsize24); margin-bottom: 20px;} .courseDetailWrapper .storyInsightSection .tabsWrapper{flex-wrap: nowrap; overflow-x: auto; justify-content: flex-start} .courseDetailWrapper .storyInsightSection .tabsWrapper a{white-space: nowrap;} .courseDetailWrapper .storyInsightSection ol.blogs{overflow-x: auto; flex-wrap:nowrap; display: flex;} .courseDetailWrapper .storyInsightSection ol.blogs li{flex-shrink: 0; width: var(--fullwidth); max-width: 40%} .courseDetailWrapper .storyInsightSection ol.podcast{grid-template-columns: repeat(2,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.successStories{grid-template-columns: repeat(2,minmax(0,1fr));} .courseDetailWrapper .storyInsightSection ol.videos{grid-template-columns: repeat(2,minmax(0,1fr));} .courseDetailWrapper .courseDetailContainer .detailNavigation{z-index: 2200003003;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .searchSection{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .searchSection ol{display: grid; gap: 10px; grid-template-columns: repeat(2,minmax(0,1fr));} .studyAcademicProgrammesWrapper .searchSection ol li{display: flex;} .studyAcademicProgrammesWrapper .searchSection ol li a{display: flex;} .studyAcademicProgrammesWrapper .coursesSection{padding-top: 30px; padding-bottom: 30px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:nth-child(1) ul li label span{border:0px none; border-bottom:2px solid transparent; border-radius:0px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left .filterBlock:nth-child(1) ul li label input[type="checkbox"]:checked + span{border:0px none; border-radius:0px; background-color: transparent; color:var(--greyColor1); border-bottom:2px solid var(--greyColor1);} .studyAcademicProgrammesWrapper .coursesSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul{overflow-x: auto; flex-wrap: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left ul li label span{white-space: nowrap;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .tabcontentss .productMain{grid-template-columns: repeat(3,minmax(0,1fr));} .studyAcademicProgrammesWrapper .coursesSection h3 br{display: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .left{max-width: none} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock{flex-direction: column; margin-top: 20px;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right{max-width: none; display: flex; overflow-x: auto; flex-wrap: nowrap; margin-left:0px; margin-top: 20px; grid-template-columns: unset;} .studyAcademicProgrammesWrapper .coursesSection .courseFilterBlock .right .items{flex-shrink: 0;} .studyAcademicProgrammesWrapper .advtBannerSection{padding-left:0px; padding-right:0px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .advtBannerSection h4{font-size: var(--fontsize20);} .studyAcademicProgrammesWrapper .advtBannerSection h3{font-size: var(--fontsize20);} .studyAcademicProgrammesWrapper .advtBannerSection p{font-size: var(--fontsize14);} .studyAcademicProgrammesWrapper .advtBannerSection img{height: 300px; object-fit: cover;} .studyAcademicProgrammesWrapper .advtBannerSection .overlay .block{padding-left: 15px; padding-right: 15px;} .studyAcademicProgrammesWrapper .advtBannerSection .actions a{padding-left: 20px; padding-right: 20px;} .studyAcademicProgrammesWrapper .matureStudentsSection {padding-left: 15px; padding-right: 15px; background-image: none;} .studyAcademicProgrammesWrapper .matureStudentsSection h4{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .matureStudentsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .matureStudentsSection p br{display: none} .studyAcademicProgrammesWrapper .matureStudentsSection ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .studyAcademicProgrammesWrapper .matureStudentsSection ol li:nth-child(2){margin-top: 0;} .studyAcademicProgrammesWrapper .transferStudentsSection{padding-left: 15px; padding-right:15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .transferStudentsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .transferStudentsSection p{margin-bottom: 15px;} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main{flex-direction: column;} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .left{max-width: none} .studyAcademicProgrammesWrapper .transferStudentsSection .transferStudentsContainer .main .right{max-width: none} .studyAcademicProgrammesWrapper .transferStudentsSection .actions a{padding-right: 20px; padding-left: 20px;} .studyAcademicProgrammesWrapper .advtiseBannerSection{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection{padding-left: 15px; padding-right: 15px; padding-top: 20px; padding-bottom: 20px;} .studyAcademicProgrammesWrapper .studyWithUsSection h3{font-size: var(--fontsize24);} .studyAcademicProgrammesWrapper .studyWithUsSection ol{grid-template-columns: repeat(1,minmax(0,1fr));} .searchResultWrapper{padding-top: 112px; padding-left: 15px; padding-right: 15px;} .transferToMecWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .transferToMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .transferToMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .transferToMecWrapper .decisionSection ol{flex-direction: row; flex-wrap: wrap; gap: 20px;} .transferToMecWrapper .decisionSection ol li{max-width: 45%;} .transferToMecWrapper .admissionSection{padding: 20px;} .transferToMecWrapper .admissionSection .admissionContainer{flex-direction: column;} .transferToMecWrapper .admissionSection .left{max-width: none} .transferToMecWrapper .admissionSection h3{font-size: var(--fontsize24);} .transferToMecWrapper .admissionSection .right{max-width: none; margin-top: 20px;} .admissionRequirementWrapper{padding-top: 112px;} .admissionRequirementWrapper h3{font-size: var(--fontsize24); margin-bottom: 20px} .admissionPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .admissionPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .admissionPageWrapper .contactPersonBlock ol{flex-direction: column; gap: 20px} .admissionPageWrapper .contactPersonBlock ol li{max-width: none;} .admissionPageWrapper .contactSection .addressBlock ol{ grid-template-columns: repeat(1,minmax(0,1fr)); gap: 20px} .admissionPageWrapper .contactSection .addressBlock{margin-top: 20px;} .admissionPageWrapper .contactSection{padding: 20px;} .admissionPageWrapper .documentsSection{padding: 20px;} .admissionPageWrapper h3{font-size: var(--fontsize20); text-align: left; width: var(--fullwidth);} .admissionPageWrapper h3 br{display: none} .admissionPageWrapper .eligibleSection ol li::before{display: none} .admissionPageWrapper .eligibleSection ol{padding: 0; background-image: none;} .admissionPageWrapper .eligibleSection ol li{flex-direction: row;} .admissionPageWrapper .eligibleSection ol li .stepThumb{margin-right: 0;} .admissionPageWrapper .eligibleSection ol li:nth-child(2){margin-left: 0; margin-bottom: 0;} .alumniEngagementPageWrapper{padding-top: 51px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .alumniEngagementPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .alumniEngagementPageWrapper .contentSection{padding: 30px 20px;} .alumniEngagementPageWrapper .contentSection .contentContainer ol{flex-direction: column;} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:first-child{max-width: none} .alumniEngagementPageWrapper .contentSection .contentContainer ol li:last-child{max-width: none} .alumniEngagementPageWrapper .contentSection1{padding: 30px 20px;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol{flex-direction: column;} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width: none} .alumniEngagementPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width: none} .alumniEngagementPageWrapper .alumniActivitiesSection{padding: 30px 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .alumniActivitiesSection .alumniActivitiesContainer h3 br{display: none} .alumniEngagementPageWrapper .alumniSpotlightSection{padding: 30px 20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items{flex-direction: column;} .alumniEngagementPageWrapper .alumniSpotlightSection h2{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .alumniSpotlightSection .alumniSlider .items .thumb img{border-radius: 16px;} .alumniEngagementPageWrapper .eventsSection{padding: 30px 20px;} .alumniEngagementPageWrapper .eventsSection h2{font-size: var(--fontsize22); margin-bottom: 20px;} .alumniEngagementPageWrapper .eventsSection ol {grid-template-columns: repeat(1,minmax(0,1fr));} .alumniEngagementPageWrapper .contactSection{padding: 20px} .mecCampusPageWrapper{padding-top: 51px;} .mecCampusPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .mecCampusPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .mecCampusPageWrapper .contentSection1{padding: 30px 20px;} .mecCampusPageWrapper .contentSection1 .contentContainer ol{flex-direction: column;} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:first-child{max-width: none} .mecCampusPageWrapper .contentSection1 .contentContainer ol li:last-child{max-width: none} .mecCampusPageWrapper .contentSection1 .contentContainer ul{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper{padding-top: 51px;} .aboutPageWrapper .heroWrapper .heroSlider .items{min-height: 200px;} .aboutPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .aboutPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .aboutPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .aboutPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .aboutPageWrapper .aboutMecWrapper{padding: 30px 20px} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer{flex-direction: column;} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .aboutPageWrapper .aboutMecWrapper .aboutMecContainer h4 br{display: none} .aboutPageWrapper .ourValuesWrapper{padding: 30px 20px} .aboutPageWrapper .ourValuesWrapper .ourValuesContainer p br{display: none} .aboutPageWrapper .ourFoundersWrapper{padding: 30px 20px} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{flex-direction: column;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:first-child{max-width: none; justify-content: center; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li div:last-child{max-width: none; justify-content: center; width:var(--fullwidth);} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(1) div span{right:0;} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li:nth-child(2) div span{left:0} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol{gap:50px} .aboutPageWrapper .ourFoundersWrapper .ourFoundersContainer ol li{gap:20px;} .aboutPageWrapper .qualityStatementWrapper{padding: 30px 20px;} .aboutPageWrapper .qualityStatementWrapper .qualityStatementContainer h3{font-size: var(--fontsize24);} .aboutPageWrapper .mecPartnersWrapper{padding: 30px 20px;} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer h3{font-size: var(--fontsize24); margin-bottom:10px;} .aboutPageWrapper .mecPartnersWrapper .mecPartnersContainer p{margin-bottom: 10px;} .aboutPageWrapper .boardOfTrusteesWrapper{padding:30px 20px} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{flex-direction: column;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{max-width: none; justify-content: center;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{max-width: none; text-align: center;} .aboutPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h4{margin-bottom: 20px;} .aboutPageWrapper .botMembersWrapper{padding: 30px 20px;} .aboutPageWrapper .botMembersWrapper .botMembersContainer ul{flex-wrap: nowrap;} .aboutPageWrapper .strategicPlanWrapper{padding: 30px 20px;} .aboutPageWrapper .brandMarkWrapper{padding: 30px 20px;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main{ flex-direction: column; max-width: none;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .left{max-width: none;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer p{margin-bottom: 0;} .aboutPageWrapper .brandMarkWrapper .brandMarkContainer .main .right{max-width: none} .collaborationsPageWrapper{padding-top: 71px;} .collaborationsPageWrapper .academicCollaborationsWrapper{padding: 30px 20px;} .collaborationsPageWrapper .coventryUniversityWrapper{padding: 30px 20px;} .collaborationsPageWrapper .coventryUniversityWrapper .coventryUniversityContainer{ align-items: flex-start; flex-direction: row; gap: 30px;} .collaborationsPageWrapper .bredaUniversityWrapper{padding: 30px 20px;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer {gap:20px;} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .left{max-width: none} .collaborationsPageWrapper .bredaUniversityWrapper .bredaUniversityContainer .right{max-width: none} .collaborationsPageWrapper .membershipWrapper{padding: 30px 20px;} .collaborationsPageWrapper .associationMembershipWrapper{padding: 30px 20px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol{grid-template-columns: repeat(1,minmax(0,1fr));} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li{flex-direction: column;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumb{ max-width: none; margin-right: 0; margin-bottom: 15px;} .collaborationsPageWrapper .associationMembershipWrapper .associationMembershipContainer ol li .thumbContent{text-align: center;} .eventsPageWrapper{padding-top: 71px;} .eventsPageWrapper .upcomingWrapper{padding: 30px 20px;} .eventsPageWrapper .upcomingWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr));} .eventsPageWrapper .pastWrapper{padding: 30px 20px;} .mecNewsPageWrapper{padding-top: 71px;} .mecNewsPageWrapper .latestNewsSection .tabsWrapper{overflow-x: auto; white-space: nowrap;} .mecNewsPageWrapper .mecNewsContainer h3{font-size:var(--fontsize24);} .mecNewsPageWrapper .latestNewsSection .sectionMain{flex-direction: column;} .mecNewsPageWrapper .latestNewsSection .left{max-width: none} .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{grid-template-columns: repeat(1,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .left .itemsWrapper{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); flex-direction: row; flex-wrap: wrap; width:var(--fullwidth);} .mecNewsPageWrapper .latestNewsSection .right{max-width: none; margin-top: 30px;} .mecNewsPageWrapper .latestNewsSection .previousNewsMain{grid-template-columns: repeat(2,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .previousNewsWrapper{gap:0px;} .storyInsightsPageWrapper{padding-top: 71px} .storyInsightsPageWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .storyInsightsPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .storyInsightsPageWrapper .categorySections .subCategoryWrapper{overflow-x: auto; white-space: nowrap;} .storyInsightsPageWrapper .categorySections .tabsWrapper{overflow-x: auto; white-space: nowrap;} .storyInsightsPageWrapper .categorySections h3{font-size: var(--fontsize20); margin-bottom: 20px;} .storyInsightsPageWrapper .categorySections .blogs .newsMain{grid-template-columns: repeat(2,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsLeft{max-width: unset} .storyInsightsPageWrapper .categorySections .blogs .newsMain .newsRight{max-width: unset} .storyInsightsPageWrapper .categorySections .blogs .itemsWrapper{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .storyInsightsPageWrapper .categorySections ol.podcast{grid-template-columns: repeat(2,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.successStories{grid-template-columns: repeat(2,minmax(0,1fr));} .storyInsightsPageWrapper .categorySections ol.videos{grid-template-columns: repeat(2,minmax(0,1fr));} .scienceTechnologyPageWrapper {padding-top: 71px} .scienceTechnologyPageWrapper .heroWrapper .heroSlider{max-height: 280px;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .scienceTechnologyPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .scienceTechnologyPageWrapper .heroWrapper .actions{margin-top: 10px;} .scienceTechnologyPageWrapper .contentWrapper{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection h2{font-size: var(--fontsize24);} .scienceTechnologyPageWrapper .programDiscoverSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .topReasonsSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .scienceTechnologyPageWrapper .topReasonsSection h3{font-size: var(--fontsize20);} .scienceTechnologyPageWrapper .faqSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .programSection h2{font-size: var(--fontsize24)} .scienceTechnologyPageWrapper .faqSection h2{font-size: var(--fontsize24)} .scienceTechnologyPageWrapper .faqSection .faqContainer .accordion{font-size: var(--fontsize14)} .scienceTechnologyPageWrapper .programSection{padding: 30px 20px;} .scienceTechnologyPageWrapper .programSection ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper {padding-top: 71px} .mecExperiencePageWrapper .heroWrapper .heroSlider{max-height: 260px;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .mecExperiencePageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .mecExperiencePageWrapper .detailNavigation{overflow-x: auto; white-space: nowrap; justify-content: flex-start;} .mecExperiencePageWrapper .mecOverviewWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .mecOverviewContainer{flex-direction: column;} .mecExperiencePageWrapper .mecOverviewContainer .left{max-width: none} .mecExperiencePageWrapper .mecOverviewContainer .right{max-width: none} .mecExperiencePageWrapper .studentActivityWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentActivityWrapper h3{font-size: var(--fontsize24);} .mecExperiencePageWrapper .studentActivityWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .studentActivityWrapper ol li ul{gap:5px; margin:0; padding: 0;} .mecExperiencePageWrapper .studentActivityWrapper ol li ul li{font-size: var(--fontsize14);} .mecExperiencePageWrapper .studentActivityWrapper ol li p{padding-bottom: 10px;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper{flex-direction: column;} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .left{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper .right{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .left{max-width: none} .mecExperiencePageWrapper .entrepreneurshipSupportWrapper .mainWrapper + .mainWrapper .right{max-width: none} .mecExperiencePageWrapper .studentSuccessCenterWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper h4{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper h6{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper .studentSuccessCenterWrapper ol li{min-height: auto} .mecExperiencePageWrapper .trainingLearningCenterWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper p.textCenter br{display: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain + p{margin-top: 30px;} .mecExperiencePageWrapper .trainingLearningCenterWrapper ul{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain .right{max-width: none} .mecExperiencePageWrapper .trainingLearningCenterWrapper .contentMain1 .right{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3 br{display: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper h4{font-size: var(--fontsize24); margin-top: 15px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain{flex-direction: grid; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1{flex-direction: grid; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper p.textCenter br{display: none} .mecExperiencePageWrapper .applicantsWithExperienceWrapper .contentMain + p{margin-top: 30px;} .mecExperiencePageWrapper .applicantsWithExperienceWrapper ul{grid-template-columns: repeat(1,minmax(0,1fr));} .mecExperiencePageWrapper .studentAccomodationWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentAccomodationWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAccomodationWrapper h4{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain{flex-direction: column; margin-top: 0; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .studentAccomodationWrapper .contentMain .right{max-width: none; margin-bottom: 20px;} .mecExperiencePageWrapper .studentAccomodationWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .studentAccomodationWrapper p + h4{} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper h3{font-size: var(--fontsize24)} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain{flex-direction: column; margin-top: 0; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .left{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain .right{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1{flex-direction: column; margin-top: 30px; margin-bottom: 0; gap:30px;} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .left{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper .contentMain1 .right{max-width: none} .mecExperiencePageWrapper .studentAdvisoryCouncilWrapper p{margin-bottom: 0;} .mecExperiencePageWrapper .internationalStudentWrapper{padding: 30px 20px;} .mecExperiencePageWrapper .internationalStudentWrapper h3{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .internationalStudentWrapper h4{font-size: var(--fontsize24); margin-bottom: 15px;} .mecExperiencePageWrapper .internationalStudentWrapper ol{grid-template-columns: repeat(1,minmax(0,1fr)); gap:20px;} .mecExperiencePageWrapper .mecWinterSchoolWrapper{padding: 30px 20px} .mecExperiencePageWrapper .slick-dots{display: flex; align-items: center; justify-content: center; bottom:10px;} .mecExperiencePageWrapper .slick-dots li{display: flex; align-items: center; width: auto;} .mecExperiencePageWrapper .slick-dots li a{display: flex; align-items: center; width:auto;} .mecExperiencePageWrapper .slick-dots li a i{width:15px; height: 4px; transition: all 0.2s ease; border-radius: 34px; background-color: var(--greyColor3);} .mecExperiencePageWrapper .slick-dots li.slick-active a i{width:40px; height: 4px; background-color: var(--greyColor5);} .mecExperiencePageWrapper .mecWinterSchoolWrapper .winterSchoolslider{margin-bottom: 0;} .studentVoicesPageWrapper{padding-top: 71px} .studentVoicesPageWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay .block{padding-left: 15px; padding-right: 15px;} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize24);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .studentVoicesPageWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .studentVoicesPageWrapper .voicesWrapper{padding:30px 20px;} .studentVoicesPageWrapper .voicesContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .studentPlacementsInternshipsPageWrapper{padding-top: 71px} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .items{min-height: 150px;} .studentPlacementsInternshipsPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize26);} .studentPlacementsInternshipsPageWrapper .planningWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .planningWrapper h3{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .infoWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .infoWrapper ol{grid-template-columns: repeat(2,minmax(0,1fr));} .studentPlacementsInternshipsPageWrapper .advtBannerSection{padding-top: 30px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper{padding:30px 20px;} .studentPlacementsInternshipsPageWrapper .careerGrowthWrapper .careerGrowthContainer ol{grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormWrapper{padding: 30px 20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer{flex-direction: column; gap:20px;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3{font-size: var(--fontsize26); text-align: center;} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer h3 br{display: none} .studentPlacementsInternshipsPageWrapper .contactLeadFormContainer p{text-align: center;} .studentPlacementsInternshipsPageWrapper .advtBannerSection h3{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .advtBannerSection h4{font-size: var(--fontsize24);} .studentPlacementsInternshipsPageWrapper .advtBannerSection img{height: 300px; object-fit: cover} .studentPlacementsInternshipsPageWrapper .advtBannerSection .actions a{font-size: var(--fontsize18);} .homepageWrapper .campusLifeSection .campusLifeSlider{flex-wrap: wrap;} .homepageWrapper .futureStudiesSection .cardSection .futureStudiesSlider{display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:20px;} .homepageWrapper .futureStudiesSection ol{grid-template-columns: repeat(2,minmax(0,1fr));} .homepageWrapper .programDiscoverSection .underGraduateSlider .items{max-width: unset; flex-shrink: 0;} .researchAtMecWrapper{padding-top: 51px} .researchAtMecWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay h4 br{display: none} .researchAtMecWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .researchAtMecWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .researchAtMecWrapper .contentSection{flex-direction: column;} .researchAtMecWrapper .contentSection .leftSidebar{max-width: none} .researchAtMecWrapper .contentSection nav ul{white-space: nowrap; display: flex; overflow-x: auto;} .researchAtMecWrapper .contentSection .rightSidebar{max-width: none} .researchAtMecWrapper .contentSection .wp-block-group{grid-template-columns: repeat(2,minmax(0,1fr));} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-hide-on-desktop{display:none} .internationalStudentsWrapper{padding-top: 51px} .internationalStudentsWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay div{font-size: var(--fontsize16);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay h4 br{display: none} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .internationalStudentsWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .internationalStudentsWrapper .contentSection{flex-direction: column; padding: 20px;} .internationalStudentsWrapper .contentSection .contentContainer{flex-direction: column; gap:10px;} .internationalStudentsWrapper .contentSection .contentContainer .left{max-width: none} .internationalStudentsWrapper .contentSection .contentContainer .left p{margin-bottom: 0;} .internationalStudentsWrapper .contentSection .contentContainer .right{max-width: none} .internationalStudentsWrapper .contentInfoSection {padding: 20px;} .internationalStudentsWrapper .contentInfoSection .contentInfoContainer{gap: 20px; grid-template-columns: repeat(2,minmax(0,1fr));} .internationalStudentsWrapper .contactSection{padding: 20px; margin-bottom:20px;} .internationalStudentsWrapper .contactSection .contactContainer ol{grid-template-columns: repeat(2,minmax(0,1fr));} .internationalStudentsWrapper .contactSection .contactContainer ol li h3{text-align: center;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .items{min-height: 120px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay .block{padding-left:0px; padding-right: 0px;} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay div{font-size: var(--fontsize16);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize22);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize12);} .accessOurExpertiseWrapper .heroWrapper .heroSlider .overlay p br{display: none;} .accessOurExpertiseWrapper h4{font-size: var(--fontsize22);} .accessOurExpertiseWrapper p br{display: none} .accessOurExpertiseWrapper .formWrapper .doubleWrapper{grid-template-columns: repeat(2,minmax(0,1fr)); gap:30px} .businessEnterprisePageWrapper {padding-top: 91px} .businessEnterprisePageWrapper .heroWrapper .heroSlider{max-height: 260px;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .businessEnterprisePageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .businessEnterprisePageWrapper .contentWrapper{padding:20px;} .businessEnterprisePageWrapper .contentWrapper .contentContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper {padding-top: 91px} .foundersPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .foundersPageWrapper .heroWrapper .heroSlider .items{min-height: 100px;} .foundersPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .foundersPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .foundersPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .foundersPageWrapper .contentWrapper{padding:20px;} .foundersPageWrapper .contentWrapper .contentContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper .boardOfTrusteesWrapper{padding: 20px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer h3{font-size: var(--fontsize20); margin-bottom: 25px;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main{flex-direction: row; text-align: left;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .left{max-width: 30%; justify-content: flex-start;} .foundersPageWrapper .boardOfTrusteesWrapper .boardOfTrusteesContainer .main .right{max-width: 70%} .foundersPageWrapper .botMembersWrapper{padding: 20px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer h3{font-size: var(--fontsize20); margin-bottom: 25px;} .foundersPageWrapper .botMembersWrapper .botMembersContainer ol{grid-template-columns: repeat(3,minmax(0,1fr));} .foundersPageWrapper .visionWrapper{padding: 20px;} .foundersPageWrapper .visionWrapper .visionContainer{grid-template-columns: repeat(2,minmax(0,1fr));} .foundersPageWrapper .visionWrapper .visionContainer h3{font-size: var(--fontsize28); text-align: left; margin-bottom:0px;} .foundersPageWrapper .visionWrapper .visionContainer h3 br{display: none} .foundersPageWrapper .mainWrapper{flex-direction: column;} .foundersPageWrapper .mainWrapper .sidebar{padding:20px; max-width: none ; width: var(--fullwidth); margin-top: 10px;} .foundersPageWrapper .mainWrapper .sidebar nav ul{overflow-x: auto; white-space: nowrap; flex-wrap: nowrap; display:flex; justify-content: flex-start;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign{flex-direction: column; gap:20px} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection{max-width: none; padding-right:0; padding-left: 0;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection{max-width: none; padding-right:0; padding-left: 0;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper{flex-direction: row;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .bottomSection{grid-template-columns: repeat(3,minmax(0,1fr));} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items{min-height: unset; max-height: unset;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items{min-height: unset; max-height: unset;} .graduationCeremonyPageWrapper {padding-top: 51px} .graduationCeremonyPageWrapper .heroWrapper .heroSlider{max-height: 260px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .items{min-height: 100px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h5{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper .heroSlider .overlay p{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .sessionsSection{padding: 20px;} .graduationCeremonyPageWrapper .sessionsSection ol {grid-template-columns: repeat(3,minmax(0,1fr));} .graduationCeremonyPageWrapper .sessionsSection h2{font-size: var(--fontsize20); margin-bottom: 15px;} .graduationCeremonyPageWrapper .sessionsSection ol h3 {font-size: var(--fontsize16); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1{max-height: 260px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .items{min-height: 100px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h5{font-size: var(--fontsize14);} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay h4{font-size: var(--fontsize20); margin-bottom: 5px;} .graduationCeremonyPageWrapper .heroWrapper1 .heroSlider1 .overlay p{font-size: var(--fontsize14);} .portalPageWrapper{padding-top: 52px;} .portalPageWrapper .mainWrapper .mainContainer{flex-direction: column; padding: 20px; gap:20px;} .portalPageWrapper .mainWrapper .mainContainer .left .block h2{font-size: var(--fontsize26);} .portalPageWrapper .mainWrapper .mainContainer .left .block ul {grid-template-columns: repeat(2,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .left .block ul li{max-width: none;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions{flex-direction: row;} .portalPageWrapper .mainWrapper .mainContainer .left ol{grid-template-columns: repeat(1,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .right{max-width: none;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding:0px 10px 0px 10px} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-header-more-menu-link > a.mega-menu-link{padding-left:32px;} } @media (min-width: 1025px) and (max-width: 1280px){ #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-studentCornerLink {display: none;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign{flex-direction: row; gap:20px} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper{flex-direction: row;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .leftSection .itemsWrapper .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .newsSectionsNewDesign .rightSection .items .newsContent{left:15px; bottom:15px; padding-right: 15px;} .mecNewsPageWrapper .latestNewsSection .bottomSection{grid-template-columns: repeat(3,minmax(0,1fr));} .graduationCeremonyPageWrapper .sessionsSection ol {grid-template-columns: repeat(3,minmax(0,1fr));} .portalPageWrapper{padding-top: 52px;} .portalPageWrapper .mainWrapper .mainContainer{flex-direction: column; padding: 20px; gap:20px;} .portalPageWrapper .mainWrapper .mainContainer .left .block h2{font-size: var(--fontsize26);} .portalPageWrapper .mainWrapper .mainContainer .left .block ul {grid-template-columns: repeat(2,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .left .block ul li{max-width: none;} .portalPageWrapper .mainWrapper .mainContainer .left .block .actions + .actions{flex-direction: row;} .portalPageWrapper .mainWrapper .mainContainer .left ol{grid-template-columns: repeat(3,minmax(0,1fr));} .portalPageWrapper .mainWrapper .mainContainer .right{max-width: none;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{padding:0px 10px 0px 10px} } @media (min-width: 1281px) { #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-studentCornerLink {display: none;} }