/* Minification failed. Returning unminified contents. (14,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (16,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (19,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (65,22): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (76,22): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (80,26): run-time error CSS1039: Token not allowed after unary operator: '-color-default' (82,26): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (121,31): run-time error CSS1046: Expect comma, found '128' (121,39): run-time error CSS1046: Expect comma, found '/' (125,31): run-time error CSS1046: Expect comma, found '128' (125,39): run-time error CSS1046: Expect comma, found '/' (224,22): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (238,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (256,28): run-time error CSS1046: Expect comma, found '116' (256,36): run-time error CSS1046: Expect comma, found '/' (263,22): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (281,21): run-time error CSS1039: Token not allowed after unary operator: '-switches-label-color' (296,22): run-time error CSS1039: Token not allowed after unary operator: '-switch-bg-color' (305,21): run-time error CSS1039: Token not allowed after unary operator: '-switch-text-color' (332,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (350,22): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (367,42): run-time error CSS1046: Expect comma, found '0' (367,46): run-time error CSS1046: Expect comma, found '/' (393,40): run-time error CSS1046: Expect comma, found '0' (393,44): run-time error CSS1046: Expect comma, found '/' (394,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (403,33): run-time error CSS1046: Expect comma, found '119' (403,41): run-time error CSS1046: Expect comma, found '/' (404,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (498,41): run-time error CSS1046: Expect comma, found '0' (498,45): run-time error CSS1046: Expect comma, found '/' (511,41): run-time error CSS1046: Expect comma, found '0' (511,45): run-time error CSS1046: Expect comma, found '/' (514,41): run-time error CSS1046: Expect comma, found '0' (514,45): run-time error CSS1046: Expect comma, found '/' (525,37): run-time error CSS1046: Expect comma, found '0' (525,41): run-time error CSS1046: Expect comma, found '/' (526,49): run-time error CSS1046: Expect comma, found '0' (526,53): run-time error CSS1046: Expect comma, found '/' (550,18): run-time error CSS1046: Expect comma, found '0' (550,22): run-time error CSS1046: Expect comma, found '/' (581,41): run-time error CSS1046: Expect comma, found '0' (581,45): run-time error CSS1046: Expect comma, found '/' (585,31): run-time error CSS1046: Expect comma, found '119' (585,39): run-time error CSS1046: Expect comma, found '/' (589,42): run-time error CSS1046: Expect comma, found '119' (589,50): run-time error CSS1046: Expect comma, found '/' (592,41): run-time error CSS1046: Expect comma, found '0' (592,45): run-time error CSS1046: Expect comma, found '/' (641,41): run-time error CSS1046: Expect comma, found '0' (641,45): run-time error CSS1046: Expect comma, found '/' (661,38): run-time error CSS1046: Expect comma, found '119' (661,46): run-time error CSS1046: Expect comma, found '/' (666,1): run-time error CSS1019: Unexpected token, found '}' (670,42): run-time error CSS1046: Expect comma, found '255' (670,50): run-time error CSS1046: Expect comma, found '/' (727,17): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (751,28): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (780,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (850,25): run-time error CSS1046: Expect comma, found '241' (850,33): run-time error CSS1046: Expect comma, found '/' (864,20): run-time error CSS1046: Expect comma, found '119' (864,27): run-time error CSS1046: Expect comma, found ')' (922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (940,28): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (945,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (966,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1010,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1019,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1029,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1048,22): run-time error CSS1039: Token not allowed after unary operator: '-section-bg' (1049,17): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1080,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1098,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1103,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1121,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1125,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1173,30): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1189,22): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1190,28): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1194,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1213,17): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1218,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1233,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1247,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1264,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1265,24): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1303,17): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1361,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1366,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1377,22): run-time error CSS1039: Token not allowed after unary operator: '-cover-bg' (1383,28): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1391,26): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1404,25): run-time error CSS1046: Expect comma, found '119' (1404,33): run-time error CSS1046: Expect comma, found '/' (1405,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1424,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1446,39): run-time error CSS1046: Expect comma, found '165' (1446,47): run-time error CSS1046: Expect comma, found '/' (1450,37): run-time error CSS1046: Expect comma, found '165' (1450,45): run-time error CSS1046: Expect comma, found '/' (1456,21): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1475,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1484,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1511,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1518,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1534,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1545,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1562,25): run-time error CSS1046: Expect comma, found '119' (1562,33): run-time error CSS1046: Expect comma, found '/' (1563,38): run-time error CSS1046: Expect comma, found '119' (1563,46): run-time error CSS1046: Expect comma, found '/' (1626,31): run-time error CSS1046: Expect comma, found '143' (1626,39): run-time error CSS1046: Expect comma, found '/' (1723,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1743,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1771,32): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1775,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1776,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1780,22): run-time error CSS1039: Token not allowed after unary operator: '-section-bg' (1798,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (1806,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1842,22): run-time error CSS1039: Token not allowed after unary operator: '-section-bg' (1871,21): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (1880,25): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (1891,21): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1911,21): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1939,26): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (1944,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2025,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2028,31): run-time error CSS1046: Expect comma, found '119' (2028,39): run-time error CSS1046: Expect comma, found '/' (2033,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (2061,17): run-time error CSS1039: Token not allowed after unary operator: '-secondary-text-color' (2070,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2074,25): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2092,17): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2097,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2098,28): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2109,21): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2113,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (2117,26): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2121,17): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2125,17): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2141,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2146,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2162,21): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2167,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (2172,32): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2174,45): run-time error CSS1046: Expect comma, found '184' (2174,53): run-time error CSS1046: Expect comma, found '/' (2186,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2194,17): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (2198,26): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2300,21): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2357,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2368,32): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2377,29): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2419,32): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2423,32): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2431,17): run-time error CSS1039: Token not allowed after unary operator: '-primarycolor' (2536,26): run-time error CSS1039: Token not allowed after unary operator: '-secondrycolor' (2537,45): run-time error CSS1046: Expect comma, found '0' (2537,49): run-time error CSS1046: Expect comma, found '/' (2635,30): run-time error CSS1046: Expect comma, found '80' (2635,36): run-time error CSS1046: Expect comma, found '/' (2788,35): run-time error CSS1046: Expect comma, found '119' (2788,43): run-time error CSS1046: Expect comma, found '/' (3115,25): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (3483,42): run-time error CSS1046: Expect comma, found '119' (3483,50): run-time error CSS1046: Expect comma, found '/' (3566,42): run-time error CSS1046: Expect comma, found '128' (3566,50): run-time error CSS1046: Expect comma, found '/' (3617,21): run-time error CSS1039: Token not allowed after unary operator: '-heading-text-color' (3856,45): run-time error CSS1046: Expect comma, found '0' (3856,49): run-time error CSS1046: Expect comma, found '/' */ @import url('https://fonts.googleapis.com/css2?family=Almarai&family=Baloo+Bhaijaan+2&display=swap'); [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } a, button { cursor: pointer !important; } /* global styles*/ :root { --primarycolor: #7f77c4; --secondrycolor: #F5AB36; --heading-text-color: #393B3A; --secondary-text-color: #383838; --cover-bg: #F7F7F7; --section-bg: #f7f8f9; --switches-label-color: white; --switch-bg-color: white; } #elearning-platform .modal-alert { font-size: 14px !important; } .rotate-color { color: #7f77c4 !important; } .mn-height { min-height: 300px; } input[type="checkbox"]:focus, header nav .offcanvas .btn-close:focus, .accordion-button:focus { box-shadow: none !important; } .exam-mark { font-size: 12px !important; letter-spacing: 1.2px; } ::-webkit-file-upload-button { display: none; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset !important; background-color: #fff !important; } input[data-autocompleted] { background-color: transparent !important; } .scroll-top { position: fixed; visibility: hidden; opacity: 0; right: 15px; bottom: -15px; z-index: 99999; background: var(--color-primary); width: 44px; height: 44px; border-radius: 50px; transition: all 0.4s; } .scroll-top { font-size: 24px; color: #fff; line-height: 0; background: var(--primarycolor); } .scroll-top:hover { background: var(--color-default); color: #fff; background: var(--secondrycolor); } .scroll-top.active { visibility: visible; opacity: 1; bottom: 15px; } .messageForm .form-control { height:fit-content; } .required { border: 1px solid #dc3545; } .popover-Calendar-Event p.fs-6 { display: flex; } .sticked { position: fixed; top: 0; right: 0; left: 0; background: white; box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.1); } .save-button { min-width: 110px; height: auto; min-height: 28px; padding: 8px; background-color: #8377B7; border: none; border-radius: 5px; color: #fff !important; font-size: 14px; cursor: pointer; } .form-control:focus { box-shadow: unset !important; border: 1px solid rgb(128 128 128 / 12%); } .student-ticket select, .student-ticket textarea { border-radius: 5px !important; border: 1px solid rgb(128 128 128 / 12%); padding: 1px 7px; } .load-wrapp { position: fixed; top: 0; left: 0; z-index: 999999; width: 100vw; height: 100vh; transition: opacity 0.2s; background: #fff; overflow: hidden; border-radius: 10px; } .special-loadwrap div:first-child { height:100%; } .special-loadwrap .load-wrapp{ max-height:unset; } .spinner { position: absolute; right: 50%; top: 50%; width: 45px; height: 45px; } .spinner-change > div:first-child, .spinner-change .load-wrapp { height: 100%; max-height:unset !important; } .bubble-1, .bubble-2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: #be1260; } .bubble-2 { top: auto; bottom: 0; background-color: #38a3dc !important; } .spinner { animation: loadingI 2s linear infinite; } .bubble-1, .bubble-2 { animation: bounce 2s ease-in-out infinite; } .bubble-2 { animation-delay: -1s; } @keyframes loadingI { 100% { transform: rotate(360deg); } } @keyframes bounce { 0%, 100% { transform: scale(0); } 50% { transform: scale(1); } } body { font-family: 'Almarai', sans-serif; } main, header { overflow: hidden !important; } .cls-1 { fill: #7f77c4; } ::-webkit-scrollbar { height:5px; width: 5px; background: transparent; } ::-webkit-scrollbar-thumb { border-radius: 15px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5); background: var(--primarycolor); } /* header */ header > nav, header > div { z-index: 2; } .nav li { cursor: pointer; } body[data-pagename=index] header { background: url('../assets/img/header-bg.jpg'); background-color: var(--primarycolor); background-attachment: fixed; background-size: cover; height: 90vh; position: relative; } /*body[data-pagename=registrationdetails] main{ margin-top:5rem; }*/ .RegisnDet-header { background: url('../assets/img/talom-branch.jpg'); background-size: cover; background-repeat: no-repeat; height: 50vh; background-position: center; } .RegisnDet-header .row { background: rgb(96 116 207 / 47%); } .switches-container { position: relative; display: flex; padding: 0; position: relative; background: var(--secondrycolor); line-height: 2.5rem; border-radius: 3rem; direction: ltr; } .switches-container input { visibility: hidden; position: absolute; top: 0; } .switches-container label { width: 50%; padding: 0; margin: 0; text-align: center; cursor: pointer; color: var(--switches-label-color); } .switch-wrapper { position: absolute; top: 0; bottom: 0; width: 50%; padding: 0.19rem; z-index: 3; transition: transform .5s cubic-bezier(.77, 0, .175, 1); } .switch { border-radius: 3rem; background: var(--switch-bg-color); height: 100%; } .switch a { width: 100%; text-align: center; opacity: 0; display: block; color: var(--switch-text-color); transition: opacity .2s cubic-bezier(.77, 0, .175, 1) .125s; will-change: opacity; position: absolute; top: 0; left: 0; } .switches-container input:nth-of-type(1):checked ~ .switch-wrapper { transform: translateX(0%); } .switches-container input:nth-of-type(2):checked ~ .switch-wrapper { transform: translateX(100%); } .switches-container input:nth-of-type(1):checked ~ .switch-wrapper .switch a:nth-of-type(1) { opacity: 1; } .switches-container input:nth-of-type(2):checked ~ .switch-wrapper .switch a:nth-of-type(2) { opacity: 1; } body[data-pagename=index] header:after { content: ''; display: block; background-color: var(--primarycolor); position: absolute; top: 0; height: 100%; width: 100%; opacity: 0.74; } /*body[data-pagename=index] main section { padding-top: 60px !important; padding-bottom: 0px !important }*/ body[data-pagename=registration] main { margin-top: 0px !important; } body[data-pagename=about] header { background: var(--primarycolor) !important; } body[data-pagename=about] main { margin-top: 0 !important; } body[data-pagename=jobcareercenter] main { margin: 0 !important; } header nav .dropdown:hover .dropdown-menu { display: block; border: none !important; margin-top: 10px; } header nav.navbar:first-child ul.dropdown-menu { box-shadow: 0px 10px 15px -3px rgb(0 0 0 / 10%); } header nav ul.dropdown-menu { text-align: right; } header nav * { color: white !important; font-size: 14px; } .desktop-nav .dropdown-menu{ margin-top:1px !important; } .navbar-toggler-icon { filter: brightness(0) invert(1); background-image: url('../assets/img/nav-menue.png'); } .side-menu .mob-nav .navbar-toggler-icon { filter: brightness(0) invert(1); background-image: url('../assets/img/hamburger.png'); } header nav.navbar, .mobile-nav { box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 15%); background-color: var(--primarycolor); z-index: 10; } .mobile-nav a.nav-link { border-bottom: 1px solid #ffffff0d; padding: 0px 15px; } .mobile-nav .dropdown-item:hover, .mobile-nav .dropdown-item:active { background: rgb(127 119 196 / 0%) !important; --bs-dropdown-link-hover-bg: rgb(127 119 196 / 0%) !important; } /* .mobile-nav .navbar-nav .dropdown-menu { background: #fff !important; padding: 5px 10px; margin-top: 10px; border: 0px; }*/ .mobile-nav .navbar-nav .dropdown-menu li a { color: rgba(116, 109, 184, 1) !important; } .mobile-nav .user-action * { color: #685BFF !important; font-size: 14px !important; } /* new */ header .mobile-nav .dropdown:hover .dropdown-menu { display: block; margin-top: 3px; border: 0px; border-radius: unset; background: #fff !important; /* padding: 5px 10px;*/ margin-top: 1px; border: 0px; } header .mobile-nav .dropdown:hover .dropdown-menu a { padding: 5px 16px !important; } .navbar-expand-md .navbar-collapse { width: 100% !important; } .mobile-nav .dropdown-menu { background: unset !important; } .mobile-nav .navbar-nav .dropdown-menu{ position: unset !important; } .mobile-nav .dropdown-item { padding: 0px !important; margin-top: 12px; color: #eee !important; } .mobile-nav .navbar-nav{ line-height: 2.5; } .mobile-nav .use-name-holder span{ font-size:12px; } .mobile-nav .use-name-holder{ margin-right:15px !important; } .mobile-nav .nav-item { width: 100% !important; /*margin-bottom: 10px !important*/ } .mobile-nav .nav-item .dropdown-toggle{ justify-content: space-between; width:100% !important; display:flex; align-items:center; } .mobile-nav .nav-item .dropdown { border-bottom: 1px solid #ffffff0d; padding: 0px 15px; } .welcome-section { padding: 25px 0px !important; } .welcome-section > .row{ margin-top:5rem; } /*.welcome-section .card{ width:350px; height:350px; }*/ .welcome-section .nav-tabs .nav-link { margin-bottom:0px !important; } .back-to { transform: rotate(180deg); margin-left: 5px; font-size: 1.4rem; cursor: pointer; color: #7f77c4; height:29px; } .menu-content { background: #fff; /* padding: 20px 25px;*/ border-radius: 10px; box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 10%); } .menu-content > .row:first-child { border-top-right-radius: 10px; border-top-left-radius: 10px; /* box-shadow: 1px 1px 5px solid black; box-shadow: 0px 0px 21px -3px rgb(0 0 0 / 10%);*/ /*box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 10%);*/ margin: 0px; border-bottom: 0px !important; } .heading-shadow { box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 10%); } .menu-content-title { box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 10%); padding: 12px !important; margin:0px !important; } .menu-content > .row > div { padding: 12px; margin:0px; } .menu-content .card { border: 1px solid rgb(0 0 0 / 3%); box-shadow: 0px 3px 11px -3px rgb(0 0 0 / 10%); /* height: 380px;*/ } .menu-content .show-diplma { border-radius: 10px; } .menu-content .card .card-title { font-size: 18px; } .menu-content .card .diplma-overview { height: 66px; margin-bottom: 13px !important; overflow: hidden; /* text-overflow: ellipsis; white-space: nowrap;*/ } /* .menu-content .card .diplma-overview:hover { overflow: visible; display: block; height: 100%; cursor:pointer; }*/ .menu-content .diploma-description p { color: rgb(0 0 0 / 35%); } .menu-content .card-img-top { height: 130px; object-fit: cover; } .menu-content .btn, .menu-content button { font-size: 14px; } .menu-content .show-diplma { background: #9892cf !important; border: 1px solid #9892cf !important; color: #fff !important; } .menu-content .show-diplma:hover { background: #ffffff !important; border: 1px solid #9892cf !important; color: #9892cf !important; } .menu-content .card-img, .menu-content .card-img-top { border-top-left-radius: 15px; border-top-right-radius: 15px; } .menu-content .diploma-description p{ font-size:14px !important; } .special-shadow { box-shadow: 0px 0px 10px -3px rgb(0 0 0 / 10%); } .welcome-section .nav-tabs .nav-link.active { color: #7f77c4; border: 1px solid rgb(127 119 196 / 47%); border-bottom: 0px !important; } .welcome-section ul.nav.nav-tabs { border-bottom: 1px solid rgb(127 119 196 / 58%) !important; } .side-menu .navbar-nav { box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 10%); } .side-menu nav.navbar { display: block; /* padding: 12px;*/ border-radius: 5px; } nav .collapse.show{ padding:0px !important; } .side-menu nav.navbar.navbar-expand-xl a.nav-link:hover { background: unset !important; color: unset !important; border-radius: unset !important; padding: 15px 14px !important; } .side-menu a.nav-link { color: black; } .side-menu .navbar-nav .nav-item a.active { background: #7f77c4; color: #fff !important; } .side-menu .navbar-nav .nav-item a:hover { color: #7f77c4 !important; } .side-menu .navbar-nav .nav-item:last-child, .side-menu .navbar-nav .nav-item:last-child a { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom: 0px !important; } .side-menu .navbar-nav .nav-item a.active svg { height: 21px; } .side-menu .navbar-nav .nav-item a.active span { font-size: 16px; } .side-menu .navbar-nav { display: block !important; width: 100%; box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 10%); border-radius: 10px; } .side-menu .container-fluid { flex-direction: column !important; align-items: flex-start; } .side-menu .navbar-nav .nav-item a span { font-family: 'Almarai' !important; font-weight: 100 !important; } .side-menu nav.navbar.navbar-expand-xl a.nav-link, nav button.dropdown-toggle { padding: 15px 14px !important; border-radius: unset !important; } .side-menu .navbar-nav .nav-item { width: 100% !important; background: #fff; border-bottom: 1px solid rgb(127 119 196 / 7%); color: #7f77c4; font-family: 'Almarai' !important; font-weight: 100 !important; } } .side-menu .navbar-nav .nav-item:hover { width: 100% !important; background: #7f77c4; border-bottom: 1px solid rgb(255 255 255 / 48%); } .side-menu .navbar-nav .nav-item a svg { margin-left: 8px; width: 19px; height: 19px; } .side-menu .navbar-nav .nav-item:first-child { border-top-left-radius: 10px; border-top-right-radius: 10px; } .side-menu .navbar-nav .nav-item a { color: #7f77c4; padding: 20px 24px; } .side-menu a.nav-link.disabled { background: #c6c6c6; color: black !important; border: 0px !important; } /*.side-menu .navbar-nav .nav-item a:hover { color: #7f77c4 !important; padding: 20px 10px; background: #fff; }*/ .navbar-toggler-icon { width: 1.7em; height: 2em; } .my-diploma { margin-top: 76px; min-height: 600px; } .menu-content { min-height: 500px; } .reg-btn { color: #fff; background: #7f77c4; border-radius: 30px; padding: 5px 25px; } .mobile-nav .user-name { font-size: 18px !important; } .diplomas-container{ margin:0px 25px 25px 25px; } header nav.navbar.navbar-expand-lg a.nav-link:hover, header nav button.dropdown-toggle:hover { background: white !important; color: var(--primarycolor) !important; border-radius: 200px !important; padding: 2px 10px !important; } header nav.navbar.navbar-expand-lg a.nav-link, header nav button.dropdown-toggle { padding: 2px 10px !important; border-radius: 200px !important; } .offcanvas-heading { font-weight: 600; letter-spacing: 1.2px; font-size: 16px; margin-bottom: 15px; padding: 0px 15px; } #regestiration-sec .reg-stepFour img { width: 110px; height: 90px; } header nav button.btn, #regestiration-sec .reg-stepFour a { background-color: var(--secondrycolor) !important; } nav .collapse.show { padding: 0px !important; } header nav .collapse.show ul { border-top: 1px solid #ffffff0f; } header nav .navbar-nav .dropdown-menu { position: absolute; } header nav .navbar-nav .dropdown-toggle:hover .dropdown-menu { padding-bottom: 5px; position: absolute; } header nav .dropdown-menu.show { text-align: right; } header nav button.btn:hover, #regestiration-sec .reg-stepFour a:hover { background: white !important; } header nav button.btn:hover a, #regestiration-sec .reg-stepFour a:hover { color: var(--primarycolor) !important; } .mobile-nav { position: fixed; height: 80px; width: 100% !important; } .mobile-nav .offcanvas-body { display: flex; flex-direction: column; align-content: center; overflow:visible !important; } .mobile-nav .bg-spec { background: #393479; } .mobile-nav .user-action { width: 150px !important; height: 41px; background: #fff; align-self: center; border-radius: 10px; margin: 0px 13px; padding: 0px 10px; } .mobile-nav .user-action svg { transform: rotateY(170deg); font-size: 1rem; margin: 0px 8px; } header nav .offcanvas { background: linear-gradient(180deg, #7F77C4 0%, #393479 100%); } header nav .offcanvas .btn-close { background: transparent url(../assets/img/closeicon.png); background-repeat: no-repeat; background-size: cover; padding: 4px; opacity: 1; } header nav .offcanvas .btn-close { width: 0.7em !important; height: 0.7em !important; position: absolute !important; left: -38px; width: 15px !important; height: 15px !important; top: 42px !important; } .side-menu .navbar-nav .nav-item a.active:hover { color: #fff !important; } .mobile-nav .offcanvas { width: 270px !important; overflow:auto; } .mail-details-table { background: #fff; border-radius: 10px; } .mail-details-table td { border-bottom: unset !important; } .mail-content { background: rgb(241 241 241 / 29%); } .reply-box { background: #fff; padding: 10px; border-radius: 10px; } .mobile-nav .offcanvas a.nav-link, .mobile-nav button.dropdown-toggle { font-size: 15px !important; padding-top: 10px !important; padding-bottom: 10px !important; position: relative; } .email-date { color: rgb(127 119 196); font-size: 12px; margin: 0px 2px; } .mobile-nav button.dropdown-toggle:hover { background: unset !important; color: unset !important; border-radius: unset !important; padding: unset !important; } .mobile-nav button.dropdown-toggle { padding-right: 0px !important; padding-left: 0px !important; } .mobile-nav a.nav-link.dropdown-toggle:hover { display: flex !important; background: white; padding: 10px 16px; color: #7e78bd !important; } /*.mobile-nav button.dropdown-toggle:hover { background: white !important; color: var(--primarycolor) !important; margin: 0px 16px !important; border-radius: unset !important; padding: 10px 17px !important; }*/ .dropdown-toggle::after { margin-right: 7px; } .mobile-nav .offcanvas-header, .mobile-nav .logged-in-user-anchors-holder { display: block; } .mobile-nav .logged-in-user-anchors-holder > a.user-anchor > .profile-pic-holder, .mobile-nav .logged-in-user-anchors-holder > a.user-anchor > .profile-pic-holder > div { width: 64px !important; height: 64px !important; } .mobile-nav .offcanvas-header { background: #fff; } .bg-prime { background-color: #7870bd !important; } .mobile-nav .use-name-holder span { color: rgba(116, 109, 184, 1) !important; } .mobile-nav .use-name-holder svg path { color: #fff !important; } .mobile-nav .dropdown-toggle::after { margin-left: 34px !important; transform: rotate(360deg); font-size: 18px; } .mobile-nav .navbar-nav { --bs-nav-link-padding-y: 0px !important; } .mobile-nav .offcanvas-body .navbar-nav{ color:red !important; } #offcanvasNavbar .offcanvas-body { border-top: 1px solid #eee; letter-spacing: 0.5px; } #carouselExampleIndicators { height: 100vh; display: flex; background-color: #7f77c4; } .carousel-inner .btn { font-size: 18px; background-color: var(--secondrycolor) !important; height: 37px !important; } .carousel-inner .btn:hover { color: var(--primarycolor) !important; background: #fff !important; } .carousel-height { height: 498px; /*margin-top: 5rem !important;*/ } .carousel-height h3 { font-weight: 600; margin-bottom: 8px; } .header-text-content { height: 370px; } .header-text-content svg { transform: rotate(180deg) scaleY(1.3); font-size: 35px; background-color: var(--secondrycolor); height: 32px; width: 45px; border-radius: 50%; } /* main */ /*main { margin-top: 4rem; }*/ main section { padding: 60px 0px; } body[data-pagename=registeration] main section { padding: 12px 0px !important; } body[data-pagename=index] main { margin-top: 0rem !important; } #about-diploma .nav-pills .nav-link.active { background: unset !important; } main section#about-diploma { padding: 0; } #about-diplomas .row div:nth-child(1) p { font-size: 16px !important; line-height: 2.5 !important; } /* features */ .header-text-content h1 { color: #fff !important; font-size: 36px !important; font-weight: 500; } .section-heading { color: var(--heading-text-color); font-size: 34px !important; font-weight: 600; } #features .card { box-shadow: 0px 0px 39px -20px #aca1eb; border-radius: 39px 39px 39px 39px; border: none; color: var(--heading-text-color); font-weight: lighter !important; width: 350px; } #features .card:hover, #services .card:hover, #administration svg:hover, #trainee svg:hover { transform: scale(1.05); background-color: var(--secondrycolor); color: white; } img[alt~="about-us"]:hover { transform: scale(1.05); } #features .card .card-body { padding: 30px 0px; } #features .card img { width: 130px; } /* about-us */ #about-us { background: var(--section-bg); color: var(--primarycolor); } #about-us .row > div:first-child img:hover { transform: scale(1.1); } #about-us ul.lh-4 { line-height: 3; } #about-us ul { padding: 0px 10px; } #about-us ul li svg { color: #549e67; } img[alt~="goals"] { width: 400px !important; height: 300px !important; } /* services */ #services .card { box-shadow: 0px 0px 39px -20px #aca1eb; border-radius: 39px 39px 39px 39px; border: none; color: var(--heading-text-color); font-weight: lighter !important; width: auto; background: #F2F0F8; } #services .card img { width: 130px; height: 125px; } #elearning-aims { background-color: transparent; background-image: linear-gradient(230deg, #a19c9c7d 4%, #FFFFFF 65%); padding: 0px; } #elearning-aims h2 { color: var(--primarycolor); } #elearning-aims p, #elearning-aims span { color: var(--secondary-text-color); } #elearning-aims span { letter-spacing: 1px; font-size: 12px; } /* goals */ #goals { background-color: #fbfbfb; } #goals img[alt~="goals"][src*="./Content/assets/img/about-sec2.png"] { width: 500px; } #goals h2 { color: var(--primarycolor); } #goals ul li { color: var(--secondary-text-color); } /* employees */ #employees { padding: 0px !important; } .empolyee-tab-content { border: 1px solid #dee2e6 !important; margin: 0px 12px; border-top: 0px !important; margin-bottom: 30px; } #regestirationHeader { background: url('../assets/img/regestirationBg.png'); background-repeat: no-repeat !important; background-size: cover; } #regestirationHeader .row { background: #91a5ff3b; } #about-diploma ul.nav { overflow: hidden; } #about-diploma #myTab, #about-diploma #myTab > * { border-radius: 0px !important; border: 0px !important; letter-spacing: 1.4px; } #about-diploma #myTab li a.active { color: #7f77c4 !important; position:relative; } #about-diploma #myTab li a.active::after { content: '_________'; position: absolute !important; bottom: -10px; right: 0; width: 100%; font-size: 2rem; } #CareerCenter #myTab li a.active { color: #fff !important; background: var(--primarycolor) !important; font-weight: unset !important; } #about-diploma ul.nav > li { float: left; display: block; color: black; text-align: center; padding-bottom: 0px !important; text-decoration: none; font-size: 17px; padding: 0px !important; } #about-diploma .go-reg { bottom: -24px !important; background: var(--secondrycolor) !important; border: 1px solid var(--secondrycolor) !important; } #employees .nav-item a.nav-link, #about-diploma .nav-item a.nav-link, #regestiration-sec .nav-link { color: var(--heading-text-color) !important; } #about-diploma .nav-item a.nav-link { color: #212529 !important; margin: 0px 6px; } div#about-diploma-goals p { font-size: 16px !important; font-weight: 600 !important; padding-right: 20px !important; } #employees .nav-item a.nav-link:hover, #employees .nav-item a.nav-link.active, #regestiration-sec .nav-link:hover, #contactUs .social-media li a:hover, #contactUs .list-unstyled li:hover { color: var(--secondrycolor) !important; } #administration svg, #trainee svg { background-color: var(--primarycolor); width: 50px; padding: 40px; height: 50px; color: white; } #administration .card { height: 300px; } #administration .card h5, #trainee .card h2, #techsupport svg, #techsupport .card-text { color: var(--primarycolor); } #administration .card p { color: #545965; } /* trainee */ #trainee ul li { font-size: 17px; } /* techsupport */ #techsupport .card-body h4 { color: var(--heading-text-color); } /* DiplomaHr */ .diplomaHr-header { background-size: cover; background-repeat: no-repeat; height: 50vh; background-position: center; } .diplomaHr-header .row > div { background-color: #dfdfdf3b; } .reg-btn:hover { color: #fff ; background-color: var(--primarycolor); border-color: var(--primarycolor); } .primary-color { color:#7f77c4; } #about-diploma .row svg, #about-diploma .row img { width: 30px; height: 22px; } #student-enrollmentHeader { background: url('../assets/img/studyfees.png'); background-repeat: no-repeat !important; background-size: cover; } #student-enrollmentHeader .row { background: #8f88cc6e; } #student-enrollment .regestiration-body ul, #contactUs ul { line-height: 3; } #about-diploma hr { border: 1px solid #7f77c40f; } #about-diploma .diploma-details { line-height: 4; } #about-diploma iframe { background-image: url('./Content/assets/img/frameBg.png'); } #CareerCenter .nav-item a.nav-link:hover { color: var(--primarycolor) !important; } #about-diploma #study-plan ul { line-height: 4; } #about-diploma #study-plan .accordion-header { background: #f0eff9; width: 250px; } #about-diploma #study-plan .accordion-body { border: 2px solid #dbdbdb; margin-bottom: 9px; } #about-diploma #job-vacancies ul li::marker { font-size: 20px; } #about-diploma #study-plan .btn-secondary { background-color: unset; border: unset; color: black; } #about-diploma #study-plan ul.dropdown-menu.show { border: none; background-color: unset; } #study-plan .accordion-item:first-of-type.accordion-button, #study-plan .accordion-item { border: 0 !important; } #study-plan .accordion-button { margin-bottom: 10px; width: unset; } #study-plan .accordion-button:not(.collapsed) { box-shadow: unset; background-color: unset; outline: 0; } #study-plan .accordion-button { flex-direction: row-reverse; text-align: inherit; } #study-plan ul { list-style: arabic-indic; } #study-plan .accordion-button { color: var(--secondary-text-color); background: #f0eff9; } #study-plan .accordion-button:hover { color: var(--primarycolor); } #study-plan .accordion-button::after { content: '\f0d7'; font-family: "FontAwesome"; background-image: unset; padding: 0px 20px; } #study-plan #recorded-classes .nav-link { background: var(--cover-bg); } #about-diploma > div:nth-child(3) > button { transform: translate(50%, 65%); z-index: 1; background-color: var(--secondrycolor) !important; border: none; } #about-diploma > div:nth-child(3) > button:hover { color: #fff !important; background: var(--primarycolor) !important; } #about-diploma-goals li::marker, #diploma-output li::marker { font-size: 1.3rem; } /* registration page */ header ul.dropdown-menu.show li:focus, header ul.dropdown-menu.show li:active, header .dropdown-item.active, .dropdown-item:active, header .dropdown-item.active, .dropdown-item:hover { background: rgb(127 119 196 / 5%) !important; --bs-dropdown-link-hover-bg: rgb(127 119 196 / 5%) !important; } #regestiration-sec { padding: 0px 0px !important; } #regestiration-sec .regestiration-header img { height: 300px; object-fit: cover; } #regestiration-sec .regestiration-header h1 { top: 35%; right: 20%; font-size: 70px; } #regestiration-sec .regestiration-body h1 { color: var(--heading-text-color); } #regestiration-sec .regestiration-body hr { width: 90px; margin: auto; color: #91a5ff; opacity: unset; } #regestiration-sec .regestiration-body .row { color: #657182; } #regestiration-sec .regestiration-body .row svg { color: #91a5ff; background: #f9fbfd; padding: 20px; border-radius: 50%; } #regestiration-sec .regestiration-body .card { border: 1px solid rgb(145 165 255 / 29%); } #regestiration-sec .regestiration-body .card .card-header { background: rgb(145 165 255 / 10%); border: unset; } #regestiration-sec .nav-link.active { color: var(--secondrycolor) !important; border-bottom: 2px solid #f5ab36; padding-bottom: 15px; } #regestiration-sec .reg-stepFour a { width: fit-content; } #student-enrollment .regestiration-body { font-size: 17px; } #student-enrollment .regestiration-body ul img { width: 30px; height: 30px; } #student-enrollment .regestiration-body ul span { color: var(--secondary-text-color); } #student-enrollment ul li ul { list-style: disc; } #registration-form h1 { color: var(--heading-text-color); text-shadow: 0px 0px 2px; } #registration-formHeader { background: url('../assets/img/footer.png'); background-repeat: no-repeat; background-size: cover; } #registration-formHeader .row { background: #8f88cc6e; } #regestiration-FAQHeader { background: url('../assets/img/registeration-FAQ.png'); height: 472px; background-size: cover; } #regestiration-FAQHeader .row { background: #655fb06b; } #regestiration-FAQ .accordion-header h2, #general-FAQ .accordion-header h2 { color: var(--secondary-text-color); } #regestiration-FAQ .accordion-button, #general-FAQ .accordion-button { font-size: 18px; color: var(--secondary-text-color); } #regestiration-FAQ .accordion-item:first-of-type.accordion-button, #regestiration-FAQ .accordion-item { border: 0 !important; } #regestiration-FAQ .accordion-header, #regestiration-FAQ .accordion-button { background: #f0eff9; } #regestiration-FAQ .accordion-button { width: unset; flex-direction: row-reverse; color: var(--secondary-text-color); text-align: inherit; } #regestiration-FAQ .accordion-button:not(.collapsed) { box-shadow: unset; background-color: unset; outline: 0; } #regestiration-FAQ .accordion-button:hover { color: var(--primarycolor); } #regestiration-FAQ .accordion-button::after { content: '\f0d7'; font-family: "FontAwesome"; background-image: unset; padding: 0px 20px; } fieldset .row > ol { list-style-position: inside; line-height: 2.2; padding: 20px; } fieldset .card .card-header { background: rgb(127 119 196 / 8%); border-bottom: 1px solid rgb(127 119 196 / 8%); } fieldset .card .card-header > h3 { font-weight: 600; color: #7f77c4; font-size: 20px; } fieldset .card .card-body > div img { width: 25px; margin: 0px 10px; } fieldset .cost { font-size: 30px; font-weight: 600; } .labl > input { visibility: hidden; position: absolute; } .labl > input + div { cursor: pointer; border: 1px solid #813C8F; } .labl > input:checked + div { background-color: #fff; border: 4px solid #813C8F; box-shadow: #813C8F 0px 2px 8px 0px; } #registration-form input:not(input[type=file]) { padding: 10px; font-size: 17px; } /*fieldset input[type=file] { font-size: 13px; height: 26px !important; color: #7f77c4; position: absolute; bottom: -44px; }*/ fieldset .download-button, fieldset .download-button:hover { height: 100%; border-radius: 0px; background: #f5ab36 !important; border: 0px; color: #fff !important; } fieldset small { position: absolute; font-size: 11px; background: #fff; } .form-select:disabled { background-color: rgb(143 143 143 / 15%) !important; } fieldset .check-validate { font-size: 12px; position: absolute; z-index: 99999999; background: white; padding: 4px 0px; color: #7f77c4; } fieldset label.btn.download-button.position-absolute.start-0:after { content: ""; position: absolute; bottom: -22px; color: black !important; right: 0px; font-size: 13px; color: #7f77c4 !important; } input#upload { position: absolute; bottom: -26px; } fieldset .form-select { height: 43.5px; } #registration-form input#agreementForm { all: revert !important; } .css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } .css-checkbox + label { position: relative; cursor: pointer; display: flex; align-items: flex-start; color: #ff1f47; font-size: 15px; } .css-checkbox + label::before { content: " "; display: inline-block; vertical-align: middle; margin-right: 3px; width: 20px; height: 20px; background-color: white; border-radius: 2px; box-shadow: none; border: 1px solid #000; } .css-checkbox:checked + label::after { content: " "; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZGUxZmNiIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+"); background-repeat: no-repeat; background-size: 14px 16px; background-position: center center; position: absolute; display: flex; justify-content: center; align-items: center; margin-left: 0px; right: 3px; top: 0px; text-align: center; background-color: transparent; height: 20px; width: 20px; filter: grayscale(1); } .invalid { background: #574f9912; } #registration-form .tab { display: none; } #registration-form button { background-color: var(--primarycolor); color: #ffffff; border: none; padding: 10px 20px; font-size: 17px; cursor: pointer; } #registration-form .card-body { /*background: rgb(125 125 125 / 8%);*/ border-radius: 7px; /* box-shadow: 0px 0px 3px 0px #aea3ed;*/ } #registration-form button:hover { opacity: 0.8; } .payment-cards a.btn:hover { background-color: var(--primarycolor); opacity: 0.8; } fieldset .form-check-input:checked { background-color: #534a92; border-color: #524a92; } #registration-form #prevBtn { background-color: #7c7c7c; } #registration-form .step { height: 10px; width: 10px; background-color: #5b5586; border: none; border-radius: 50%; display: inline-block; opacity: 0.5; } #registration-form .step.active { opacity: 1; } #registration-form .step.finish { background-color: var(--primarycolor); } #registration-form .form-check-input[type=radio]:checked { background-color: var(--primarycolor); border: 1px solid var(--primarycolor); } #studentServices { background: var(--section-bg) !important; height:100vh; } #studentServices form #login:hover { background: #fff !important; color: #7f77c5 !important; border: 1px solid #7f77c5; } #studentServices img[src*="./Content/assets/img/studentServices.jpg"] { object-fit: cover; } #studentServices h4, #studentServices form #forgetPassword, #studentServices .form-check > * { color: var(--heading-text-color) !important; } #studentServices form #forgetPassword:hover { text-decoration: underline; } #studentServices form label { color: var(--secondary-text-color); } #studentServices form #login { background: #7f77c5; border-radius: 30px !important; padding: 12px 0; } #studentServices .form-check { width: 140px; } #studentServices .form-check .form-check-input[type=checkbox] { border-radius: unset !important; width: 19px; height: 19px; -webkit-touch-callout: none; } #studentServices .form-check .form-check-input:checked { background-color: #7f77c5; border-color: #7f77c5; } /* diploma career center */ #employeeCareerCenter { background: url('../assets/img/employmentQualif.png'); background-size: cover; background-repeat: no-repeat; } #employeeCareerCenter .row { background-color: #7F77C48A; } #CareerCenter { background: var(--section-bg); } #CareerCenter .accordion-item:first-of-type.accordion-button, #CareerCenter .accordion-item { border: 0 !important; } #CareerCenter .accordion-button { flex-direction: row-reverse; width: unset !important; } #CareerCenter .accordion-button:not(.collapsed) { box-shadow: unset; background-color: unset; outline: 0; } #CareerCenter .accordion-button { width: 100%; text-align: inherit; } #CareerCenter .accordion-body ul { list-style: arabic-indic; } #CareerCenter .accordion-button { color: var(--secondary-text-color); } #CareerCenter .accordion-header, #CareerCenter .accordion-button { background-color: #EBE8E8; } #CareerCenter .accordion-button:hover { color: var(--primarycolor); } #CareerCenter .accordion-button::after { content: '\f0d7'; font-family: "FontAwesome"; background-image: unset; padding: 0px 20px; } #CareerCenter .partners p { color: var(--secondrycolor); } #CareerCenter .partners img { width: 260px; height: 215px; } /* contactus page */ body[data-pagename=contactUs] main { padding-top: 33px; } #contactUs { background-image: url('../assets/img/contactusBg.png'); background-size: cover; padding: 79px 0px !important; } #contactUs hr { color: var(--secondrycolor); border-top: 4px solid; width: 80px; opacity: 100%; margin-bottom: 50px; } #contactUs .social-media { width: 225px; } #contactUs .social-media li svg { border: 1px solid; border-radius: 50%; width: 20px; height: 20px; padding: 7px; } #contactUs .line-before { border-right: 1px solid #fff; } #contactUs .social-media li a { color: unset; } #contactUs .btn-warning { background: var(--secondrycolor); } #contactUs .btn:hover { background: #fff; color: var(--primarycolor) !important; border: unset !important; } #contactUs input, #contactUs textarea, #contactUs button { background-color: #FFFFFFB8; border-radius: 20px 20px 20px 20px; } /* elearning-platform page */ /*#elearning-platform .overlay:after { content: ''; display: block; background-color: #201538b3; position: absolute; top: 0; height: 100%; width: 100%; opacity: 0.8; }*/ #elearning-platform .overlay img { object-fit: cover; object-position: 100%; } #elearning-platform .card-body img { border-bottom: 1px solid #e7e7e7; } section#elearning-platform > .row { height: 100vh !important; } #elearning-platform #login { background-color: #70509f; } #elearning-platform #login:hover { background: white; color: #70509f !important; border: 1px solid #70509f; } #elearning-platform .social-media li svg { border-radius: 50%; width: 20px; height: 20px; padding: 7px; } #elearning-platform .social-media li svg.fa-twitter { background: #55acee; } #elearning-platform .social-media li svg.fa-instagram { background: #3f729b; } #elearning-platform .form-check-input:checked { background-color: #70509f !important; border-color: #70509f !important; } /* generalFAQ page */ #generalFAQ{ background: url('../assets/img/generalFAQ.png'); background-size: cover; background-repeat: no-repeat; } #employment { background: url('../assets/img/employmentBg.png') !important; background-size: cover; background-repeat: no-repeat; margin-top:4rem; } #generalFAQ .row { background-color: var(--secondrycolor); } #employment .row { background-color: rgb(127 119 196 / 37%); } #general-FAQ .accordion-body { color: var(--heading-text-color); } #general-FAQ .accordion-body a { color: #1e73be !important; } #general-FAQ .accordion-item:first-of-type.accordion-button, #general-FAQ .accordion-item { border: 0 !important; } #general-FAQ .accordion-button { width: unset; } #general-FAQ .accordion-button:not(.collapsed) { box-shadow: unset; background-color: unset; outline: 0; } #general-FAQ .accordion-button { flex-direction: row-reverse; text-align: inherit; } #general-FAQ .accordion-button { color: var(--secondary-text-color); } #general-FAQ .accordion-header, #general-FAQ .accordion-button { background-color: #EBE8E8; } #general-FAQ .accordion-button:hover { color: var(--primarycolor) !important; } #general-FAQ .accordion-button:hover .accordion-button::after { color: var(--primarycolor) !important; } #general-FAQ .accordion-button::after { content: '\f0d7'; font-family: "FontAwesome"; background-image: unset; padding: 0px 20px; } #general-FAQ .accordion-item { margin-bottom: 10px; } /* employment page */ #employment-registeration form span.name-validate, #employment-registeration form span.pdf-validate, fieldset span.NationalNumber-validate, fieldset span.email-validate { color: var(--primarycolor); font-size: 0.8rem; } #employment-registeration form button { background-color: var(--primarycolor); border: 1px solid var(--primarycolor); } /* Terms and condition */ #termsAndConditionHeader { background-color: transparent; background-image: linear-gradient(180deg, #ECECEC 100%, #FFFFFF 21%); margin-top: 4.2rem; } #termsAndConditionHeader .row:nth-child(1) h2 { color: var(--secondrycolor); } #termsAndConditionHeader .row:nth-child(1) p { color: var(--heading-text-color); } #termsAndConditionHeader .row:nth-child(2) { background: var(--primarycolor); } #our-services h2:nth-child(1) { color: var(--primarycolor); } #our-services h1 { color: var(--secondrycolor); } #our-services .card { box-shadow: 0px 0px 10px 0px #aea3ed; border: 1px solid #f5f5f5; border-radius: 40px 40px 40px 40px; padding: 40px; width: 304px; height: 350px; margin: auto; transition: 0.3s; } #our-services .card .btn:hover, #employment-registeration form button:hover { background: white !important; color: var(--primarycolor) !important; box-shadow: unset; } #our-services .card:hover { background-color: var(--secondrycolor); border: none; } #our-services .card:hover .card-title, #our-services .card:hover .card-text, #features .card:hover p { color: white !important; } #our-services .card img { height: 80px !important; width: 80px !important; } #our-services .card .card-title { color: var(--primarycolor); font-size: 23px; } #our-services .card .card-text { color: var(--heading-text-color); } #our-services .card .btn { color: white; background-color: var(--primarycolor); border-radius: 45px 45px 45px 45px; box-shadow: 4px 3px 4px 1px rgb(188 184 184 / 50%); border: none; } /* Academic Calender */ #academicCalneder-header { background: url('../assets/img/academicCalender.png'); background-size: cover; } #academicCalneder-header .line-divider { width: 30%; border: 2px solid var(--secondrycolor); } .table-bordered > :not(caption) > * > * { border: 1px solid #f3f3f3; } #academicClaenderTable table { color: var(--heading-text-color); } #academicClaenderTable table thead { background: var(--primarycolor); } #academicClaenderTable table thead tr th { font-size: 18px; } #academicClaenderTable table tbody tr th { background-color: white !important; } #academicClaenderTable table tbody tr:nth-child(odd) { background: #ECECEC; } #academicClaenderTable table tbody { border-left: 1px solid; } #academicClaenderTable table tbody td { text-align: center; padding: 15px 0px !important; } .ng-table-pager{ display:flex; justify-content:center; margin-top:25px; } .ng-table-counts .btn.active { border: unset; border-radius: 50% !important; background: #7f77c4; color: #fff; } /* Branches page */ #BranchesSection { background-image: url('../assets/img/branchesPage.png'); background-size: cover; background-repeat: no-repeat; } #BranchesSection .row { background-color: #7F77C48A; } #locations-card div h6 { padding: 15px 50px 12px 50px; background-color: #813F91; border-radius: 0px 30px 0px 0px; width: fit-content; } #locations-card .map-content iframe { width: 100%; height: 100%; } #locations-card .map-content { height: 300px; width: 100%; } #map { height: 100%; } /* footer */ footer { background-image: url('../assets/img/footer.png'); background-size: cover; position: relative; background-position: center; background-repeat: no-repeat; } footer:after { content: ''; display: block; background-color: #58509C; position: absolute; top: 0; height: 100%; width: 100%; opacity: 0.9; z-index: 1; } footer div.container-fluid { position: relative; z-index: 2; } footer .container-fluid .row { border-bottom: 1px solid #ffffff0f; } footer .row div:nth-child(4) ul { width: 130px; } footer ul.list-unstyled li:hover svg { color: var(--secondrycolor) !important; } footer ul.list-unstyled.mt-3.p-0.d-flex.justify-content-between svg { color: #505050; width: 17px; padding: 6px; height: 17px; background-color: #FFFFFFAD; border-radius: 50%; } footer .row .border-bottom { border-bottom: 1px solid #ffffff08 !important; padding-bottom: 10px; } /* owl */ .diploma-cards .diploma-cards-carousel, .diploma-cards .diploma-cards-slider { overflow: hidden; } .diploma-cards .testimonial-item { box-sizing: content-box; min-height: 200px; position: relative; background: #fff; border-radius: 40px !important; } .diploma-cards .testimonial-item .card-body { height: 220px; background: #F8F6FA; border-bottom-left-radius: 40px !important; border-bottom-right-radius: 40px !important; } .diploma-cards .testimonial-item .testimonial-img { width: 90px; border-radius: 10px; border: 6px solid #fff; float: left; margin: 0 10px 0 0; } .diploma-cards .testimonial-item .card-img-top { height: 200px; border-top-left-radius: 40px !important; border-top-right-radius: 40px !important; object-fit: cover; } .diploma-cards .testimonial-item #diplomas a.btn.btn-sm.rounded-pill.px-3 { background-color: var(--secondrycolor) !important; } .diploma-cards .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 25px 0 5px 0; color: #111; } .diploma-cards .testimonial-item .btn { background-color: var(--secondrycolor) !important; } .diploma-cards .testimonial-item .btn:hover { background: white !important; box-shadow: unset !important; } .diploma-cards .testimonial-item .btn:hover span { color: var(--primarycolor) !important; } .diploma-cards .testimonial-item .quote-icon-left, .diploma-cards .testimonial-item .quote-icon-right { color: #fceaea; font-size: 26px; } .diploma-cards .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; } .diploma-cards .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; } .diploma-cards .testimonial-item p { height: 53px !important; max-height: 53px !important; margin: 10px 0px !important; } .diploma-cards .testimonial-item p, .diploma-cards .swiper-slide span { color: #6F7071; } .diploma-cards .swiper-pagination { margin-top: 20px; position: relative; } .diploma-cards .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #fff; opacity: 1; border: 1px solid var(--primarycolor); } .diploma-cards .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--primarycolor); } .diploma-cards .swiper-button-next:after, .swiper-button-prev:after { font-size: 30px; font-weight: 900; color: var(--primarycolor); } .moreDesc { cursor: pointer; } /* registeration new desgin */ .studentReg-form { overflow-y: auto; overflow-x: hidden; } .studentReg-form .card-body > div:first-child { height: 100vh; } .studentReg-form .card-body .row > div:first-child .row h1 { color: #42505C; font-weight: 600; letter-spacing: 1.6px; } .studentReg-form .card-body .row > div:first-child .row p { color: #404040; } .studentReg-form [alt~="Academiatylogo"] { width: 250px; } #studentServices [alt~="studentServices"] { object-fit:cover; } .bg-image { background-image: url('../assets/img/regForm.jpg'); background-size: cover; /* background-size: 900px; background-position: -31px 40px;*/ background-repeat: no-repeat; } #msform { text-align: right; position: relative; margin-top: 3rem; } #msform fieldset { background: white; border: 0 none; border-radius: 0px; padding: 20px 0px; box-sizing: border-box; width: 100%; position: relative; color: #42505C; /* margin-top:2rem;*/ } #msform #upload { pointer-events: none; } #progressbar li { text-align: center; } #progressbar li.active > span { color: #F7AA30; } #msform fieldset ol { list-style-position: inside; font-size: 14px; line-height: 2; margin-bottom: 1.5rem; } #msform fieldset ol > li { margin-bottom: 15px; } /*Hide all except first fieldset*/ /* #msform fieldset:not(:first-of-type) { display: none; }*/ /*inputs*/ #msform input input:not([type='checkbox']), #msform textarea { padding: 15px; border: 1px solid #ccc; border-radius: 0px; margin-bottom: 10px; width: 100%; box-sizing: border-box; font-family: montserrat; color: #2C3E50; font-size: 13px; } #msform input:focus, #msform textarea:focus { box-shadow: none !important; border: 1px solid #813C8F; outline-width: 0; /* transition: All 0.5s ease-in;*/ } /*buttons*/ #msform .action-button, #msform .action-button-previous { width: 192px; background: var(--secondrycolor) !important; box-shadow: -4px 2px 10px 0px rgb(0 0 0 / 14%); color: white; border: 0 none; cursor: pointer; padding: 10px 31px; display: block; float: left; letter-spacing: 0.8px; border-radius: 25px !important; } #msform button#prevBtn { background: #626161 !important; } #msform .action-button-previous { background: #813C8F; border-radius: 0px; } /* #msform .action-button-previous:hover, #msform .action-button-previous:focus { box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1; }*/ #msform input::placeholder { font-size: 11px !important; height: 20px; color: #80808087; } /*headings*/ .fs-title { font-size: 18px; margin-bottom: 10px; line-height: 1.9; } #progressbar { margin-bottom: 30px; overflow: hidden; } #progressbar li { list-style-type: none; float: right; position: relative; } #progressbar li:before { content: ""; width: 20px; height: 20px; line-height: 26px; display: block; font-size: 12px; color: #333; background: #B9B9B9; border-radius: 25px; margin: 0 auto 10px auto; z-index: 2; position: relative; } #progressbar li:after { width: 455px; } /* #progressbar li:last-child:after { content: none; }*/ #progressbar li:after { content: ''; height: 2px; background: #B9B9B9; position: absolute; left: -109%; top: 10px; z-index: 1; } #progressbar li.active:before { background: #F7AA30; } #progressbar li.active:after { background: #F7AA30; } #msform input#check { position: absolute; opacity: 0; } #msform input#check:checked + label svg path { stroke-dashoffset: 0; } #msform #check + label { border: 1px solid rgb(66 80 92 / 67%); width: 25px; height: 25px; cursor: pointer; transition: all 0.2s ease; margin-left: 5px; } #msform #check + label svg { pointer-events: none; width: 20px; height: 17px; margin: 2px 2px 5px 1px; } #msform #check + label svg path { fill: none; stroke: #333; stroke-width: 6px; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 100; stroke-dashoffset: 101; transition: all 350ms cubic-bezier(1, 0, 0.37, 0.91); } #msform fieldset .agreement{ font-size: 12px; } #msform .step-one label { font-size: 12px; color: #222222; margin-bottom: 7px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; } #msform .step-one input, #msform .step-one select { border-radius: 25px !important; letter-spacing: 1.1px; } #msform .step-one input[type='file'] { position: absolute; width: 100%; bottom: -15px; font-size: 10px; color: #813c8f !important; letter-spacing: 1px; text-decoration: none; border:unset !important; } #msform .form-select { background-position: left 0.75rem center; background-image: url('../assets/img/arrow.png'); background-size: 9px 7px; padding: 8px 12px; } #msform .step-one select { font-size: 14px; } .horizontal_dotted_line { white-space: nowrap; position: relative; overflow: hidden; padding: 0px; } #msform .step-one select:focus { border-color: unset !important; outline: 0; box-shadow: unset !important; } .horizontal_dotted_line:after { content: "------------------------------------------------------------------"; letter-spacing: 6px; color: #D1D1D1; display: inline-block; } label[for=cost] { font-size: 18px !important; color: #42505C !important; } .costs-card { color: #222222; margin-top: 1rem; } .costs-card .card .card-header { font-size: 16px; background: #F7AA30; color: #fff; border-radius: 0px !important; } .costs-card .card { border: 1px solid #813C8F; border-radius: 0px !important; } .costs-card .card-body { line-height: 1.3; } .costs-card .card-body, .costs-card .card-title { font-size: 12px; margin: 2px; } .costs-card .card-body span { font-size: 20px !important; color: #222222 !important; } .costs-card .card { min-height: 180px; } .emails-repeater-box > a .email-details { text-align: right; padding-top: 10px; } .email-details p { color: #ffa603; font-size: 11px; } .emails-repeater-box > a .email-details h5 { line-height: 1.2; } .emails-repeater-box, .exams-repeater-box { max-height: 345px; min-height: 345px; overflow-y: scroll; } .exams-repeater-box .card { border-radius: unset !important; border: unset !important; box-shadow: unset !important; } .exams-repeater-box .card-header { border: unset; border-radius: 4px; background: #fff; border: 2px solid rgb(127 119 196 / 2%); padding: 15px; } .emails-repeater-box::-webkit-scrollbar, .exams-repeater-box::-webkit-scrollbar { width: 2px !important; } .min-height { min-height: 345px !important; } .emails-repeater-box > a .sender-thumb, .mail-details-table .thumb { margin-right: 0px; margin-left: 10px; } /*.mail-details-holder table { text-align: right; }*/ .mail-attachments-holder h5, .mail-replays-holder h5 { text-align: right; } .mail-reply-col .mail-reply-box.student .details, .mail-reply-col .mail-reply-box.instructor .details { text-align: right; } .mail-reply-col .mail-reply-box.student .thumb { margin-right: 0px; margin-left: 10px; } .mail-reply-col .mail-reply-box.instructor .thumb { margin-left: 0px; margin-right: 10px; } .syllabus-holder > .topic-bar .title { text-align: right; } .evaluation-category-heading { text-align: right; } .folder-details-material-container .symbol .file-index { left: auto; right: 1px; border-radius: 0px 3px 0px 0px; } /* Home Page */ @media only screen and (min-width: 320px) { header { overflow: hidden; } .navbar-brand { margin: 0; } body[data-pagename=index] header { height: 64vh; } #carouselExampleIndicators { padding-top: 60px !important; } .row.section-desc.justify-content-evenly.py-5 { padding-top: 0px !important; } .carousel-height img[alt~="slide-1"] { bottom: -88px !important; } img[alt~="logo"] { width: 160px; } #features .card img { width: 70px; } #features .card-desc { margin-top: 30px !important; } #features .card-desc p { margin-top: 0px !important; color: #6C6A6A !important; } #services .card img { height: 70px; } .section-heading { font-size: 28px !important; } #features .card .card-body { padding: 13px 0px; } #features .card h4 { font-size: 18px; } #features .card { font-size: 13px; } #features .card { width: 240px; height: 240px; } #services .card { box-shadow: 0px 0px 33px -22px #aca1eb; width: 200px; height: 190px; padding: 29px 0px; } #services .card .card-body { padding: 0px; } #services .card .card-body h5 { font-size: 18px !important; } .carousel-control-next, .carousel-control-prev { bottom: -120px; } .carousel-height img { position: absolute; bottom: 0; width: auto !important; height: 190px !important; left: 40px; } .carousel-height img[alt~="slide-2"] { bottom: -84px !important; } /* .carousel-height img[alt~="slide-3"] { width: 245px !important; }*/ .carousel-height img[src*="/AOL.EDU.Web/Content/assets/img/slide-3.png"] { bottom: -93px !important; } #carouselExampleIndicators .carousel-height { padding: 0px !important; } ul.navbar-nav.mb-2.mb-lg-0.align-items-center.p-0 { line-height: 2.5; } .navbar-toggler:focus { box-shadow: unset; } .section-heading { font-size: 24px; } .header-text-content h1 { font-size: 24px !important; } .header-text-content svg { height: 23px; width: 33px; padding: 3px; } /* sections */ #regestiration-sec .regestiration-header h1 { top: 44%; right: 16%; font-size: 30px; } #studentServices svg { width: 90px; } #studentServices .card, #studentServices .row { flex-direction: column-reverse; justify-content: start; } .header-text-content { height: 231px; } .header-text-content svg { height: 24px; width: 33px; } .nav .nav-tabs ul { flex-wrap: nowrap; } #myTabContent .card-title { font-size: 16px; } #employees .nav-item a.nav-link, #regestiration-sec .nav-link, #contactUs .social-media li a, #contactUs .list-unstyled li { font-size: 16px !important; } #about-diploma iframe { height: 300px; } #about-diploma .ytp-cued-thumbnail-overlay-image { background-size: cover !important; } #CareerCenter .partners .row { justify-content: center; } ul#myTab, div#myTabContent { padding-left: 0px !important; padding-right: 0px !important; } #carouselExampleIndicators .carousel-height p { width: 85%; font-size: 16px !important; margin-bottom: 47px !important; margin: auto; } footer img[alt~="logo"] { width: 200px; } #about-diploma #myTab .nav-item { width: 100% !important; } section#employment-registeration form { margin: unset !important; width: 100% !important; } #elearning-platform .row > div:nth-child(2) { padding: 0px 10px !important; } #employeeCareerCenter, #generalFAQ, #employment { height: 300px; background-position: 0px 60px; } #BranchesSection { height: 500px; background-position: -230px 38px; } #termsAndConditionHeader .row:nth-child(1) h2 { margin-bottom: 1rem; } #termsAndConditionHeader .col-md-6.col-12.px-md-5.px-sm-0.lh-lg.aos-init.aos-animate p { margin: auto !important; width: 100% !important; text-align: unset !important; margin-bottom: 25px !important; } #regestiration-sec .regestiration-body .row svg { margin: 0px !important; } #regestirationHeader, #student-enrollmentHeader { height: 88px; } #registration-formHeader, #regestiration-FAQHeader { height: 165px; } #academicCalneder-header { height: 300px; } div#academicCalneder-header .container.h-100.d-flex.align-items-center.position-relative > div { position: absolute; bottom: 50px; } #academicCalneder-header .container h1 { font-size: 35px; } #employment { height: 400px; background-position: 0px 68px; } #features .card h4 { font-weight: 600; } .diploma-cards .testimonial-item { margin: 30px 34px; } .diploma-cards .testimonial-item h4 { font-size: 18px; color: var(--heading-text-color); margin-bottom: 10px; font-weight: bold; } .diploma-cards .testimonial-item .card-body { padding: 14px 20px; } section#diplomas > .container { padding: 0px !important; } footer .container-fluid { padding: 3rem 1rem !important; padding-bottom: 0px !important; } .carousel-height h3 { font-size: 21px; } #carouselExampleIndicators .row > div { text-align: center; } .fa-check { font-size: 20px !important; } #about-us ul li svg { font-size: 25px !important; } #diplomas .section-heading { padding-bottom: 0px !important; } .diploma-cards .testimonial-item { margin: 30px 50px; } .diploma-cards .swiper-slide svg, .diploma-cards .swiper-slide img[alt~="clock"] { width: 20px; height: 20px; } .diploma-cards .testimonial-item p, .diploma-cards .swiper-slide span { font-size: 14px !important; } footer { text-align: center; } footer img[alt~="logo"] { margin: auto; } footer .row div:nth-child(4) ul { margin: auto; } footer .row div:nth-child(5) { font-size: 12px; } footer ul > li { font-size: 14px; } footer .row div:first-child p { font-size: 18px; } fieldset .form-check span { width: 272px; } .switches-container { font-size: 13px; width: 13rem; margin: auto !important; } #about-diploma ul.nav { margin: 10px auto; width: 100%; } #about-diploma #myTab li { border: unset !important; } fieldset .download-button { padding: 13px 13px; letter-spacing: 1px; font-size: 12px; } /* .F-mainSec { padding: 2rem 0rem !important; }*/ /* .navbar-collapse.collapse.show{ display: block; width: 100%; }*/ .F-mainSec { padding: 20px 25px; } #progressbar li { width: 80px; } #progressbar li span { font-size: 10px; } } @media only screen and (min-width: 593px) { .learning-tabs li:first-child .badge { position: absolute; top: -12px; right: 84px; border-radius: 20px; font-size: 11px; font-weight: bold; } .learning-tabs li:nth-child(2) .badge { position: absolute; top: -12px; right: 249px; border-radius: 20px; font-size: 11px; font-weight: bold; } .learning-tabs li:last-child .badge { position: absolute; top: -12px; left: 80px; border-radius: 20px; font-size: 11px; font-weight: bold; } } @media only screen and (min-width: 576px) { .carousel-height img { position: absolute; bottom: 0; width: auto !important; height: 285px !important; left: 64px; } .carousel-height img[alt~="slide-1"] { bottom: -89px; } .carousel-height img[src*="/AOL.EDU.Web/Content/assets/img/slide-3.png"] { bottom: -95px !important; } /* .carousel-height img[alt~="slide-3"] { width: 358px !important; }*/ .carousel-height img[alt~="slide-2"] { bottom: -89px !important; } #carouselExampleIndicators .row > div { text-align: unset !important; } #carouselExampleIndicators .carousel-height p { margin: 0px !important; margin-bottom: 25px !important; } #myTab .nav-item { width: unset !important; } #employeeCareerCenter, #generalFAQ, #employment { height: 473px; background-position: 0px 60px; } #BranchesSection { height: 472px; background-position: unset !important; } #termsAndConditionHeader .row:nth-child(1) h2 { margin-bottom: unset; } #termsAndConditionHeader .col-md-6.col-12.px-md-5.px-sm-0.lh-lg.aos-init.aos-animate p { width: 75% !important; text-align: center !important; } #regestirationHeader, #student-enrollmentHeader, #registration-formHeader { height: 162px; } #registration-formHeader { background-position: 0px -155px; } #regestiration-FAQHeader { height: 198px; } .diploma-cards .testimonial-item h4 { font-size: 24px; margin: 0; max-height: 58px; height: 58px; } .diploma-cards .testimonial-item .card-body { padding: 13px 30px; } section#diplomas > .container { padding: 60px 0px; } footer .container-fluid { padding: 3rem 4rem !important; padding-bottom: 0px !important; } .section-heading { font-size: 24px !important; margin-bottom: 30px; } #about-us ul li svg { font-size: 30px !important; } .diploma-cards .testimonial-item { margin: 30px 50px; } .diploma-cards .swiper-slide svg, .diploma-cards .swiper-slide img[alt~="clock"] { width: 25px; height: 25px; } .diploma-cards .testimonial-item p, .diploma-cards .swiper-slide span { font-size: unset !important; } footer { text-align: unset; } .learning-tabs li a { margin-top: 0px; } footer img[alt~="logo"] { margin: unset; } footer .row div:nth-child(4) ul { margin: unset; } footer .row div:nth-child(5) { font-size: 14px; } footer ul > li, footer .row div:first-child p { font-size: unset; } fieldset .form-check span { width: unset; } .F-mainSec { padding: 20px 25px; } #progressbar li { width: 113px; } #progressbar li span { font-size: 10px; } } @media only screen and (max-width: 576px) { /* .sm-card{ justify-content:center; }*/ .menu-content .large-view { flex: 0 0 auto; width: auto; } /* .menu-content .large-view .card { width: 300px !important; }*/ .learning-tabs li:first-child .badge { top: 18px; } .learning-tabs li:nth-child(2) .badge { top: 157px; } .learning-tabs li:last-child .badge { top: 87px; left: 235px; } .attendence-section, .daily-information { padding: 25px 10px; } } @media only screen and (max-width: 767px) { .side-menu .mob-nav { background: #7f77c4; padding: 0px; border: unset !important; border-radius: 3px; } .side-menu button.navbar-toggler { border: unset !important; background: #7f77c4; padding-top: 10px !important; padding-bottom: 10px !important; } .side-menu nav.navbar { padding-right: 0px !important; padding-left: 0px !important; } div#navbarNav { border-top: 1px solid #fff; width: 100%; } .side-menu .navbar-nav .nav-item:first-child { border-top-left-radius: unset !important; border-top-right-radius: unset !important; } .side-menu .navbar-nav .nav-item:last-child { border-bottom-left-radius: unset !important; border-bottom-right-radius: unset !important; } .side-menu .navbar-nav .nav-item { width: 100% !important; border-bottom: 1px solid rgb(127 119 196 / 10%); } .side-menu .navbar-nav .nav-item a { color: #7f77c4 !important; } .mob-nav .side-menu .navbar-nav .nav-item:last-child, .side-menu .navbar-nav .nav-item:last-child a { border-bottom-left-radius: unset !important; border-bottom-right-radius: unset !important; } .my-diploma { margin-top: 5rem; } } @media only screen and (min-width: 768px) { .carousel-height img { right: 43% !important; } .carousel-height img[src*="/AOL.EDU.Web/Content/assets/img/slide-3.png"] { bottom: -102px !important; } .carousel-height img[alt~="slide-1"] { right: 42% !important; bottom: -94px !important; } header img[alt~="logo"] { width: 180px; } footer .col-12.mt-2.d-flex.justify-content-md-evenly.container.flex-wrap p { all: unset !important; } footer img[alt~="logo"] { width: 220px !important; } #studentServices .card, #studentServices .row { flex-direction: row; } section#employment-registeration form { margin: auto !important; width: 50% !important; } #termsAndConditionHeader .col-md-6.col-12.px-md-5.px-sm-0.lh-lg.aos-init.aos-animate p { margin-bottom: unset !important; } #regestiration-sec .regestiration-body .row svg { margin: 0px 20px; } #regestirationHeader, #student-enrollmentHeader, #registration-formHeader { height: 250px; } #registration-formHeader { background-position: 0px -155px; } .diploma-cards .testimonial-item { margin: 30px 80px; } #about-diploma #myTab .nav-item { width: unset !important; } #about-diploma ul.nav { margin: 20px 10px; } #about-diploma #myTab li { border-bottom: 2px solid rgb(128 128 128 / 40%) !important; } #about-diploma ul.nav { overflow: hidden; width: fit-content; } } @media only screen and (min-width: 972px) { #features .card { width: 292px !important; height: 262px !important; } #features .card { font-size: 16px !important; height: 270px !important; } #features .card img { width: 90px !important; } #features .card .card-body { padding: 13px 14px !important; } #features .card-desc { margin-top: 20px !important; } #features .card h4 { font-size: 22px !important; } body[data-pagename=index] header { height: 95vh !important; } .header-text-content { height: 268px !important; } .header-text-content h1 { color: #fff !important; font-size: 36px !important; font-weight: 500; } .section-heading { color: var(--heading-text-color); font-size: 34px !important; font-weight: 600; } #services .card { width: 215px !important; height: 200px !important; } #services .card .card-body h5 { font-size: 24px !important; } #services .card img { height: 85px !important; } #services .card .card-body h5 { margin-top: 20px !important; } .diploma-cards .testimonial-item { margin: 30px 45px; } #about-diploma #study-plan .accordion-header { width: 950px; } } @media only screen and (max-width: 991px) { .card { transform: unset !important; } .change-width { width: 100% !important; } section.studentReg-form .container-fluid { padding: 0px 1.5rem !important; } } @media only screen and (min-width: 992px) { header { overflow: visible; } body[data-pagename=index] header { height: 100vh !important; } .carousel-inner { width: 80% !important; margin: auto; } #carouselExampleIndicators .carousel-item .col-lg-4, #carouselExampleIndicators .carousel-item .col-lg-8 { flex: 0 0 auto; width: 50%; } .carousel-height h3 { font-size: 2.4rem !important; } #carouselExampleIndicators .carousel-height p { width: 100%; font-size: 21px !important; } .header-text-content { height: 222px !important; } .carousel-control-next, .carousel-control-prev { bottom: 0px; } .carousel-item .carousel-height img[alt~="slide-3"] { right: 53% !important; top: 26% !important; } .carousel-item .carousel-height img[alt~="slide-2"] { right: 25% !important; bottom: -136px !important; } .carousel-item .carousel-height img[src*="/AOL.EDU.Web/Content/assets/img/slide-3.png"] { right: 12% !important; bottom: -147px !important; } #about-diploma iframe { height: 500px; } #about-diploma .ytp-cued-thumbnail-overlay-image { background-size: unset !important; } header img[alt~="logo"] { width: 192px !important; height: 50.39px !important; } #diplomas .owl-item { width: 300px !important; } #studentServices svg { width: 130px; } #elearning-platform .row > div:nth-child(2) { padding: 48px !important; } #registration-formHeader { background-position: 0px -219px; } #regestiration-FAQHeader { height: 280px; } #employees .nav-item a.nav-link { font-size: 20px !important; } #regestirationHeader .row, #student-enrollmentHeader .row, #registration-formHeader .row, #regestiration-FAQHeader .row { padding-right: 25px; } .about-header { padding: 0px 30px !important; } .carousel-height img[alt~="slide-1"] { right: 19% !important; bottom: -126px !important; } nav .collapse.show ul { border-top: unset !important; } nav .collapse.show { padding: unset !important; } .diploma-cards .testimonial-item .card-body { height: 240px; } .switches-container { font-size: 16px; width: 16rem; margin-right: 90px !important; } #regestiration-sec .reg-stepFour h1 { font-size: 35px; } #regestiration-sec .reg-stepFour { color: #686868; font-size: 25px; } .payment-cards { margin: 0px 12rem; } #regestiration-sec .regestiration-body .card { height: 160px; } fieldset .download-button { padding-top: 12px; } .desktop { display: none; } /* .F-mainSec { padding-left:3rem !important; }*/ .side-menu .navbar, .side-menu .navbar-expand-xl .navbar-collapse { display: block !important; } .side-menu button { display: none !important; } .side-menu nav.navbar { box-shadow: unset !important; background: transparent !important; padding: 0px !important; justify-content: unset !important; display: flex; border-radius: unset !important; } .side-menu nav.navbar.navbar-expand-xl a.nav-link, nav button.dropdown-toggle { border-bottom: 1px solid #fff; } .side-menu .navbar-expand-lg .navbar-collapse { display: block !important; width: 100%; } .menu-content { /*border-right: 3px solid #7f77c4;*/ /* padding-right: 25px;*/ } .F-mainSec { padding: 20px 25px; } #progressbar li { width: 130px; } #progressbar li span { font-size: 10px; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; box-shadow: 0px 0px 15px -3px rgb(0 0 0 / 10%); } } @media only screen and (max-width: 1113px) { .menu-content .back-to { margin-bottom: 10px !important; } .m-wrap { flex-wrap: wrap; } } @media only screen and (min-width: 1200px) { .carousel-item .carousel-height img { all: unset !important; width: 100% !important; height: 100% !important; } .carousel-item .carousel-height img[src*="/AOL.EDU.Web/Content/assets/img/slide-3.png"] { width: 100% !important; } #features .card { width: 340px !important; height: 323px !important; font-size: 18px !important; } #features .card h4 { font-size: 24px !important; font-weight: 600; } #features .card-desc { margin-top: 25px !important; } #regestirationHeader h2, #student-enrollmentHeader h2, #registration-formHeader h2 { font-size: 36px !important; } #features .card-desc p { margin-top: 10px !important; font-size: 18px; } #features .card img { width: 110px !important; } #diplomas #news-slider { margin-top: 0px !important; width: 51vw; } #employeeCareerCenter, #generalFAQ, #employment { height: 473px; background-position: 0px 6px; } #regestirationHeader, #student-enrollmentHeader, #registration-formHeader { height: 360px; } #registration-formHeader { background-position: 0px -230px; } #regestiration-FAQHeader { height: 310px; } #academicCalneder-header { height: 400px; } #academicCalneder-header .container h1 { font-size: 55px; } #elearning-aims h2, #goals h2 { font-size: 35px !important; } #termsAndConditionHeader .row:nth-child(1) h2 { font-size: 40px !important; } #contactUs form { width: 450px !important; } #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(2) .row > div:first-child { margin-bottom: 9rem; } .switches-container { margin-right: 10rem !important; } #studentServices .row { height: 100vh; } #carouselExampleIndicators { padding-top: 0px !important; height: 100vh; display: flex; background-color: #7f77c4; } .menu-content .diploma-description p { min-width: 120px; } .reg-button { width: 600px; } .reg-btn { width: 180px; height: 42px; font-size: 19px; } #progressbar li { width: 160px; } #progressbar li span { font-size: 14px; } } @media only screen and (max-width: 1124px) { section#regestiration-sec:nth-child(1) { margin-top: 5rem; } .sub-nav { display: none !important; } } @media only screen and (min-width: 1200px) and (max-width: 1210px) { nav.navbar.navbar-expand-lg a.nav-link { padding: 2px 6px !important; } #carouselExampleIndicators .carousel-inner .carousel-item:nth-child(2) .row > div:first-child { margin-bottom: 0px !important; } .side-menu nav.navbar.navbar-expand-lg a.nav-link { padding: 20px 10px !important; } } @media only screen and (max-width: 1300px) { .form-section { display: none !important; } .img-section { width: 100% !important; } } @media only screen and (min-width: 1400px) { .navbar-nav a.nav-link, .navbar-nav button.dropdown-toggle { font-size: 16px; } #employeeCareerCenter, #generalFAQ, #employment { height: 574px; background-position: 0px -48px; } #regestirationHeader, #student-enrollmentHeader, #registration-formHeader { height: 430px; } #registration-formHeader { background-position: 0px -290px; } #regestiration-FAQHeader { height: 377px; } .desktop { display: block; } .F-mainSec { padding: 20px 25px; } #progressbar li { width: 179px; } .menu-content .large-view { margin-left: 15px; flex: 0 0 auto; width: auto; } .menu-content .large-view .card { width: 300px !important; } .progress-process .highcharts-subtitle { left: 36% !important } } @media only screen and (min-width: 992px) and (max-width: 1124px) { #about-diploma .row > div.col-lg-6.col-md-12 { flex: 0 0 auto !important; width: 100% !important; } /* .navbar #navbarText a.navbar-brand { width:100% !important; }*/ .desktop-nav { display: none !important; } .mobile-nav { display: block !important; } header img[alt~="logo"] { width: 160px; } /* body[data-pagename=studentservices] main { margin-top: 3rem !important; }*/ /* div#studentServices > .row { margin-top: 19px !important; }*/ } @media only screen and (min-width: 1301px) { .F-mainSec { padding: 25px 30px; } } @media only screen and (min-width: 1440px) { /* .studentReg-form .card { width: 1440px !important; margin: auto; }*/ .costs-card .card { width: unset !important; } .F-mainSec .row p { font-size: 20px; } .F-mainSec .row h1 { font-size: 48px; line-height: 1.5; } } @media only screen and (min-width: 1637px) { .F-mainSec { padding: 2.5rem 10rem 0rem 6rem !important; } }