@charset "UTF-8"; :root { --main-fontFamily: "Inter", sans-serif; --heading-fontFamily: "Work Sans", sans-serif; --heading-fontFamily2: "Alfa Slab One", serif; --primaryColor: #FC6441; --secondaryColor: #7768E5; --yellowColor: #F8CA4D; --blackColor: #0D0D25; --whiteColor: #ffffff; --paragraphColor: #525271; --fontSize: 16px; --transition: .6s; } body { font-family: var(--main-fontFamily); color: var(--paragraphColor); line-height: 1.7; padding: 0; margin: 0; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--blackColor); font-family: var(--heading-fontFamily); font-weight: 700; line-height: 1.4; } .container-fluid { max-width: 1745px; } .pb-75 { padding-bottom: 75px; } .pb-130 { padding-bottom: 130px; } .pt-130 { padding-top: 130px; } .pt-50 { padding-top: 50px; } .pt-80 { padding-top: 80px; } .pb-80 { padding-bottom: 80px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .ptb-130 { padding-top: 130px; padding-bottom: 130px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .mb-50 { margin-bottom: 50px; } .mb-100 { margin-bottom: 100px; } .mt-100 { margin-top: 100px; } .ml-0 { margin-left: 0 !important; } .pt-30 { padding-top: 30px; } .pb-30 { padding-bottom: 30px; } img { max-width: 100%; height: auto; } a { transition: 0.6s; text-decoration: none; } a:hover { color: var(--paragraphColor); } p { font-size: var(--fontSize); margin-bottom: 15px; line-height: 1.7; } p:last-child { margin-bottom: 0; } .bg-F8F8F9 { background: #F8F8F9; } .bg-FAF6F6 { background: #FAF6F6; } .bg-E8E8F4 { background: #E8E8F4; } .bg-FAFAFA { background: #FAFAFA; } .bg-EEEEF5 { background: #EEEEF5; } .border-right { border-right: solid 1px #EBEAF0; } .border-bottom { border-bottom: solid 1px #E8E9ED; } .only-992-device { display: none; } .default-btn { background-color: var(--primaryColor); color: var(--whiteColor); display: inline-block; font-family: var(--heading-fontFamily); font-size: var(--fontSize); line-height: 1; padding: 20px 32px; transition: 0.6s; border: none; font-weight: 600; text-align: center; } .default-btn:hover { color: #fff; box-shadow: 0 0 40px 40px rgb(248, 202, 77) inset; } .default-btn:focus { color: #fff; outline: 0; } .default-btn i { position: relative; top: 5px; left: 4px; font-size: 22px; font-weight: 400; line-height: 0; } .section-title { margin-bottom: 40px; text-align: center; } .section-title h2 { font-family: Var(--heading-fontFamily2); font-size: 32px; letter-spacing: 1.28px; font-weight: 400; margin-bottom: 0; } .section-warp { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; } .section-warp h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; letter-spacing: 1.28px; font-weight: 400; margin-bottom: 0; } .section-warp .section-link { color: var(--primaryColor); font-family: var(--heading-fontFamily); font-weight: 600; } .section-warp .section-link i { position: relative; font-size: 20px; left: 2px; top: 2px; } .section-warp .section-link .article-link { color: #362983; } .elementor-editor-active .navbar.sticky.falar-hide-adminbar { top: 0; } .elementor-editor-active [data-cue=bounceInDown], .elementor-editor-active [data-cue=bounceInLeft], .elementor-editor-active [data-cue=bounceInRight], .elementor-editor-active [data-cue=bounceInUp], .elementor-editor-active [data-cue=bounceIn], .elementor-editor-active [data-cue=fadeIn], .elementor-editor-active [data-cue=rotateIn], .elementor-editor-active [data-cue=slideInDown], .elementor-editor-active [data-cue=slideInLeft], .elementor-editor-active [data-cue=slideInRight], .elementor-editor-active [data-cue=slideInUp], .elementor-editor-active [data-cue=zoomIn], .elementor-editor-active [data-cue=zoomOut], .elementor-editor-active [data-cues=bounceInDown] > *, .elementor-editor-active [data-cues=bounceInLeft] > *, .elementor-editor-active [data-cues=bounceInRight] > *, .elementor-editor-active [data-cues=bounceInUp] > *, .elementor-editor-active [data-cues=bounceIn] > *, .elementor-editor-active [data-cues=fadeIn] > *, .elementor-editor-active [data-cues=rotateIn] > *, .elementor-editor-active [data-cues=slideInDown] > *, .elementor-editor-active [data-cues=slideInLeft] > *, .elementor-editor-active [data-cues=slideInRight] > *, .elementor-editor-active [data-cues=slideInUp] > *, .elementor-editor-active [data-cues=zoomIn] > *, .elementor-editor-active [data-cues=zoomOut] > * { opacity: 1 !important; } [data-cue=bounceInDown], [data-cue=bounceInLeft], [data-cue=bounceInRight], [data-cue=bounceInUp], [data-cue=bounceIn], [data-cue=fadeIn], [data-cue=rotateIn], [data-cue=slideInDown], [data-cue=slideInLeft], [data-cue=slideInRight], [data-cue=slideInUp], [data-cue=zoomIn], [data-cue=zoomOut], [data-cues=bounceInDown] > *, [data-cues=bounceInLeft] > *, [data-cues=bounceInRight] > *, [data-cues=bounceInUp] > *, [data-cues=bounceIn] > *, [data-cues=fadeIn] > *, [data-cues=rotateIn] > *, [data-cues=slideInDown] > *, [data-cues=slideInLeft] > *, [data-cues=slideInRight] > *, [data-cues=slideInUp] > *, [data-cues=zoomIn] > *, [data-cues=zoomOut] > * { opacity: 1 !important; } #backtotop { opacity: 0; right: 20px; z-index: 99; width: 50px; bottom: 20px; height: 50px; font-size: 25px; transition: 0.5s; line-height: 49px; background-color: var(--primaryColor); animation: border-transform 10s linear infinite alternate forwards; } #backtotop:hover { background-color: var(--primaryColor); color: var(--whiteColor); } #backtotop.active { opacity: 1; } #backtotop i { color: var(--whiteColor); } @keyframes border-transform { 0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45%; } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51%; } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39%; } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30%; } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44%; } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65%; } } .navbar { left: 0; right: 0; height: auto; z-index: 1030; padding-left: 0; padding-right: 0; padding-top: 12px; padding-bottom: 12px; position: relative; z-index: 999; background-color: var(--whiteColor); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.05); } .navbar.sticky { top: -1px; left: 0; width: 100%; border-radius: 0; z-index: 1030; background-color: var(--whiteColor); position: sticky; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; border-color: transparent; } .navbar.sticky .navbar-logo { position: relative; margin-top: 0; } .navbar.sticky .inner-navbar-warp { margin-top: 0; } .navbar.sticky .navbar-toggler { color: var(--paragraphColor); font-size: inherit; box-shadow: unset; border: none; padding: 0; } .navbar.sticky .navbar-toggler .burger-menu { cursor: pointer; } .navbar.sticky .navbar-toggler .burger-menu span { height: 3px; width: 30px; margin: 5px 0; display: block; background: var(--paragraphColor); } .navbar.sticky .inner-navbar-widget { margin-bottom: 0; padding-left: 0; padding-right: 0; border: none !important; } .navbar.sticky.falar-hide-adminbar { top: 32px; } .navbar .navbar-brand { font-size: inherit; line-height: 1; padding: 0; } .navbar ul { padding-left: 0; margin-bottom: 0; padding-right: 0; list-style-type: none; } .navbar .navbar-toggler { color: var(--blackColor); font-size: inherit; box-shadow: unset; border: none; padding: 0; } .navbar .navbar-toggler .burger-menu { cursor: pointer; } .navbar .navbar-toggler .burger-menu span { height: 3px; width: 30px; margin: 5px 0; display: block; background: var(--blackColor); } .navbar .navbar-nav { margin-right: 50px; } .navbar .navbar-nav .nav-item { position: relative; margin-left: 20px; margin-right: 20px; } .navbar .navbar-nav .nav-item .nav-link { position: relative; color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 500; padding-left: 0; padding-right: 0; padding-top: 25px; padding-bottom: 25px; } .navbar .navbar-nav .nav-item .nav-link::after { display: none; } .navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link.active { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .nav-link.with-image { position: relative; } .navbar .navbar-nav .nav-item .nav-link.with-image .navbar-image { position: absolute; bottom: -12px; text-align: center; left: 50%; opacity: 0; transform: translateX(-11px); } .navbar .navbar-nav .nav-item .dropdown-toggle { padding-right: 18px; } .navbar .navbar-nav .nav-item .dropdown-toggle::after { left: -5px; } .navbar .navbar-nav .nav-item .dropdown-toggle::before { position: absolute; content: "שׁ"; line-height: 1; right: -2px; top: 50%; color: rgb(166, 167, 198); transform: translateY(-50%); font-family: "tabler-icons" !important; font-size: var(--fontSize); } .navbar .navbar-nav .nav-item .dropdown-toggle:hover, .navbar .navbar-nav .nav-item .dropdown-toggle.active { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-toggle:hover::before, .navbar .navbar-nav .nav-item .dropdown-toggle.active::before { color: var(--primaryColor); } .navbar .navbar-nav .nav-item:last-child { margin-right: 0; } .navbar .navbar-nav .nav-item:first-child { margin-left: 0; } .navbar .navbar-nav .nav-item:hover, .navbar .navbar-nav .nav-item.active { color: var(--primaryColor); font-weight: 600; } .navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link { color: var(--primaryColor); } .navbar .navbar-nav .nav-item:hover .dropdown-toggle::before, .navbar .navbar-nav .nav-item.active .dropdown-toggle::before { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-menu { left: 0; top: 85px; opacity: 0; z-index: 99; border: none; width: 280px; margin-top: 0; display: block; padding: 0; border-radius: 0; position: absolute; visibility: hidden; background: var(--whiteColor); transition: all 0.2s ease-in-out; transform: translate3d(0, 18px, 0); box-shadow: rgba(4, 4, 5, 0.2) 0px 7px 36px -8px; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item { margin: 0; border-bottom: solid 1px #E8E9ED; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:last-child { border: none; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link { display: block; padding: 10px 20px; transition: 0.6s; position: relative; color: var(--blackColor); font-family: var(--main-fontFamily); font-size: 15px; font-weight: 400; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .nav-link::after { display: none; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .nav-link { color: var(--whiteColor) !important; background-color: #14191C; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link::before, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .nav-link::before { opacity: 1; color: var(--whiteColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active.dropdown::before, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover.dropdown::before { color: var(--whiteColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.dropdown::before { content: "שׁ"; top: 50%; right: 20px; transform: translateY(-50%); position: absolute; line-height: 1; color: rgb(166, 167, 198); font-family: "tabler-icons" !important; font-size: var(--fontSize); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: -100%; margin-top: 0; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--blackColor) !important; background-color: transparent; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: var(--whiteColor) !important; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: var(--whiteColor) !important; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: 100%; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--blackColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu { top: 0; opacity: 0; left: -100%; visibility: hidden; transform: translate3d(0, 18px, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link { color: var(--blackColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link.active, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .nav-link:hover { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item.active .nav-link, .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .nav-link { color: var(--whiteColor); background-color: var(--blackColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item.active .nav-link { color: var(--primaryColor); } .navbar .navbar-nav .nav-item .dropdown-menu .nav-item:hover .dropdown-menu { opacity: 1; margin-top: 0; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); } .navbar .others-option { position: relative; margin-top: -5px; } .navbar .others-option .option-item { padding-right: 40px; } .navbar .others-option .option-item:last-child { padding-right: 0; } .navbar .others-option .option-item .search-bar .search-btn { position: relative; } .navbar .others-option .option-item .side-bar-btn { padding: 0; border: none; } .navbar .others-option .option-item .side-bar-btn:focus { box-shadow: unset; outline: 0; } .navbar .others-option .option-item .side-bar-btn.active { box-shadow: unset; outline: 0; border: none; } .navbar.second-navbar { box-shadow: unset; padding-top: 25px; background: linear-gradient(90deg, #DEE1E6 0%, #E5E6EA 17.57%, #EBECF0 34.86%, #E8E9ED 52.23%, #E7E8EC 65.17%, #D7DADF 97.75%); } .navbar.second-navbar .navbar-style2 { margin-left: 35px; } .navbar.second-navbar.sticky { padding-top: 12px; } .navbar.second-navbar .navbar-nav .nav-item .dropdown-menu { top: 70px; } .navbar.inner-navbar { box-shadow: unset; padding-top: 20px; background: transparent; padding-bottom: 20px; border-bottom: solid 1px rgba(255, 255, 255, 0.4); } .navbar.inner-navbar .navbar-style2 { margin-left: 35px; } .navbar.inner-navbar.sticky { background: linear-gradient(90deg, #DDE6F4 0%, #E6EAF8 17.57%, #D4DCFC 34.86%, #E2E6F6 52.23%, #E0E5F8 65.17%, #EEF4FD 97.75%); } .navbar .social-list { padding-left: 142px; position: relative; } .navbar .social-list li { padding-right: 15px; display: inline-block; } .navbar .social-list li:last-child { padding-right: 0; } .navbar .social-list li img { filter: brightness(0) saturate(100%) invert(7%) sepia(7%) saturate(7253%) hue-rotate(209deg) brightness(99%) contrast(103%); } .navbar .navbar-style2 .nav-item:nth-child(1) .dropdown-menu .nav-item .dropdown-menu { left: 100%; } .navbar .navbar-style2 .nav-item:nth-child(2) .dropdown-menu .nav-item .dropdown-menu { left: 100%; } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: translateZ(0); } } .responsive-navbar { border: 0 !important; } .responsive-navbar .offcanvas-header { padding: 15px; padding-top: 65px; border-bottom: 1px solid #eeeeee; } .responsive-navbar .offcanvas-header .close-btn { background-color: transparent; font-size: 20px; cursor: pointer; line-height: 1; padding: 0; border: 0; color: var(--blackColor); } .responsive-navbar .offcanvas-body { padding: 30px 15px 15px; } .responsive-navbar .offcanvas-body ul { list-style-type: none; margin-bottom: 20px; } .responsive-navbar .offcanvas-body ul.navbar-nav { padding-left: 0; overflow: hidden; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item { border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: relative; line-height: 53px; clear: both; width: 100%; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.menu-item-has-children { z-index: 1; transition: var(--transition); cursor: pointer; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.menu-item-has-children:after { top: 0; right: 0; cursor: pointer; content: "\ea4e"; color: var(--paragraphColor); position: absolute; z-index: -1; font-family: "remixicon" !important; font-size: 15px; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.menu-item-has-children.open:after { content: "\ea78"; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a { height: 100%; display: block; padding-right: 40px; text-decoration: none; color: var(--paragraphColor); font-size: 15px; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a:hover, .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a.active { color: var(--primaryColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item a::after { display: none; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .responsive-menu-items { height: 0; overflow: hidden; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .responsive-menu-items a { padding: 0 15px; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .responsive-menu-items a:hover { color: var(--primaryColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.without-icon:after { display: none; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu { display: none; background-color: #f8f8f8; margin-top: 5px; margin-bottom: 5px; padding: 12px 20px; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li { list-style-type: none; margin-bottom: 0 !important; border-bottom: unset; line-height: 36px; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li:last-child { margin-bottom: 0; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li.current_page_item a { color: var(--primaryColor) !important; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item .sub-menu li .sub-menu { background-color: var(--whiteColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent.menu-item-has-children:after { color: var(--primaryColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent a { color: var(--primaryColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent .sub-menu { display: block; } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent .sub-menu li a { color: var(--paragraphColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .menu-item.current-menu-parent .sub-menu li a:hover { color: var(--primaryColor); } .responsive-navbar .offcanvas-body ul.navbar-nav .active:after { content: "\f12e"; } .responsive-navbar .offcanvas-body ul.navbar-nav .active > .responsive-menu-items { transition: all 200ms; display: block; height: auto; clear: both; float: left; width: 100%; padding: 0; } .responsive-navbar .offcanvas-body ul.navbar-nav .active > .responsive-menu-items li { border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .responsive-navbar .offcanvas-body ul.navbar-nav .active > a { color: var(--primaryColor); } .responsive-navbar .others-option { position: relative; } .responsive-navbar .others-option .option-item { padding-right: 30px; } .responsive-navbar .others-option .option-item:last-child { padding-right: 0; } .responsive-navbar .others-option .option-item .search-bar .search-btn { position: relative; } .responsive-navbar .others-option .option-item .side-bar-btn { padding: 0; } .modal-header { border-bottom: none; padding: 20px 20px 0 28px; } .modal-header .btn-close:focus { box-shadow: unset; } .search-popup { position: fixed; width: 0; height: 0; top: auto; left: auto; z-index: -999; opacity: 0; transition: 0.6s; } .search-popup.active { z-index: 9999; opacity: 1; } .search-popup.active .search-popup-overlay { top: 0; z-index: 6; display: block; bottom: calc(90px - 112vw); -khtml-transform: scale(1); transform: scale(1); transition-delay: 0s; -webkit-transition-delay: 0s; opacity: 0.8; transition: transform 1.2s cubic-bezier(0.4, 0, 0, 1); } .search-popup.active .search-popup-content { width: 100%; opacity: 1; z-index: 999; transition: var(--transition); } .search-popup .search-popup-overlay { position: fixed; width: 224vw; height: 224vw; z-index: 3; opacity: 0; display: none; background-color: #000; cursor: url(https://securecampus.edu.gy/secure-campus/assets/img/cross-btn.png), auto; } .search-popup .search-popup-content { position: fixed; width: 0; max-width: 560px; padding: 30px 15px; left: 0; right: 0; top: 45%; margin-left: auto; margin-right: auto; opacity: 0; z-index: 3; } .search-popup .search-popup-content .search-popup-form { position: relative; } .search-popup .search-popup-content .search-popup-form .form-control { width: 100%; background-color: var(--whiteColor); font-size: 15px; color: #717175; border: none; outline: none; height: 66px; padding-top: 5px; border-radius: 0; padding-left: 30px; } .search-popup .search-popup-content .search-popup-form .form-control:focus { box-shadow: unset; } .search-popup .search-popup-content .search-popup-form .form-control:focus::-moz-placeholder { color: transparent; } .search-popup .search-popup-content .search-popup-form .form-control:focus::placeholder { color: transparent; } .search-popup .search-popup-content .search-popup-form .form-control::-moz-placeholder { color: var(--paragraphColor); -moz-transition: 0.6s; transition: 0.6s; } .search-popup .search-popup-content .search-popup-form .form-control::placeholder { color: var(--paragraphColor); transition: 0.6s; } .search-popup .search-popup-form .default-btn { padding: 20px 0; width: 66px; text-align: center; position: absolute; top: 0; bottom: 0; background-color: var(--primaryColor); color: var(--whiteColor); right: -1px; border: none; border-radius: 0; transition: 0.6s; font-size: 22px; } .search-popup .search-popup-form .default-btn i { top: 2px; left: 3px; } .search-popup .search-popup-form .default-btn:focus { box-shadow: unset; } .search-popup .search-popup-form .default-btn:hover { background-color: var(--blackColor); } .top-header-warp { background: #E8E8F4; padding: 0; padding-top: 12px; padding-bottom: 12px; position: relative; z-index: 999; } .top-header-warp.style2-top-header { background-color: var(--whiteColor); } .top-header-details { display: flex; align-items: center; } .top-header-details ul { list-style: none; padding-left: 0; margin-bottom: 0; } .top-header-details ul li { display: inline-block; position: relative; } .top-header-details .social-list { padding-right: 95px; position: relative; } .top-header-details .social-list::before { content: ""; position: absolute; bottom: 0; top: -12px; right: 0; height: 51px; width: 335px; background: var(--secondaryColor); } .top-header-details .social-list li { padding-right: 15px; } .top-header-details .social-list li:last-child { padding-right: 0; } .top-header-details .social-list li:hover img { filter: brightness(0) saturate(100%) invert(97%) sepia(50%) saturate(4378%) hue-rotate(318deg) brightness(102%) contrast(94%); } .top-header-details .header-contact { padding-left: 30px; } .top-header-details .header-contact li { font-size: 13px; font-weight: 500; position: relative; padding-left: 20px; padding-right: 30px; } .top-header-details .header-contact li:last-child { padding-right: 0; } .top-header-details .header-contact li a { color: var(--paragraphColor); } .top-header-details .header-contact li a:hover { color: var(--primaryColor); } .top-header-details .header-contact li i { position: absolute; left: 0; font-size: var(--fontSize); top: 4px; } .top-header-link-details { display: flex; align-items: center; justify-content: end; } .top-header-link-details ul { list-style: none; padding-left: 0; margin-bottom: 0; } .top-header-link-details ul li { display: inline-block; position: relative; } .top-header-link-details .header-link { padding-right: 35px; position: relative; } .top-header-link-details .header-link::before { content: ""; position: absolute; top: 7px; right: 0; bottom: 0; height: 14px; width: 1px; background: #B3B3D6; } .top-header-link-details .header-link li { padding-right: 40px; } .top-header-link-details .header-link li:last-child { padding-right: 0; } .top-header-link-details .header-link li a { font-size: 13px; font-weight: 500; color: var(--paragraphColor); } .top-header-link-details .header-link li a:hover { color: var(--primaryColor); } .top-header-link-details .header-account { padding-left: 35px; } .top-header-link-details .header-account li { padding-right: 30px; } .top-header-link-details .header-account li .form-select { background-color: transparent; padding: 1px 0 0 0; width: 50px; height: 26px; border: none; box-shadow: unset; font-family: var(--heading-fontFamily); font-size: 13px; font-weight: 500; background-position: right center; background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/caret-down.svg); } .top-header-link-details .header-account li:last-child { padding-right: 0; } .top-header-link-details .header-account li:last-child i { position: absolute; left: 0; top: 7px; color: rgb(13, 13, 37); } .top-header-link-details .header-account li:last-child a { color: var(--paragraphColor); font-size: 13px; font-weight: 500; } .hero-slider-warp { background-position: center center; position: relative; background-repeat: no-repeat; background-size: cover; padding-top: 320px; padding-bottom: 296px; z-index: 1; animation-duration: 110ms; } .hero-slider-warp .content { max-width: 655px; } .hero-slider-warp .content h1 { font-size: 60px; font-family: Var(--heading-fontFamily2); color: var(--whiteColor); letter-spacing: 2.4px; font-weight: 400; margin-bottom: 26px; line-height: 75px; } .hero-slider-warp .content .default-btn.style2 { background-color: transparent; border: 1px solid var(--yellowColor); color: var(--yellowColor); margin-left: 10px; } .hero-slider-warp .content .default-btn.style2:hover { color: var(--whiteColor); } .hero-warp { position: relative; margin-top: -150px; } .hero-warp .pagination-bullet-btn { position: absolute; left: 100px; bottom: 100px; z-index: 999; } .hero-warp .pagination-bullet-btn .swiper-pagination-bullet { height: 6px; transition: 0.6s; opacity: 1; width: 6px; margin-right: 12px; background: rgba(255, 255, 255, 0.5); } .hero-warp .pagination-bullet-btn .swiper-pagination-bullet-active { width: 10px; height: 10px; background-color: rgb(255, 255, 255); } .hero-warp .pagination-bullet-btn .swiper-pagination2 { display: flex; align-items: center; } .information { list-style: none; padding-left: 0; margin-bottom: 0; display: flex; position: absolute; right: 0; bottom: 0; } .information li { display: inline-block; width: 353px; text-align: center; padding: 36px 30px; } .information li:first-child { background: var(--yellowColor); } .information li:nth-child(2) { background: #4569B4; } .information li:last-child { background: #353688; } .information li a { font-family: Var(--heading-fontFamily2); letter-spacing: 0.64px; font-weight: 400; font-size: var(--fontSize); color: var(--whiteColor); } .information li i { position: relative; color: var(--whiteColor); font-size: 24px; top: 3px; right: 6px; } .update-link { position: absolute; font-weight: 500; color: var(--whiteColor); right: 100px; bottom: 155px; font-family: var(--heading-fontFamily); } .update-link span { position: relative; } .update-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 30px; height: 1px; width: 100%; transition: 0.6s; background-color: var(--whiteColor); } .update-link span::after { content: ""; position: absolute; bottom: 0; left: 0; right: 30px; height: 1px; width: 0%; transition: 0.6s; background-color: var(--primaryColor); } .update-link i { position: relative; font-size: 20px; left: 5px; top: 4px; } .update-link:hover { color: var(--primaryColor); } .update-link:hover span::before { width: 0; } .update-link:hover span::after { width: 100%; } .program-images { padding-right: 15px; } .program-images .logo-content { display: flex; align-items: center; background: #F3EDEB; position: relative; z-index: 2; padding: 25px; margin-top: 40px; margin-right: -75px; } .program-images .logo-content .logo { width: 121px; height: 89px; } .program-images .logo-content .content { padding-left: 10px; } .program-images .logo-content .content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 30px; font-weight: 400; margin-bottom: 1px; letter-spacing: 1.2px; } .program-images .logo-content .content p { font-size: 14px; line-height: 1.5; } .program-images .big-image { padding-right: 20px; margin-left: -5px; } .find-program-warp { padding-top: 145px; } .program-content { padding-left: 55px; padding-right: 52px; } .program-content h2 { font-size: 32px; color: var(--blackColor); margin-bottom: 20px; font-weight: 400; font-family: Var(--heading-fontFamily2); } .program-content p { margin-bottom: 20px; } .program-content .program-input { height: 70px; position: relative; margin-bottom: 15px; } .program-content .program-input .form-control { height: 70px; background: #E8E8F4; padding-left: 60px; border-radius: 0; font-size: 14px; border: transparent; } .program-content .program-input .form-control:focus { box-shadow: unset; } .program-content .program-input .form-control:focus::-moz-placeholder { color: transparent; } .program-content .program-input .form-control:focus::placeholder { color: transparent; } .program-content .program-input .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; color: #89899F; } .program-content .program-input .form-control::placeholder { transition: 0.6s; color: #89899F; } .program-content .program-input .search-btn { position: absolute; background: transparent; border: none; padding: 0; top: 50%; left: 20px; transform: translateY(-50%); } .program-content .blank-program { display: inline-block; margin-bottom: 30px; } .program-content .program-list { list-style: none; padding-left: 0; margin-left: -25px; margin-bottom: 0; } .program-content .program-list span { width: 100%; display: inline-block; } .program-content .program-list li { padding-right: 5px; display: inline-block; } .program-content .program-list li a { font-size: 14px; color: var(--paragraphColor); text-decoration: underline; } .program-content .program-list li a:hover { color: var(--primaryColor); } .program-content .search-list { font-size: 14px; color: #89899F; font-weight: 500; } .program-content .program-item { margin-top: 30px; border: 1px solid #E8E8F4; padding: 5px; display: flex; position: relative; align-items: center; } .program-content .program-item .image { width: 114px; height: 90px; } .program-content .program-item .content { padding-left: 20px; } .program-content .program-item .content h4 { font-size: var(--fontSize); font-weight: 600; } .program-content .program-item .content h4 a { color: #000000; } .program-content .program-item .content h4 a:hover { color: var(--primaryColor); } .program-content .program-item .content span { font-size: 12px; line-height: 1; padding: 5px 6px; color: #F6F6FA; font-family: var(--heading-fontFamily); background: var(--secondaryColor); display: inline-block; margin-bottom: 10px; } .program-content .program-item .icon { position: absolute; width: 40px; height: 40px; right: -20px; text-align: center; border-radius: 2px; color: rgb(119, 104, 229); line-height: 40px; display: inline-block; background: #E8E8F4; } .program-content .program-item .icon:hover { color: var(--whiteColor); background-color: var(--primaryColor); } .mission-tab { display: block; padding-right: 40px; } .mission-tab .tablinks { margin-bottom: 20px; width: 100%; border: none; display: block; padding: 10px 10px 10px 30px; transition: 0.6s; z-index: 999; position: relative; background-color: var(--whiteColor); } .mission-tab .tablinks.active { width: 135%; } .mission-tab .tablinks .mission-tab-btn { width: 100%; display: flex; justify-content: space-between; text-align: start; align-items: center; position: relative; background-color: var(--whiteColor); color: var(--blackColor); font-weight: 600; letter-spacing: -0.32px; padding: 0; } .mission-tab .tablinks .mission-tab-btn .icon { width: 40px; border-radius: 2px; background: #FAF6F6; height: 40px; text-align: center; line-height: 40px; color: rgb(252, 100, 65); display: inline-block; transition: 0.6s; } .mission-tab .tablinks .mission-tab-btn .icon:hover { color: var(--whiteColor); background-color: var(--primaryColor); } .mission-content { padding-left: 38px; } .mission-content h3 { font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; margin-bottom: 45px; } .mission-content .mission-box .icon { margin-bottom: var(--fontSize); } .mission-content .mission-box h5 { font-size: 22px; margin-bottom: 10px; } .mission-content .mission-box p { margin-bottom: 18px; } .mission-content .mission-box .mission-link { font-weight: 600; color: #353688; font-family: var(--heading-fontFamily); display: block; margin-bottom: 75px; } .mission-content .mission-box .mission-link i { position: relative; left: 4px; top: 4px; font-size: 20px; } .mission-content .mission-box .mission-link span { text-decoration: underline; } .mission-warp { position: relative; z-index: 1; } .mission-warp .tabcontent { display: none; transition: 0.6s; } .mission-warp .tabcontent.active { display: block; } .mission-warp .mission-image { padding-left: 20px; padding-right: 25px; position: relative; } .mission-warp .mission-image .mission-shape { position: absolute; top: 90px; right: 0; } .mission-warp::before { content: ""; position: absolute; bottom: 0; height: 17%; left: 0; right: 0; z-index: -1; background-color: var(--whiteColor); } .fun-fact-card h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 40px; font-weight: 400; margin-bottom: -13px; line-height: 1; } .fun-fact-card .icon .style { margin-right: 20px; } .fun-fact-card p { font-size: 14px; letter-spacing: 1.4px; margin-top: 25px; line-height: 1.8; padding-right: 90px; } .col-lg-3:nth-child(4) .fun-fact-card { margin-left: 150px; } .col-lg-3:nth-child(4) .fun-fact-card p { padding-right: 0; } .col-lg-3:nth-child(3) .fun-fact-card { margin-left: 100px; } .col-lg-3:nth-child(3) .fun-fact-card p { padding-right: 0; } .col-lg-3:nth-child(2) .fun-fact-card { margin-left: 50px; } .col-lg-3:nth-child(2) .fun-fact-card p { padding-right: 0; } .features-warp .container-fluid { max-width: 1500px; } .features-box .content { padding-top: 20px; } .features-box .content .title { font-size: 12px; font-family: var(--heading-fontFamily); font-weight: 500; line-height: 1; padding: 5px 6px; display: inline-block; color: var(--whiteColor); margin-bottom: 12px; } .features-box .content .title.bg1 { background: var(--primaryColor); } .features-box .content h3 { font-size: 22px; margin-bottom: 15px; padding-right: 30px; } .features-box .content h3 a { color: var(--blackColor); } .features-box .content h3 a:hover { color: var(--primaryColor); } .features-box .content .features-link { color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .features-box .content .features-link span { text-decoration: underline; } .features-box .content .features-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .features-box video { -o-object-fit: cover; object-fit: cover; height: 468px; width: 100%; } .features-item { padding-left: 40px; margin-bottom: 32px; display: flex; align-items: center; } .features-item .image { width: 150px; height: 134px; } .features-item .content { margin-left: 20px; } .features-item .content .title { font-size: 12px; font-family: var(--heading-fontFamily); font-weight: 500; line-height: 1; padding: 5px 6px; display: inline-block; color: var(--whiteColor); margin-bottom: 12px; } .features-item .content .title.bg1 { background: var(--secondaryColor); } .features-item .content .title.bg2 { background: #5CA89F; } .features-item .content .title.bg3 { background: #4569B4; } .features-item .content h3 { font-size: 22px; margin-bottom: 15px; font-weight: 600; } .features-item .content h3 a { color: var(--blackColor); } .features-item .content h3 a:hover { color: var(--primaryColor); } .features-item .content .features-link { color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .features-item .content .features-link span { text-decoration: underline; } .features-item .content .features-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .features-item-link { display: flex; margin-left: 40px; align-items: center; background-color: var(--whiteColor); padding: 38px; } .features-item-link .icon { width: 48px; height: 48px; } .features-item-link .content { padding-left: 38px; } .features-item-link .content p { color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 500; margin-bottom: 1px; } .features-item-link .content p span { font-weight: 700; color: var(--blackColor); } .features-item-link .content .features-link { color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .features-item-link .content .features-link span { text-decoration: underline; } .features-item-link .content .features-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .information-image { padding-left: 220px; position: relative; } .information-image .small-image { position: absolute; bottom: 78px; left: 38px; width: 204px; height: 204px; } .information-image .small-image .information { width: 204px; height: 204px; } .information-image .round-shape { width: 192.2px; height: 192.249px; text-align: center; position: absolute; top: -50px; left: 69px; line-height: 192px; } .information-image .round-shape .text-shape { position: absolute; left: 0; top: 0; animation: rotateme 9s linear infinite; } .information-content h2 { font-size: 32px; letter-spacing: 1.28px; color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-weight: 400; margin-bottom: 20px; line-height: 1.5; } .information-content .information-list { list-style: none; padding-left: 0; margin-bottom: 30px; font-weight: 500; color: #3A3A5E; margin-top: 20px; } .information-content .information-list li { position: relative; padding-left: 32px; margin-bottom: 12px; } .information-content .information-list li:last-child { margin-bottom: 0; } .information-content .information-list li i { position: absolute; left: 0; top: 1px; color: rgb(252, 100, 65); font-size: 22px; } .information-content .info-button { margin-bottom: 25px; } .information-content .info-button .style2 { background: var(--secondaryColor); margin-right: 15px; } .information-content .info-link-chat { display: flex; align-items: center; } .information-content .info-link-chat .chat-list { list-style: none; padding-left: 0; margin-bottom: 0; } .information-content .info-link-chat .chat-list li { display: inline-block; margin-left: -25px; } .information-content .info-link-chat .chat-list li:first-child { margin-left: 0; } .information-content .info-link-chat .chat-list li .image { width: 50px; height: 50px; } .information-content .info-link-chat .content { margin-left: 15px; } .information-content .info-link-chat .content p { color: var(--blackColor); font-family: var(--heading-fontFamily); font-weight: 500; margin-bottom: 2px; } .information-content .info-link-chat .content .chat-link { color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .information-content .info-link-chat .content .chat-link:hover { color: var(--primaryColor); } .information-content .info-link-chat .content .chat-link span { text-decoration: underline; } .information-content .info-link-chat .content .chat-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .culture-warp { overflow: hidden; } .culture-warp .container-fluid { max-width: 100%; padding: 0 !important; } .culture-box { position: relative; overflow: hidden; } .culture-box .content { position: absolute; padding: 30px 50px; max-width: 480px; -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); background: rgba(13, 13, 37, 0.5); opacity: 0; transition: 0.8s; left: -200px; bottom: -100px; } .culture-box .content h3 { font-size: 22px; margin-bottom: 15px; } .culture-box .content h3 a { color: var(--whiteColor); } .culture-box .content h3 a:hover { color: var(--primaryColor); } .culture-box .content p { color: #D8D8E5; margin-bottom: 15px; } .culture-box .content .culture-link { color: var(--primaryColor); font-family: var(--heading-fontFamily); font-weight: 600; } .culture-box .content .culture-link span { text-decoration: underline; } .culture-box .content .culture-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .culture-box:hover .content { left: 0; bottom: 0; opacity: 1; } .academic-item { background: #FAF6F6; padding: 35px 30px 35px 30px; } .academic-item .academic-card span { padding: 5px 6px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-block; margin-bottom: 10px; } .academic-item .academic-card h3 { font-size: 22px; margin-bottom: 20px; } .academic-item .academic-card h3 a { color: var(--blackColor); } .academic-item .academic-card .image { margin-bottom: 15px; } .academic-box { margin-bottom: 25px; } .academic-box span { padding: 5px 6px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-block; margin-bottom: 10px; } .academic-box h3 { font-size: 22px; margin-bottom: 10px; } .academic-box h3 a { color: var(--blackColor); } .academic-box p { padding-bottom: 5px; } .academic-box .image { margin-bottom: 15px; } .academic-box .default-btn { background: var(--yellowColor); } .academic-box .image { position: relative; overflow: hidden; } .academic-box .image img { transition: 0.6s; } .academic-box .image::before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ""; width: 50%; transition: 0.6s; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .academic-box:hover .image::before { animation: shine 0.75s; } .academic-box:hover .image img { transform: scale(1.1); } .academic-slider-warp { background: #F8F8F9; padding: 25px 30px 25px 30px; position: relative; } .academic-slider-warp .swiper-pagination2 { line-height: 1; margin-top: 48px; } .academic-slider-warp .swiper-pagination2 .swiper-pagination-bullet { height: 6px; width: 6px; opacity: 1; background-color: #C5C5D3; } .academic-slider-warp .swiper-pagination2 .swiper-pagination-bullet-active { background-color: #5C5C7E; } .academic-option { position: relative; } .academic-option .content { padding-bottom: 25px; margin-bottom: 25px; position: relative; } .academic-option .content::before { content: ""; position: absolute; bottom: 0; left: -30px; right: -30px; height: 1px; width: 120%; background: #ECE5E5; } .academic-option .content .academic-link { display: block; color: #353688; font-weight: 600; margin-bottom: 10px; } .academic-option .content .academic-link:nth-child(3) { margin-bottom: 0; } .academic-option .content .academic-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .academic-option .content .academic-link span { position: relative; } .academic-option .content .academic-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .academic-option .content .academic-link:hover { color: rgb(252, 100, 65); } .academic-option .content .academic-link:hover span::before { width: 100%; } .academic-option .content h3 { font-size: 22px; margin-bottom: 18px; } .academic-option .academic-date { padding-bottom: 25px; } .academic-option .academic-date .title { display: block; font-weight: 600; color: var(--blackColor); display: block; margin-bottom: 5px; } .academic-option .academic-date:nth-child(5) { padding-bottom: 0; } .academic-option .academic-date .date-link { display: block; color: #353688; font-weight: 600; } .academic-option .academic-date .date-link:nth-child(4) { margin-bottom: 0; } .academic-option .academic-date .date-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .academic-option .academic-date .date-link span { position: relative; } .academic-option .academic-date .date-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .academic-option .academic-date .date-link:hover { color: rgb(252, 100, 65); } .academic-option .academic-date .date-link:hover span::before { width: 100%; } .recognized-content { padding-left: 90px; } .recognized-content h2 { letter-spacing: 1.28px; font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; margin-bottom: 25px; } .recognized-content p { margin-bottom: 20px; } .recognized-content .recognized-link { display: block; color: #353688; font-weight: 600; margin-bottom: 10px; } .recognized-content .recognized-link:nth-child(3) { margin-bottom: 0; } .recognized-content .recognized-link i { position: relative; left: 2px; top: 2px; font-size: 20px; } .recognized-content .recognized-link span { position: relative; } .recognized-content .recognized-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .recognized-content .recognized-link:hover { color: rgb(252, 100, 65); } .recognized-content .recognized-link:hover span::before { width: 100%; } .choose-warp { position: relative; z-index: 1; } .choose-warp::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; height: 50%; background: #E8E8F4; } .choose-warp .container-fluid { max-width: 1820px; } .choose-card { padding: 42px 40px; } .choose-card h3 { font-size: 22px; color: var(--whiteColor); margin-bottom: 15px; } .choose-card p { color: #EFFFFD; margin-bottom: 15px; } .choose-card .choose-link { display: block; color: var(--yellowColor); font-weight: 600; } .choose-card .choose-link:nth-child(3) { margin-bottom: 0; } .choose-card .choose-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .choose-card .choose-link span { position: relative; } .choose-card .choose-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: var(--whiteColor); } .choose-card .choose-link:hover { color: var(--whiteColor); } .choose-card .choose-link:hover span::before { width: 100%; } .choose-card.bg-1 { background: var(--primaryColor); } .choose-card.bg-2 { background: #5CA89F; } .choose-card.bg-3 { background: #4569B4; } .choose-card.bg-4 { background: #1D5F72; } .service-content { padding-right: 50px; } .service-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; } .service-content p { margin-bottom: 20px; padding-right: 55px; } .service-content .default-btn { background: var(--secondaryColor); } .service-content .service-list { list-style: none; padding-left: 0; margin-top: 30px; margin-bottom: 0; } .service-content .service-list li { position: relative; padding-left: 30px; margin-bottom: 12px; color: #3A3A5E; font-weight: 500; } .service-content .service-list li:last-child { margin-bottom: 0; } .service-content .service-list li i { position: absolute; left: 0; color: var(--primaryColor); top: 2px; font-size: 20px; } .service-image { padding-left: 40px; position: relative; } .service-image .service-counter { padding: 30px; text-align: center; max-width: 250px; position: absolute; background-color: var(--whiteColor); bottom: 0; left: -140px; } .service-image .service-counter h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 30px; font-weight: 400; margin-bottom: -5px; } .service-image .service-counter .icon .style { margin-right: 15px; } .service-image .service-counter p { font-size: 14px; letter-spacing: 1.4px; margin-top: 14px; line-height: 1.8; } .service-image .image.style2 { margin-top: 66px; } .image-blog-card { position: relative; } .image-blog-card::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(13, 13, 37, 0.1) 68.67%, var(--blackColor) 100%); } .image-blog-card .content { position: absolute; bottom: 25px; left: 25px; right: 25px; } .image-blog-card .content .cat li a { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 12px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .image-blog-card .content h3 { font-size: 22px; margin-bottom: 0; } .image-blog-card .content h3 a { color: var(--whiteColor); } .image-blog-card .content h3 a:hover { color: var(--primaryColor); } .content-blog-card .cat li a { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 12px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .content-blog-card h3 { font-size: 22px; margin-bottom: 15px; } .content-blog-card h3 a { color: var(--blackColor); } .content-blog-card h3 a:hover { color: var(--primaryColor); } .content-blog-card .blog-list { list-style: none; margin-bottom: 20px; padding-left: 0; } .content-blog-card .blog-list li { display: inline-block; padding-right: 36px; color: var(--paragraphColor); position: relative; } .content-blog-card .blog-list li::before { content: ""; position: absolute; right: 15px; top: 7px; bottom: 0; height: var(--fontSize); width: 1px; background: #E8E8F4; } .content-blog-card .blog-list li:last-child { padding-right: 0; } .content-blog-card .blog-list li:last-child::before { display: none; } .blog-content-widget { padding-left: 30px; } .blog-content-widget .blog-donate { display: flex; padding: 24px 30px; align-items: center; background: linear-gradient(90deg, #B0C2FF 0%, #F1F1FC 100%); } .blog-content-widget .blog-donate .icon { width: 64px; height: 64px; border-radius: 50%; line-height: 64px; text-align: center; background-color: var(--whiteColor); } .blog-content-widget .blog-donate .content { padding-left: 35px; } .blog-content-widget .blog-donate .content h6 { font-size: 22px; margin-bottom: 5px; } .blog-content-widget .blog-donate .content .donate-link { display: block; color: #353688; font-weight: 600; } .blog-content-widget .blog-donate .content .donate-link:nth-child(3) { margin-bottom: 0; } .blog-content-widget .blog-donate .content .donate-link i { position: relative; left: 2px; top: 2px; font-size: 20px; } .blog-content-widget .blog-donate .content .donate-link span { position: relative; } .blog-content-widget .blog-donate .content .donate-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .blog-content-widget .blog-donate .content .donate-link:hover { color: rgb(252, 100, 65); } .blog-content-widget .blog-donate .content .donate-link:hover span::before { width: 100%; } .footer-warp { background: #28283F; } .footer-widget h3, .footer-widget h2, .footer-widget h4 { font-size: 20px; margin-bottom: 25px; color: var(--whiteColor); } .footer-widget .footer-list { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 10px; } .footer-widget .footer-list li { position: relative; margin-bottom: 8px; } .footer-widget .footer-list li:last-child { margin-bottom: 0; } .footer-widget .footer-list li a { color: #C5C5CF; } .footer-widget .footer-list li a:hover { color: var(--primaryColor); letter-spacing: 1px; } .footer-widget .form-control { height: 70px; background: #595970; color: #CACAD1; font-size: 14px; padding-left: 20px; border-radius: 0; border: none; transition: 0.6s; margin-bottom: 20px; } .footer-widget .form-control:focus { box-shadow: unset; } .footer-widget .form-control:focus::-moz-placeholder { color: transparent; } .footer-widget .form-control:focus::placeholder { color: transparent; } .footer-widget .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; color: #CACAD1; } .footer-widget .form-control::placeholder { transition: 0.6s; color: #CACAD1; } .footer-widget .footer-btn { display: block; color: var(--yellowColor); font-weight: 600; font-family: var(--heading-fontFamily); background-color: transparent; border: none; } .footer-widget .footer-btn:nth-child(3) { margin-bottom: 0; } .footer-widget .footer-btn i { position: relative; left: 2px; top: 2px; font-size: 20px; } .footer-widget .footer-btn span { position: relative; } .footer-widget .footer-btn span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .footer-widget .footer-btn:hover { color: rgb(252, 100, 65); } .footer-widget .footer-btn:hover span::before { width: 100%; } .footer-widget .footer-form { margin-bottom: 50px; } .footer-widget .footer-form .alert { padding-left: 0; padding-bottom: 0; border: unset; color: var(--primaryColor); background-color: transparent; } .footer-widget .footer-logos { list-style: none; padding-left: 0; margin-bottom: 0; } .footer-widget .footer-logos li { display: inline-block; padding-right: 24px; } .footer-widget .footer-logos li:last-child { padding-right: 0; } .footer-widget.widget_nav_menu ul { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 10px; } .footer-widget.widget_nav_menu ul li { position: relative; margin-bottom: 8px; } .footer-widget.widget_nav_menu ul li:last-child { margin-bottom: 0; } .footer-widget.widget_nav_menu ul li a { color: #C5C5CF; } .footer-widget.widget_nav_menu ul li a:hover { color: var(--primaryColor); letter-spacing: 1px; } .footer-widget.widget_nav_menu ul li .sub-menu { padding-left: 20px; } .footer-widget a { color: #C5C5CF; } .footer-widget span { color: #C5C5CF; } .footer-widget p { color: #C5C5CF; } .footer-widget strong { color: #C5C5CF; } .footer-widget ul li { color: #C5C5CF; } .footer-widget ul li a { color: #C5C5CF; } .footer-widget.col.widget_falar_newsletter { position: relative; margin-left: -100px; } .footer-widget.col:nth-child(2) { margin-left: -100px; } .footer-widget.col:nth-child(3) { margin-left: -100px; } .col-lg-4:nth-child(4) .footer-widget { margin-left: 30px; } .col-lg-3:nth-child(2) .footer-widget { margin-left: -20px; } .col-lg-2:nth-child(3) .footer-widget { margin-left: -50px; } .copy-right-warp { background: #353688; padding-top: 25px; padding-bottom: 25px; } .copy-right-warp .copy-right-content { text-align: center; } .copy-right-warp .copy-right-content p { color: #B8B8B8; font-weight: 400; } .copy-right-warp .copy-right-content p a { color: var(--whiteColor); font-weight: 700; } .copy-right-warp .copy-right-content p span { color: var(--whiteColor); font-weight: 700; } .hero-style2-warp { position: relative; padding-bottom: 130px; padding-top: 448px; z-index: 1; background: linear-gradient(90deg, #DEE1E6 0%, #E5E6EA 17.57%, #EBECF0 34.86%, #E8E9ED 52.23%, #E7E8EC 65.17%, #D7DADF 97.75%); } .hero-style2-warp::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: -1; background-position: center center; background-repeat: no-repeat; background-size: cover; background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/style2-hero1.png); } .hero-style2-warp .hero-item-box { max-width: 425px; display: flex; align-items: center; padding: 20px 30px 20px 20px; position: absolute; right: 0; bottom: 100px; background-color: var(--whiteColor); } .hero-style2-warp .hero-item-box .image { width: 135px; height: 160px; } .hero-style2-warp .hero-item-box .content { margin-left: 30px; } .hero-style2-warp .hero-item-box .content .title { line-height: 1; color: var(--secondaryColor); font-size: 12px; font-weight: 500; padding: 5px 6px; display: inline-flex; margin-bottom: 8px; } .hero-style2-warp .hero-item-box .content h4 { font-size: var(--fontSize); margin-bottom: 12px; } .hero-style2-warp .hero-item-box .content h4 a { color: var(--blackColor); } .hero-style2-warp .hero-item-box .content h4 a:hover { color: var(--primaryColor); } .hero-style2-warp .hero-item-box .content .item-link { display: block; color: var(--primaryColor); font-family: var(--heading-fontFamily); font-weight: 600; font-size: 14px; } .hero-style2-warp .hero-item-box .content .item-link i { position: relative; left: 2px; top: 2px; font-size: 20px; } .hero-style2-warp .hero-item-box .content .item-link span { position: relative; } .hero-style2-warp .hero-item-box .content .item-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; transition: 0.6s; background-color: var(--primaryColor); } .hero-style2-warp .big-size-text { display: flex; align-items: center; max-width: 1195px; margin-left: auto; margin-right: auto; position: absolute; left: 58px; right: 0; opacity: 50%; top: -70px; z-index: -2; justify-content: space-between; } .hero-style2-warp .big-size-text span { font-weight: 900; color: #FFF; font-family: var(--heading-fontFamily); font-size: 300px; letter-spacing: 12px; } .hero-style2-content { max-width: 520px; } .hero-style2-content h2 { font-family: Var(--heading-fontFamily2); font-size: 40px; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 10px; } .hero-style2-content h2 span { margin-right: 50px; } .hero-style2-content p { margin-bottom: 20px; padding-right: 30px; } .about-logo-content { display: flex; align-items: center; } .about-logo-content .logo { width: 179px; height: 160px; } .about-logo-content .content { margin-left: 40px; max-width: 230px; } .about-logo-content .content h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; margin-bottom: 12px; } .about-logo-content .content p { color: var(--paragraphColor); font-weight: 600; } .about-content { padding-right: 115px; } .about-content .about-link { display: block; color: #353688; font-family: var(--heading-fontFamily); font-weight: 600; margin-top: 20px; } .about-content .about-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .about-content .about-link span { position: relative; } .about-content .about-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: var(--primaryColor); } .about-content .about-link:hover { color: var(--primaryColor); } .about-content .about-link:hover span::before { width: 100%; } .program-content.style2 { padding-left: 0; padding-right: 100px; } .program-images.style2 { padding-left: 35px; padding-right: 0; } .program-images.style2 .big-image { margin-left: 0; margin-right: -8px; } .program-images.style2 .image { margin-right: -5px; } .program-images.style2 .logo-content { background: var(--primaryColor); } .program-images.style2 .logo-content .content h2 { color: var(--whiteColor); } .program-images.style2 .logo-content .content p { color: #FFF1EE; } .find-program-warp { position: relative; } .find-program-warp.style2 { padding-top: 100px; z-index: 1; } .find-program-warp.style2 .program-shape { position: absolute; right: 29%; top: 0; pointer-events: none; z-index: -1; } .places-warp { position: relative; } .places-warp .container-fluid { max-width: 100%; padding: 0 !important; } .places-warp .swiper-slide-active .places-widget .content { background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .places-warp .swiper-slide-active .places-widget .content h3 a { color: var(--whiteColor); } .places-warp .swiper-slide-active .places-widget .content .icon { background: var(--whiteColor); } .places-widget { position: relative; } .places-widget .content { width: 100%; position: absolute; bottom: 0; left: 0; right: 0; display: flex; transition: 0.6s; align-items: center; justify-content: space-between; background: rgba(255, 255, 255, 0.9); padding: 20px 20px 20px 30px; } .places-widget .content .icon { width: 40px; height: 40px; font-size: 24px; line-height: 45px; text-align: center; border-radius: 2px; transition: 0.6s; color: rgb(119, 104, 229); } .places-widget .content h3 { font-size: 22px; margin-bottom: 0; } .places-widget .content h3 a { color: var(--blackColor); } .academic-box.style2 .default-btn { width: 100%; background: #353688; } .news-optional-item { background: #FAF6F6; padding: 40px 25px 22px 25px; } .news-optional-item .news-item { display: flex; align-items: center; margin-bottom: 42px; } .news-optional-item .news-item:nth-child(3) { margin-bottom: 20px; } .news-optional-item .news-item .image { width: 100px; height: 145px; } .news-optional-item .news-item .content { margin-left: 20px; } .news-optional-item .news-item .content .title { padding: 5px 6px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-block; margin-bottom: 10px; } .news-optional-item .news-item .content h3 { font-size: 18px; margin-bottom: 12px; } .news-optional-item .news-item .content h3 a { color: var(--blackColor); } .news-optional-item .news-item .content .news-link { display: block; color: var(--primaryColor); font-weight: 600; font-family: var(--heading-fontFamily); } .news-optional-item .news-item .content .news-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .news-optional-item .news-item .content .news-link span { position: relative; } .news-optional-item .news-item .content .news-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; transition: 0.6s; background-color: var(--primaryColor); } .news-optional-item .default-btn { width: 100%; } .admission-image { padding-right: 35px; } .admission-content { padding-left: 60px; } .admission-content h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; } .admission-content p { margin-bottom: 40px; } .admission-content .admission-list { list-style: none; padding-left: 0; margin-bottom: 0; } .admission-content .admission-list li { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #F3F3F6; } .admission-content .admission-list li:last-child { margin-bottom: 0; } .admission-content .admission-list li:first-child { padding-top: 20px; border-top: solid 1px #F3F3F6; } .admission-content .admission-list li a { color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .admission-content .admission-list li a i { position: relative; left: 4px; top: 4px; font-size: 22px; } .apply-warp { background: #B7D8EF; position: relative; z-index: 1; } .apply-warp .section-title { max-width: 460px; margin-left: auto; margin-right: auto; } .apply-warp .apply-shape1 { position: absolute; top: 0; right: 0; z-index: -1; pointer-events: none; } .apply-card { padding: 55px 52px; background: #CDE4F4; transition: 0.6s; } .apply-card .icon { margin-bottom: 25px; } .apply-card h3 { font-size: 22px; margin-bottom: 10px; } .apply-card p { margin-bottom: 20px; } .apply-card .apply-link { color: var(--primaryColor); font-family: var(--heading-fontFamily); font-weight: 600; } .apply-card .apply-link span { position: relative; } .apply-card .apply-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; background-color: var(--primaryColor); } .apply-card .apply-link span i { position: relative; left: 2px; font-size: 20px; top: 2px; } .apply-card:hover { background-color: var(--whiteColor); } .inner-video { max-width: 100%; height: 475px; position: relative; } .inner-video.style2 .video-btn { top: 40%; } .inner-video video { -o-object-fit: cover; object-fit: cover; width: 100%; height: 475px; } .inner-video .video-btn { position: absolute; top: 50%; transform: translateY(-51px); left: 0; right: 0; margin-left: auto; margin-right: auto; width: 110px; cursor: pointer; line-height: 113px; border-radius: 50%; text-align: center; color: rgb(53, 54, 136); font-size: 40px; height: 110px; background: rgba(255, 255, 255, 0.9); opacity: 0; } .inner-video h2 { color: var(--whiteColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; position: absolute; top: 63%; transform: translateY(-63%); left: 0; right: 0; margin-bottom: 0; text-align: center; } .video-warp { background: #B7D8EF; position: relative; z-index: 1; } .video-warp .apply-shape2 { position: absolute; bottom: 50%; left: 0; z-index: -1; pointer-events: none; } .video-warp::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 50%; width: 100%; z-index: -1; background-color: var(--whiteColor); } .student-review-slider-warp { position: relative; } .student-review-slider-warp .swiper-pagination1 { margin-top: 45px; position: relative !important; height: 4px !important; background: #E4ECF2 !important; } .student-review-slider-warp .swiper-pagination1 .swiper-pagination-progressbar-fill { opacity: 1 !important; background: #91A8B9 !important; height: 4px !important; border-radius: 0 !important; } .review-widget .star-list { list-style: none; padding-left: 0; margin-bottom: 5px; } .review-widget .star-list li { display: inline-block; margin-right: -1px; color: rgb(226, 186, 45); } .review-widget h4 { color: #353688; font-size: 18px; margin-bottom: 15px; } .review-widget p { margin-bottom: 20px; } .review-widget .review-details { list-style: none; padding-left: 0; margin-bottom: 0; } .review-widget .review-details li { display: inline-block; font-weight: 400; color: #3F3F60; padding-right: 20px; } .review-widget .review-details li span { font-weight: 600; } .review-widget .review-details li:first-child { padding-right: 12px; } .review-widget .review-details li:first-child img { width: 36px; height: 36px; border-radius: 50%; } .review-widget .review-details li:nth-child(2) span { color: #3F3F60; font-size: 14px; font-weight: 600; letter-spacing: 1.4px; } .review-widget .review-details li:last-child { padding-right: 0; } .event-widget { padding: 40px 30px 50px 40px; } .event-widget.bg-1 { background: #ECF3F8; } .event-widget.bg-2 { background: #EEEEF5; } .event-widget.bg-3 { background: #ECF3F8; } .event-widget.bg-4 { background: #EEEEF5; } .event-widget.bg-5 { background: #ECF3F8; } .event-widget.bg-6 { background: #EEEEF5; } .event-widget.bg-7 { background: #ECF3F8; } .event-widget.bg-8 { background: #EEEEF5; } .event-widget.bg-9 { background: #ECF3F8; } .event-widget.bg-10 { background: #EEEEF5; } .event-widget span { color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; display: inline-flex; line-height: 1; padding: 5px 6px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); margin-bottom: 8px; } .event-widget h3 { font-size: 22px; margin-bottom: 15px; } .event-widget h3 a { color: var(--blackColor); } .event-widget h3 a:hover { color: var(--primaryColor); } .event-widget .event-list { list-style: none; padding-left: 0; margin-bottom: 0; } .event-widget .event-list li { position: relative; display: inline-block; padding-left: 28px; padding-right: 40px; font-family: var(--main-fontFamily); font-size: 15px; } .event-widget .event-list li i { position: absolute; left: 0; top: 1px; font-size: 20px; } .event-widget .event-list li:last-child { padding-right: 0; } .event-widget .event-list li.expired { padding-left: 0; } .event-widget .event-list li.expired span { background-color: transparent; font-size: 15px; box-shadow: unset; color: var(--primaryColor); } .event-widget.style2.bg-1 { background: #ECF3F8; } .event-widget.style2.bg-2 { background: #EEEEF5; } .event-widget.style2.bg-3 { background: #EEEEF5; } .event-widget.style2.bg-4 { background: #ECF3F8; } .event-widget.style2.bg-5 { background: #ECF3F8; } .event-widget.style2.bg-6 { background: #EEEEF5; } .event-widget.style2.bg-7 { background: #EEEEF5; } .event-widget.style2.bg-8 { background: #ECF3F8; } .event-widget.style2.bg-9 { background: #ECF3F8; } .event-widget.style2.bg-10 { background: #EEEEF5; } .event-slider-warp { position: relative; } .event-slider-warp .swiper-pagination3 { line-height: 1; margin-top: 40px; text-align: center; } .event-slider-warp .swiper-pagination3 .swiper-pagination-bullet { height: 6px; width: 6px; opacity: 1; background-color: #C5C5D3; } .event-slider-warp .swiper-pagination3 .swiper-pagination-bullet-active { background-color: #5C5C7E; } .question-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; margin-bottom: 25px; font-weight: 400; } .question-content .question-tab { margin-bottom: 35px !important; } .question-content .question-tab .nav-item { padding-right: 10px; } .question-content .question-tab .nav-item:last-child { padding-right: 0; } .question-content .question-tab .nav-item .nav-link { font-size: 13px; letter-spacing: 1.3px; color: #7B7B93; line-height: 1; font-weight: 600; padding: 12px 15px; font-family: var(--heading-fontFamily); background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .question-content .question-tab .nav-item .nav-link.active { color: var(--secondaryColor); } .question-content .accordion-question .accordion-item { border-radius: 0; border-right: none; border-left: none; padding-bottom: 0; border-color: #F3F3F6; } .question-content .accordion-question .accordion-item .accordion-button { background-color: transparent; border: none; box-shadow: unset; color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; padding-left: 0; padding-right: 0; padding-top: var(--fontSize); padding-bottom: var(--fontSize); } .question-content .accordion-question .accordion-item .accordion-button:not(.collapsed)::after { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/accordion2.svg); transform: unset; } .question-content .accordion-question .accordion-item .accordion-button::after { background-size: auto; line-height: 1; position: relative; background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/accordion1.svg); top: 4px; } .question-content .accordion-question .accordion-item .accordion-body { padding-left: 0; padding-left: 0; padding-bottom: 20px; padding-top: 20px; border-top: solid 1px #F3F3F6; } .question-images { padding-left: 43px; } .inner-hero2-style { background-position: center center; background-repeat: no-repeat; background-size: contain; padding-top: 805px; margin: 10px; padding-bottom: 20px; margin-top: -150px !important; background-color: var(--whiteColor); } .transparent-bg { background-color: transparent; } .transparent-bg .top-header-details .social-list::before { background: transparent; } .transparent-bg.sticky { background-color: var(--whiteColor) !important; } .transparent-bg.sticky .sticky-logo { display: block; } .transparent-bg.sticky .style3-logo { display: none; } .transparent-bg .sticky-logo { display: none; } .transparent-bg.navbar { padding-top: 6px; padding-bottom: 18px; } .hero-style3-warp { position: relative; } .hero-style3-warp .hero-nav { position: absolute; width: 808px; padding: 0; border-radius: 4px; display: flex; bottom: 40px; right: 30px; justify-content: space-around; background: rgba(255, 255, 255, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .hero-style3-warp .hero-nav .nav-item .nav-link { background-color: transparent; color: var(--blackColor); font-weight: 600; font-family: var(--heading-fontFamily); font-size: 18px; padding: 30px; line-height: 1; margin: auto; width: 268px; text-align: center; position: relative; } .hero-style3-warp .hero-nav .nav-item .nav-link::before { content: ""; position: absolute; bottom: 0; right: 0; left: 0; height: 3px; width: 0%; transition: 0.6s; border-radius: 4px; background: var(--blackColor); } .hero-style3-warp .hero-nav .nav-item .nav-link.active::before { width: 100%; } .top-header-warp.style3 { padding-top: 20px; } .top-header-warp.style3 .container-fluid { padding-left: 255px; } .hero-style3-content { max-width: 580px; position: relative; top: -10px; } .hero-style3-content h1 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 60px; font-weight: 400; letter-spacing: 2.4px; margin-bottom: 5px; } .about-style2-image { position: relative; padding-right: 40px; } .about-style2-image .image.style2 { margin-top: 50px; } .about-style2-image .round-shape { width: 192.2px; height: 192.249px; text-align: center; position: absolute; bottom: -50px; left: 33%; line-height: 192px; } .about-style2-image .round-shape .text-shape { position: absolute; left: 0; top: 0; animation: rotateme 9s linear infinite; } .about-style2-content { padding-left: 15px; } .about-style2-content .content { max-width: 230px; } .about-style2-content .content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 12px; } .about-style2-content .content .title { color: var(--paragraphColor); font-weight: 600; display: block; margin-bottom: 20px; } .about-style2-content .about-link { color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .about-style2-content .about-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .about-style2-warp { position: relative; } .about-style2-warp .about-logo { position: absolute; top: 85px; right: 16%; opacity: 50%; } .swiper-btn .swiper-button-next, .swiper-btn .swiper-button-prev { top: var(--swiper-navigation-top-offset, 45%); } .swiper-btn .swiper-button-next::after, .swiper-btn .swiper-button-prev::after { display: none; } .swiper-btn .swiper-button-next::before, .swiper-btn .swiper-button-prev::before { position: absolute; display: block; color: var(--whiteColor); font-family: "tabler-icons" !important; text-align: center; border-radius: 50%; font-size: 24px; transition: 0.6s; text-align: center; border-radius: 50%; } .swiper-btn .swiper-button-next:hover::before, .swiper-btn .swiper-button-prev:hover::before { color: var(--primaryColor); } .swiper-btn .swiper-button-next { left: auto; right: -10px; } .swiper-btn .swiper-button-next:before { content: "\ea1c"; } .swiper-btn .swiper-button-prev { left: -10px; right: auto; } .swiper-btn .swiper-button-prev:before { content: "\ea1b"; } .swiper-btn.style2 { position: absolute; top: -50px; right: 0; } .swiper-btn.style2 .sswiper-button-next::before, .swiper-btn.style2 .sswiper-button-prev::before { color: #5D5D72; } .swiper-btn.style2 .swiper-button-prev { left: -70px; right: auto; } .swiper-btn.style2 .swiper-button-next { left: auto; right: 10px; } .swiper-btn.style3 .swiper-button-next, .swiper-btn.style3 .swiper-button-prev { top: var(--swiper-navigation-top-offset, 96%); z-index: 999; } .swiper-btn.style3 .swiper-button-next::before, .swiper-btn.style3 .swiper-button-prev::before { background: #14191C; color: #5D5D72; } .swiper-btn.style3 .swiper-button-next:hover::before, .swiper-btn.style3 .swiper-button-prev:hover::before { color: var(--primaryColor); background-color: var(--whiteColor); } .swiper-btn.style3 .swiper-button-prev { left: 41%; right: auto; } .swiper-btn.style3 .swiper-button-next { left: auto; right: 41%; } .event-plan-slider-warp { position: relative; } .event-plan-slider-warp .swiper-btn .sswiper-button-next, .event-plan-slider-warp .swiper-btn .sswiper-button-prev { top: var(--swiper-navigation-top-offset, 45%); } .event-plan-slider-warp .swiper-btn .sswiper-button-next::after, .event-plan-slider-warp .swiper-btn .sswiper-button-prev::after { display: none; } .event-plan-slider-warp .swiper-btn .sswiper-button-next::before, .event-plan-slider-warp .swiper-btn .sswiper-button-prev::before { position: absolute; display: block; color: var(--whiteColor); font-family: "tabler-icons" !important; text-align: center; border-radius: 50%; font-size: 24px; transition: 0.6s; text-align: center; border-radius: 50%; } .event-plan-slider-warp .swiper-btn .sswiper-button-next:hover::before, .event-plan-slider-warp .swiper-btn .sswiper-button-prev:hover::before { color: var(--primaryColor); } .event-plan-slider-warp .swiper-btn .sswiper-button-next { left: auto; right: -10px; } .event-plan-slider-warp .swiper-btn .sswiper-button-next:before { content: "\ea1c"; } .event-plan-slider-warp .swiper-btn .sswiper-button-prev { left: -10px; right: auto; } .event-plan-slider-warp .swiper-btn .sswiper-button-prev:before { content: "\ea1b"; } .event-plan-slider-warp .swiper-btn.style2 { position: absolute; top: -50px; right: 0; } .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-next, .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-prev { position: relative; } .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-next::before, .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-prev::before { color: #5D5D72; } .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-prev { left: -70px !important; right: auto !important; } .event-plan-slider-warp .swiper-btn.style2 .sswiper-button-next { left: auto !important; right: 10px !important; } .management-warp { overflow: hidden; } .management-warp .management-slider-warp { position: relative; } .management-warp .management-slider-warp .swiper { margin-right: -322px; } .management-widget .content { padding-top: 20px; } .management-widget .content ul { list-style: none; padding-left: 0; margin-bottom: 8px; } .management-widget .content ul li { display: inline-block; padding-left: 35px; font-family: var(--main-fontFamily); font-size: 12px; position: relative; } .management-widget .content ul li img { position: absolute; left: 0; top: -2px; } .management-widget .content h3 { font-size: 22px; margin-bottom: 15px; } .management-widget .content h3 a { color: var(--blackColor); } .management-widget .content h3 a:hover { color: var(--primaryColor); } .inner-undergraduate-warp { max-width: 1080px; margin-left: auto; margin-right: auto; } .undergraduate-widget h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 30px; } .undergraduate-widget .undergraduate-list { list-style: none; padding-left: 0; margin-bottom: 25px; } .undergraduate-widget .undergraduate-list li { position: relative; padding-left: 50px; margin-bottom: 26px; } .undergraduate-widget .undergraduate-list li:last-child { margin-bottom: 0; } .undergraduate-widget .undergraduate-list li::before { content: ""; position: absolute; top: 10px; left: 0; bottom: 0; width: 10px; height: 10px; border-radius: 50%; background: #D9D9D9; } .undergraduate-widget .undergraduate-list li a { color: #353688; font-family: var(--heading-fontFamily); font-weight: 600; } .undergraduate-widget .undergraduate-list li a i { position: relative; font-size: 25px; line-height: 0; left: 10px; top: 6px; } .undergraduate-widget .undergraduate-list li a:hover { letter-spacing: 1px; color: var(--primaryColor); } .undergraduate-widget .default-btn { background-color: transparent; border: 1px solid var(--primaryColor); color: rgb(252, 100, 65); } .undergraduate-widget .default-btn:hover { color: var(--whiteColor); border-color: rgb(248, 202, 77); } .col-lg-6:nth-child(2) .undergraduate-widget { margin-left: 218px; } .campus-story-warp .container-fluid { max-width: 100%; } .campus-widget .image img { border-radius: 4px; } .campus-widget .content { display: flex; align-items: center; justify-content: space-between; padding-left: 40px; padding-right: 40px; padding-top: 18px; padding-bottom: 18px; } .campus-widget .content h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .campus-widget .content .icon { display: inline-block; width: 40px; color: rgb(255, 255, 255); height: 40px; text-align: center; line-height: 40px; font-size: 22px; border-radius: 2px; background: var(--secondaryColor); } .campus-widget .content .icon:hover { color: var(--secondaryColor); background-color: var(--yellowColor); } .campus-widget .image { position: relative; overflow: hidden; } .campus-widget .image img { transition: 0.6s; } .campus-widget .image::before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ""; width: 50%; transition: 0.6s; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .campus-widget:hover .image::before { animation: shine 0.75s; } .campus-widget:hover .image img { transform: scale(1.1); } .luva-inner-widget { max-width: 825px; margin-left: auto; margin-right: auto; } .luva-inner-widget .blog-donate { display: flex; padding: 24px 30px; align-items: center; background: linear-gradient(90deg, #B0C2FF 0%, #F1F1FC 100%); } .luva-inner-widget .blog-donate .icon { width: 64px; height: 64px; border-radius: 50%; line-height: 64px; text-align: center; background-color: var(--whiteColor); } .luva-inner-widget .blog-donate .content { padding-left: 35px; } .luva-inner-widget .blog-donate .content h6 { font-size: 22px; margin-bottom: 5px; } .luva-inner-widget .blog-donate .content .donate-link { display: block; color: #353688; font-weight: 600; } .luva-inner-widget .blog-donate .content .donate-link:nth-child(3) { margin-bottom: 0; } .luva-inner-widget .blog-donate .content .donate-link i { position: relative; left: 2px; top: 2px; font-size: 20px; } .luva-inner-widget .blog-donate .content .donate-link span { position: relative; } .luva-inner-widget .blog-donate .content .donate-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .luva-inner-widget .blog-donate .content .donate-link:hover { color: rgb(252, 100, 65); } .luva-inner-widget .blog-donate .content .donate-link:hover span::before { width: 100%; } .video-warp-style2 { position: relative; z-index: 1; } .video-warp-style2::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; width: 100%; z-index: -1; background: #EEEEF5; } .event-plan-widget { display: flex; align-items: center; } .event-plan-widget .image { width: 298px; height: 248px; } .event-plan-widget .content { margin-left: 25px; } .event-plan-widget .content span { color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-flex; padding: 5px 6px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); margin-bottom: 8px; } .event-plan-widget .content h3 { font-size: 22px; margin-bottom: 15px; } .event-plan-widget .content h3 a { color: var(--blackColor); } .event-plan-widget .content h3 a:hover { color: var(--primaryColor); } .event-plan-widget .content .event-plan-list { list-style: none; padding-left: 0; margin-bottom: 0; } .event-plan-widget .content .event-plan-list li { position: relative; padding-left: 28px; font-family: var(--main-fontFamily); margin-bottom: 12px; font-size: 15px; } .event-plan-widget .content .event-plan-list li i { position: absolute; left: 0; top: 1px; font-size: 20px; } .event-plan-widget .content .event-plan-list li:last-child { margin-bottom: 0; } .event-plan-widget .content .event-plan-list li.expired { padding-left: 0; } .event-plan-widget .content .event-plan-list li.expired span { background-color: transparent; font-size: 15px; box-shadow: unset; color: var(--primaryColor); } .no-upcoming { text-align: center; } .no-upcoming h3 { color: var(--primaryColor); font-size: 24px; font-weight: 500; margin-bottom: 0; } .event-plan-warp { overflow: hidden; } .event-plan-warp .event-plan-slider-warp { position: relative; } .event-plan-warp .event-plan-slider-warp .swiper { margin-right: -650px; position: relative; padding-top: 20px; } .event-plan-warp .event-plan-slider-warp .swiper::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 1px; width: 100%; background-color: var(--whiteColor); } .event-plan-warp .section-warp { margin-bottom: 25px; } .enquiry-warp { position: relative; z-index: 1; } .enquiry-warp::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 45%; height: 100%; z-index: -1; background: var(--yellowColor); } .enquiry-image { padding-right: 30px; } .enquiry-image h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 30px; } .enquiry-content { position: relative; } .enquiry-content p span { font-weight: 600; color: #494968; } .enquiry-content .enquiry-link { display: inline-block; margin-top: 10px; color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; margin-bottom: 65px; } .enquiry-content .enquiry-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .enquiry-content .enquiry-content-style { display: flex; align-items: center; } .enquiry-content .enquiry-content-style .icon { width: 68px; height: 68px; border-radius: 50%; background-color: var(--primaryColor); display: inline-block; color: rgb(255, 255, 255); text-align: center; font-size: 22px; line-height: 68px; box-shadow: 0px 4px 60px rgba(252, 100, 65, 0.15); } .enquiry-content .enquiry-content-style .icon:hover { color: var(--whiteColor); background-color: var(--blackColor); } .enquiry-content .enquiry-content-style .content { padding-left: 25px; } .enquiry-content .enquiry-content-style .content h4 { font-size: 20px; font-weight: 600; color: var(--primaryColor); margin-bottom: 8px; } .enquiry-content .enquiry-shape { position: absolute; right: 0; bottom: 0; } .optional-events-warp { margin-bottom: 5px; } .optional-events-warp .container-fluid { max-width: 100%; } .optional-event-widget { position: relative; overflow: hidden; } .optional-event-widget::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 0%; width: 0%; transition: 0.6s; background: rgba(255, 255, 255, 0.2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } .optional-event-widget .optional-content { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 22px; transition: 0.6s; font-weight: 700; opacity: 0; text-align: center; z-index: 999; } .optional-event-widget:hover::before { height: 100%; width: 100%; } .optional-event-widget:hover .optional-content { opacity: 1; } .inner-heros-warp { padding-top: 305px; padding-bottom: 50px; position: relative; background: linear-gradient(90deg, #DDE6F4 0%, #E6EAF8 17.57%, #D4DCFC 34.86%, #E2E6F6 52.23%, #E0E5F8 65.17%, #EEF4FD 97.75%); margin-top: -155px; } .inner-heros-warp .inner-page-shape1 { position: absolute; bottom: 0; opacity: 22%; right: 31%; z-index: 1; } .inner-hero-content { display: flex; align-items: end; justify-content: space-between; position: relative; z-index: 2; } .inner-hero-content h1, .inner-hero-content h2, .inner-hero-content h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 40px; font-weight: 400; letter-spacing: 1.6px; margin-bottom: 0; -ms-word-wrap: break-word; word-wrap: break-word; } .inner-hero-content .inner-hero-list { list-style: none; padding-left: 0; margin-bottom: 5px; -ms-word-wrap: break-word; word-wrap: break-word; } .inner-hero-content .inner-hero-list li { display: inline-block; padding-right: 30px; color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 13px; font-weight: 500; line-height: 1; position: relative; letter-spacing: 1.3px; -ms-word-wrap: break-word; word-wrap: break-word; word-break: break-all; } .inner-hero-content .inner-hero-list li::before { content: ">"; position: absolute; right: 8px; top: 0; } .inner-hero-content .inner-hero-list li:last-child { padding-right: 0; } .inner-hero-content .inner-hero-list li:last-child::before { display: none; } .inner-hero-content .inner-hero-list li a { color: var(--blackColor); } .inner-hero-content .inner-hero-list li a:hover { color: var(--primaryColor); } .inner-hero-content .inner-hero-list li span { color: #6C6C7E; } .inner-all-pages .about-pages-list { list-style: none; padding-left: 0; margin-bottom: 0; text-align: center; } .inner-all-pages .about-pages-list li { display: inline-block; padding-right: 6px; } .inner-all-pages .about-pages-list li:last-child { padding-right: 0; } .inner-all-pages .about-pages-list li a { line-height: 1; display: inline-flex; padding: 12px 15px; color: #7B7B93; font-family: var(--heading-fontFamily); font-size: 13px; font-weight: 600; letter-spacing: 1.3px; background: #EDEDF5; position: relative; } .inner-all-pages .about-pages-list li a:hover { color: var(--whiteColor); background: var(--secondaryColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .inner-all-pages .about-pages-list li a.active { color: var(--whiteColor); background: var(--secondaryColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .inner-all-pages .about-pages-list li a.active-check::before { opacity: 1; } .inner-all-pages .about-pages-list li a::before { content: "\ea5e"; position: absolute; top: -42px; left: 0; width: 32px; height: 32px; line-height: 31px; padding-left: 3px; font-size: 25px; border-radius: 50%; font-weight: 100; font-family: "tabler-icons" !important; color: var(--whiteColor); opacity: 0; background-color: #5CA89F; } .inner-all-pages .about-pages-list.style2 li a { background-color: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .inner-all-pages .about-pages-list.style2 li a:hover { color: var(--whiteColor); background: var(--secondaryColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .inner-all-pages .about-pages-list.style2 li a.active { color: var(--whiteColor); background: var(--secondaryColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .inner-all-pages .about-pages-list.style2 li a.active-check::before { opacity: 1; } .text-start .inner-all-pages .about-pages-list { text-align: start; } .inner-page-about { padding-right: 0; } .visiting-content { padding-right: 100px; } .visiting-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; margin-bottom: 15px; } .visiting-content .visiting-content-style { margin-top: 40px; display: flex; align-items: center; margin-bottom: 30px; } .visiting-content .visiting-content-style .icon { width: 68px; height: 68px; border-radius: 50%; background-color: var(--secondaryColor); display: inline-block; color: rgb(255, 255, 255); text-align: center; font-size: 22px; line-height: 72px; box-shadow: 0px 4px 60px rgba(252, 100, 65, 0.15); } .visiting-content .visiting-content-style .icon:hover { color: var(--whiteColor); background-color: var(--blackColor); } .visiting-content .visiting-content-style .content { padding-left: 25px; } .visiting-content .visiting-content-style .content h4 { font-size: 20px; font-weight: 600; color: var(--secondaryColor); margin-bottom: 8px; } .visiting-content .visiting-content-style .content a { color: var(--secondaryColor); } .visiting-content .default-btn { background: #353688; padding-left: 104px; padding-right: 104px; } .about-images-warp { padding-top: 60px; } .sustainability-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; margin-bottom: 30px; font-weight: 400; letter-spacing: 1.28px; } .sustainability-content .sustainability-list { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 30px; } .sustainability-content .sustainability-list li { position: relative; padding-left: 35px; margin-bottom: 20px; color: var(--paragraphColor); } .sustainability-content .sustainability-list li:last-child { margin-bottom: 0; } .sustainability-content .sustainability-list li i { position: absolute; left: 0; top: 2px; color: var(--primaryColor); font-size: 22px; } .sustainability-content .sustainability-list li span { font-weight: 500; color: #3A3A5E; } .sustainability-image { margin-left: 115px; margin-right: -160px; padding-left: 45px; } .sustainability-image .image.style1 { padding-right: 5px; padding-left: 5px; margin-top: 115px; } .sustainability-image .image.style2 { padding-left: 10px; } .sustainability-warp { position: relative; z-index: 1; } .sustainability-warp::before { content: ""; position: absolute; right: 0; top: 72px; height: 395px; width: 46.5%; z-index: -1; background: #B7D8EF; } .about-choose-warp::before { display: none; } .about-choose-warp .choose-card.bg-5 { background: #B74F56; } .inner-about-style2-image { margin-bottom: 60px; } .about-campus-title { position: relative; max-width: 235px; } .about-campus-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .about-campus-title .about-logo { position: absolute; bottom: -55px; right: -108px; } .about-campus-title .about-logo2 { position: absolute; bottom: -130px; right: -117px; } .build-campus-title { max-width: 1100px; margin-bottom: 70px; } .build-campus-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .build-campus-list { max-width: 490px; margin-left: auto; } .build-campus-list .build-list { list-style: none; padding-left: 0; margin-bottom: 0; } .build-campus-list .build-list li { position: relative; padding-left: 50px; margin-bottom: 25px; } .build-campus-list .build-list li:last-child { margin-bottom: 0; } .build-campus-list .build-list li::before { content: ""; position: absolute; top: 9px; left: 0; height: 10px; width: 10px; border-radius: 100%; background-color: rgb(217, 217, 217); } .build-campus-list .build-list li a { font-weight: 600; color: #353688; font-family: var(--heading-fontFamily); } .build-campus-list .build-list li a:hover { color: var(--primaryColor); letter-spacing: 1px; } .build-campus-list .build-list li a i { position: relative; font-size: 20px; left: 4px; top: 3px; } .build-campus-list .build-list.style2 { padding-left: 50px; } .build-campus-list .build-list.style1 { margin-right: -20px; } .build-campus-content { padding-right: 30px; } .building-hours-title { max-width: 290px; } .building-hours-title h2 { letter-spacing: 1.28px; margin-bottom: 0; color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; } .building-hours-content p span { font-weight: 500; color: #303050; } .building-hours-content .building-hours-list { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 20px; } .building-hours-content .building-hours-list li { margin-bottom: 8px; font-weight: 600; color: #353688; font-family: var(--heading-fontFamily); } .building-hours-content .building-hours-list li span { padding-left: 8px; padding-right: 8px; } .building-hours-content .building-hours-list li:last-child { margin-bottom: 0; } .building-hours-content .building-hours-list li:last-child { color: #C1272D; } .inner-campus-map iframe { width: 100%; height: 336px; display: block; } .map-content { padding: 40px; background: #B7D8EF; margin-top: -115px; } .map-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; margin-bottom: 20px; letter-spacing: 1.28px; padding-right: 100px; } .map-content .details-icon { display: flex; align-items: center; justify-content: space-between; } .map-content .details-icon p { color: var(--paragraphColor); font-size: 15px; margin-bottom: 0; } .map-content .details-icon p i { position: relative; padding-right: 5px; font-size: 20px; } .map-content .details-icon .icon { font-size: 30px; line-height: 0; } .inner-about-style3-image { margin-top: 60px; } .value-title { max-width: 330px; } .value-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .value-content .value-list { list-style: none; padding-left: 0; margin-bottom: 0; } .value-content .value-list li { padding-left: 20px; position: relative; margin-bottom: 5px; } .value-content .value-list li:last-child { margin-bottom: 0; } .value-content .value-list li span { padding-right: 10px; position: absolute; left: 0; } .duties-accordion .accordion-item { border: none; } .duties-accordion .accordion-item .accordion-button { background-color: transparent; border-left: none; border-right: none; border-bottom: solid 1px #E8E9ED; border-top: solid 1px #E8E9ED; border-radius: 0; padding: 45px 0; box-shadow: unset; } .duties-accordion .accordion-item .accordion-button h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; max-width: 380px; } .duties-accordion .accordion-item .accordion-button::after { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/about-accordion.svg); } .duties-accordion .accordion-body { padding-left: 0; padding-top: 30px; } .about-history-content .big-paragraph { font-size: 20px; color: var(--paragraphColor); } .history-images-warp { position: relative; overflow: hidden; } .history-images-warp .swiper { margin-right: -320px; } .about-history-title { max-width: 330px; } .about-history-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .about-history-title.style2 { max-width: 420px; } .faculty-link-warp { padding-top: 60px; } .faculty-list { list-style: none; padding-left: 0; margin-bottom: 0; } .faculty-list .item { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 18px 0; border-bottom: solid 1px #E8E9ED; color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 20px; font-weight: 600; transition: var(--transition); } .faculty-list .item:hover { background: #E8E9ED; padding: 18px 20px; } .faculty-list .item.top { border-top: solid 1px #E8E9ED; } .faculty-list .item.another-link-color { color: rgb(252, 100, 65); } .faculty-list.style2 { margin-bottom: 20px; } .facilities-details-widget { padding-right: 100px; } .facilities-details-widget .content1 { margin-bottom: 35px; } .facilities-details-widget .content1 h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 18px; max-width: 420px; } .facilities-details-widget .image { margin-bottom: 35px; } .facilities-details-widget .content2 { margin-bottom: 35px; } .facilities-details-widget .content2 h5 { color: var(--blackColor); font-size: 22px; margin-bottom: 15px; } .facilities-details-widget .accreditation { padding: 30px; background: #FAFAFA; margin-bottom: 40px; } .facilities-details-widget .accreditation h5 { font-size: 20px; font-weight: 600; margin-bottom: 20px; } .facilities-details-widget .accreditation .dges { margin-bottom: 25px; } .facilities-details-widget .accreditation .dges h6 { font-weight: 600; font-size: var(--fontSize); color: #494968; font-family: var(--main-fontFamily); margin-bottom: 5px; } .facilities-details-widget .accreditation .a3es { max-width: 480px; } .facilities-details-widget .accreditation .a3es h6 { font-weight: 600; font-size: var(--fontSize); color: #494968; font-family: var(--main-fontFamily); margin-bottom: 5px; } .facilities-details-widget .default-btn { border: 1px solid var(--primaryColor); background: transparent; color: var(--primaryColor); } .facilities-details-widget .default-btn:hover { color: var(--whiteColor); border-color: rgb(248, 202, 77); } .facilities-details-widget .default-btn i { left: 0; right: 4px; } .facilities-small-widget { padding: 35px; background: #E8E9ED; margin-bottom: 15px; } .facilities-small-widget h5 { font-size: 20px; font-weight: 600; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px var(--whiteColor); } .facilities-small-widget .facilities-item { margin-bottom: 25px; } .facilities-small-widget .facilities-item span { font-weight: 600; color: #494968; display: block; margin-bottom: 8px; } .facilities-small-widget .facilities-item p { margin-bottom: 4px; } .facilities-small-widget .facilities-item p:last-child { margin-bottom: 0; } .facilities-small-widget .info { color: #353688; font-size: 13px; } .facilities-small { background: #353688; width: 100%; } .facilities-requirements { text-align: center; text-decoration-line: underline; font-weight: 500; color: #353688; display: block; margin-top: 20px; } .requirements-small-widget { background: #E8E9ED; max-width: 420px; padding: 5px 0; } .requirements-small-widget .requirement-list { list-style: none; padding-left: 0; margin-bottom: 0; } .requirements-small-widget .requirement-list a { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; font-weight: 600; font-size: 18px; transition: 0.6s; border-bottom: solid 1px var(--whiteColor); } .requirements-small-widget .requirement-list a:last-child { border: none; } .requirements-small-widget .requirement-list a i { line-height: 1; opacity: 0; position: relative; left: -50px; transition: 0.6s; } .requirements-small-widget .requirement-list a:hover i { opacity: 1; left: 0; } .requirement-big-warp h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; letter-spacing: 1.28px; font-weight: 400; margin-bottom: 25px; } .requirement-big-warp p { margin-bottom: 20px; } .requirement-big-warp span { font-weight: 600; color: #353688; display: block; margin-top: 40px; margin-bottom: 25px; } .requirement-big-warp .default-btn.style1 { background: var(--primaryColor); } .requirement-big-warp .default-btn.style2 { border: 1px solid var(--secondaryColor); color: var(--secondaryColor); margin-left: 12px; background: transparent; } .requirement-big-warp .default-btn.style2:hover { border-color: rgb(248, 202, 77); color: var(--whiteColor); } .program-page-image { margin-top: 50px; } .program-page-image .image { position: relative; overflow: hidden; } .program-page-image .image img { transition: 0.6s; } .program-page-image .image::before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ""; width: 50%; transition: 0.6s; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .program-page-image .image:hover::before { animation: shine 0.75s; } .program-page-image .image:hover img { transform: scale(1.1); } .program-page-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .program-page-title h2 span { display: inline-block; background: var(--yellowColor); height: 49px; padding: 5px; } .program-main-title { max-width: 430px; } .program-main-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; } .undergraduate-program-content { padding-left: 20px; } .undergraduate-program-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; } .undergraduate-program-content h2 span { display: inline-block; background: var(--yellowColor); height: 49px; padding: 5px; } .inner-graduate-program-image { margin-top: 50px; } .graduate-program-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; padding-right: 200px; } .graduate-program-content h2 span { display: inline-block; background: var(--yellowColor); height: 49px; padding: 5px; } .graduate-program-button .default-btn { border: 1px solid var(--secondaryColor); color: var(--secondaryColor); background: transparent; } .graduate-program-button .default-btn:hover { border-color: rgb(248, 202, 77); color: var(--whiteColor); } .select-option { margin-top: 50px; margin-bottom: 50px; } .select-option h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; margin-bottom: 20px; font-weight: 400; } .select-option .select-option-list { list-style: none; padding-left: 0; margin-bottom: 0; } .select-option .select-option-list .wpcf7-list-item { display: block; position: relative; margin-bottom: 12px; } .select-option .select-option-list .wpcf7-list-item:last-child { margin-bottom: 0; } .select-option .select-option-list input { width: 20px; height: 20px; position: relative; z-index: 1; } .select-option .select-option-list .wpcf7-list-item-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; position: relative; top: -5px; } .select-option .select-option-list .form-check-input { border: unset !important; } .applicant-details h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .applicant-details .input-box { margin-bottom: 15px; } .applicant-details .input-box .form-label { font-size: 15px; font-weight: 500; margin-bottom: 5px; margin-top: 10px; display: inline-block; } .applicant-details .input-box .form-label span { color: #C1272D; } .applicant-details .input-box p { margin-bottom: 4px; } .applicant-details .input-box .form-control { height: 60px; padding-left: 20px; font-family: var(--heading-fontFamily); border: none; font-size: 13px; border-radius: 0; background-color: #F3F3F6; } .applicant-details .input-box .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; } .applicant-details .input-box .form-control::placeholder { transition: 0.6s; } .applicant-details .input-box .form-control:focus { box-shadow: unset; } .applicant-details .input-box .form-control:focus::-moz-placeholder { color: transparent; } .applicant-details .input-box .form-control:focus::placeholder { color: transparent; } .applicant-details .input-box .form-select { height: 60px; padding-left: 20px; font-family: var(--heading-fontFamily); border: none; font-size: 13px; border-radius: 0; background-color: #F3F3F6; background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/caret-down.svg); } .applicant-details .input-box .form-select:focus { box-shadow: unset; } .applicant-details .input-box .input-with-icon { height: 60px; position: relative; } .applicant-details .input-box .input-with-icon::before { content: ""; position: absolute; top: 0; left: 60px; bottom: 0; width: 1px; height: 100%; background: #D8D8E7; z-index: 1; } .applicant-details .input-box .input-with-icon .form-control { padding-left: 75px; background: #F3F3F6; } .applicant-details .input-box .input-with-icon i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; } .applicant-details .input-box textarea { padding-top: 15px; height: 194px !important; } .applicant-details .form-check { margin-bottom: 25px; margin-top: 10px; } .applicant-details .form-check .form-check-input input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #9B9BAD; background-color: #F3F3F6; } .applicant-details .form-check .form-check-input input:focus { box-shadow: unset; } .applicant-details .form-check .form-check-input input:checked[type=radio] { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/select.svg); background-size: 12px 12px; background-position: center center; } .applicant-details .form-check .wpcf7-list-item-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; white-space: nowrap; position: relative; top: -32px; margin-left: 32px; } .applicant-details .form-check .wpcf7-not-valid-tip { position: relative; top: 20px; } .applicant-details .default-btn { line-height: 0; padding: 28px 32px; } .academic-info-content { padding-top: 40px; padding-bottom: 50px; } .academic-info-content p { color: var(--paragraphColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-style: normal; font-weight: 500; } .academic-info-heading { margin-bottom: 15px; } .academic-info-heading h5 { color: var(--blackColor); font-size: var(--fontSize); font-weight: 600; } .input-bg { background: #F3F3F6; margin-bottom: 20px; padding: 10px 20px; } .input-bg .form-control { height: 60px; padding-left: 20px; font-family: var(--heading-fontFamily); border: none; font-size: 13px; border-radius: 0; background-color: var(--whiteColor); } .input-bg .form-control:focus { box-shadow: unset; } .input-bg .institution p { color: var(--paragraphColor); font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 500; padding-left: 15px; } .input-bg .institution p span { color: #C1272D; } .next-button p { display: flex; float: right; clear: both; margin-bottom: 0; } .next-button .default-btn { display: flex; } .next-button .default-btn br { display: none; } .next-button .default-btn i { top: 7px; } .next-button .default-btn.style2 { background: transparent; color: var(--primaryColor); border: solid 1px var(--primaryColor); margin-right: 10px; } .next-button .default-btn.style2 i { position: relative; left: 0; margin-right: 7px; line-height: 0; top: 7px; } .next-button .default-btn.style2:hover { color: var(--whiteColor); border-color: var(--yellowColor); } .english-proficiency-content { padding-top: 40px; } .english-proficiency-content p { color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; margin-bottom: 25px; } .english-proficiency-content .english-proficiency-list { list-style: none; padding-left: 0; margin-bottom: 0; } .english-proficiency-content .english-proficiency-list .wpcf7-list-item { display: block; position: relative; margin-bottom: 12px; } .english-proficiency-content .english-proficiency-list .wpcf7-list-item:last-child { margin-bottom: 0; } .english-proficiency-content .english-proficiency-list input { width: 20px; height: 20px; position: relative; z-index: 1; } .english-proficiency-content .english-proficiency-list .wpcf7-list-item-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; position: relative; top: -5px; } .english-proficiency-content .english-proficiency-list .form-check-input { border: unset !important; } .program-choose-content { padding-top: 50px; margin-bottom: 45px; } .program-choose-content h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; margin-bottom: 15px; } .program-choose-content p { margin-bottom: 0; padding-right: 100px; } .image-input-box { margin-bottom: 30px; z-index: 1; text-align: left; } .image-input-box:last-child { margin-bottom: 100px; } .image-input-box span { display: block; color: var(--paragraphColor); font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 500; cursor: pointer; position: relative; top: 40px; } .image-input-box .form-control { border-radius: 0; font-size: 16px; display: inline-block; } .image-input-box .form-control:focus { box-shadow: unset; } .image-input-box .form-control:focus::-moz-placeholder { color: transparent; } .image-input-box .form-control:focus::placeholder { color: transparent; } .image-input-box p { margin-bottom: 0; } .document-warp .default-btn.mt-60 { margin-top: 80px; } .document-content { padding-top: 50px; margin-bottom: 40px; } .document-content h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 15px; } .document-warp .default-btn { display: flex; } .document-warp .default-btn i { line-height: 0; position: relative; top: 8px; } .personal-info { border-top: 2px solid var(--secondaryColor); background: #F3F3F6; padding: 5px; } .personal-info .info-content-icon { padding: 10px 20px; display: flex; align-items: center; justify-content: space-between; } .personal-info .info-content-icon h5 { color: var(--blackColor); font-size: var(--fontSize); margin-bottom: 0; font-weight: 600; } .personal-info .info-content-icon a { color: rgb(82, 82, 113); font-family: var(--main-fontFamily); font-size: 14px; } .personal-info .information-list { list-style: none; padding-left: 0; margin-bottom: 0; } .personal-info .information-list li { position: relative; display: flex; padding: 10px 15px; } .personal-info .information-list li p { width: 215px; font-size: 14px; color: var(--paragraphColor); font-weight: 600; margin-bottom: 0; } .personal-info .information-list li span { font-size: 14px; width: 390px; } .personal-info .information-list li:nth-child(1) { background-color: var(--whiteColor); } .personal-info .information-list li:nth-child(3) { background-color: var(--whiteColor); } .personal-info .information-list li:nth-child(5) { background-color: var(--whiteColor); } .personal-info .information-list li:nth-child(7) { background-color: var(--whiteColor); } .personal-info .information-list li:nth-child(9) { background-color: var(--whiteColor); } .personal-info.academic-info .information-list li { padding: 13px; } .personal-info.academic-info .information-list li span { line-height: 1.9; } .submission-content { margin-bottom: 30px; margin-top: 50px; } .submission-content h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .submission-check { margin-top: 30px; } .submission-check .form-check-input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #9B9BAD; background-color: #F3F3F6; } .submission-check .form-check-input:focus { box-shadow: unset; } .submission-check .form-check-input:checked[type=radio] { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/svgs/select.svg); background-size: 12px 12px; background-position: center center; } .submission-check .form-check-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; } .not-found-content { max-width: 500px; margin: auto; } .not-found-content .image { margin-bottom: 25px; } .not-found-content h3 { margin-bottom: 20px; } .not-found-content .default-btn { margin-top: 20px; } .administration-small-widget { padding: 35px; background: #E8E9ED; margin-bottom: 15px; } .administration-small-widget h5 { font-size: 20px; font-weight: 600; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px var(--whiteColor); } .administration-small-widget .administration-item { margin-bottom: 25px; } .administration-small-widget .administration-item:last-child { margin-bottom: 0; } .administration-small-widget .administration-item span { font-weight: 600; color: #494968; display: block; margin-bottom: 8px; } .administration-small-widget .administration-item p { margin-bottom: 4px; } .administration-small-widget .administration-item p:last-child { margin-bottom: 0; } .administration-small-widget .info { color: #353688; font-size: 13px; } .administration-small { background: #353688; width: 100%; } .administration-requirements { text-align: center; text-decoration-line: underline; font-weight: 500; color: #353688; display: block; margin-top: 20px; } .administration-requirements:hover { color: var(--primaryColor); letter-spacing: 1px; } .administration-content { padding-right: 30px; } .administration-content .content-one { margin-bottom: 40px; } .administration-content .content-one h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; padding-left: 30px; position: relative; margin-bottom: 30px; border-left: solid 4px #B0C2FF; } .administration-content .content-two { margin-bottom: 40px; } .administration-content .content-two h4 { color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 22px; margin-bottom: 15px; } .administration-content .content-with-list { position: relative; padding-right: 120px; } .administration-content .content-with-list h4 { color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 22px; margin-bottom: 15px; } .administration-content .content-with-list p { margin-bottom: 20px; } .administration-content .content-with-list .content-list { list-style: none; padding-left: 0; margin-bottom: 0; } .administration-content .content-with-list .content-list li { position: relative; padding-left: 30px; margin-bottom: 12px; color: var(--blackColor); } .administration-content .content-with-list .content-list li:last-child { margin-bottom: 0; } .administration-content .content-with-list .content-list li::before { content: ""; position: absolute; top: 9px; left: 0; width: 10px; height: 10px; border-radius: 50%; background-color: #D9D9D9; } .administration-content .content-with-list .administration-shape { position: absolute; right: -20px; top: 0; } .administration-accordion .accordion-item { border: 1px solid #7B7B93; border-radius: 0; margin-bottom: 20px; } .administration-accordion .accordion-item:last-child { margin-bottom: 0; } .administration-accordion .accordion-item .accordion-button { border: none; color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 22px; font-weight: 600; background: #F4F4FC; box-shadow: unset; } .administration-accordion .accordion-item .accordion-button::after { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/caret-down.svg); } .administration-accordion .accordion-item .accordion-body { padding: 0; background: #F4F4FC; } .administration-accordion .accordion-item .semester-list { list-style: none; padding-left: 0; margin-bottom: 0; } .administration-accordion .accordion-item .semester-list li { display: flex; align-items: center; padding-top: 25px; padding-bottom: 25px; padding-left: 30px; padding-right: 50px; } .administration-accordion .accordion-item .semester-list li:first-child { padding-top: 14px; padding-bottom: 14px; background: #7B7B93; } .administration-accordion .accordion-item .semester-list li:first-child p, .administration-accordion .accordion-item .semester-list li:first-child h6, .administration-accordion .accordion-item .semester-list li:first-child span { color: #FFF; font-family: var(--heading-fontFamily); font-size: 13px; font-weight: 600; letter-spacing: 1.3px; text-decoration: none; } .administration-accordion .accordion-item .semester-list li:nth-child(3) { background-color: var(--whiteColor); } .administration-accordion .accordion-item .semester-list li:nth-child(5) { background-color: var(--whiteColor); } .administration-accordion .accordion-item .semester-list li:nth-child(7) { background-color: var(--whiteColor); } .administration-accordion .accordion-item .semester-list li h6 { margin-bottom: 0; width: 262px; line-height: 1; color: #353688; font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 500; text-decoration-line: underline; } .administration-accordion .accordion-item .semester-list li span { display: inline-block; line-height: 1; color: var(--blackColor); font-family: var(--heading-fontFamily); } .administration-accordion .accordion-item .semester-list li p { margin-bottom: 0; width: 425px; color: var(--blackColor); font-family: var(--heading-fontFamily); line-height: 1; } .administration-requirement-content { margin-bottom: 40px; } .administration-requirement-content h4 { color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 22px; font-weight: 600; margin-bottom: 12px; } .administration-requirement-content .administration-requirement-list { list-style: none; padding-left: 0; margin-bottom: 0; } .administration-requirement-content .administration-requirement-list li { position: relative; padding-left: 40px; margin-bottom: 12px; color: var(--blackColor); } .administration-requirement-content .administration-requirement-list li::before { content: ""; position: absolute; top: 9px; left: 0; height: 10px; width: 10px; background-color: #D9D9D9; border-radius: 50%; } .administration-requirement-content .administration-requirement-list li:last-child { margin-bottom: 0; } .requirement-language p a { color: #353688; font-weight: 500; text-decoration-line: underline; } .requirement-language p a:hover { color: var(--primaryColor); letter-spacing: 1px; } .administration-finance-item { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; padding-top: 30px; padding-left: 34px; padding-right: 34px; padding-bottom: 30px; border-top: 3px solid #353688; background: #F4F4FC; } .administration-finance-item:nth-child(3) { margin-bottom: 60px; } .administration-finance-item h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 0; max-width: 300px; } .administration-finance-item h1 { color: #353688; font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; } .administration-finance-content h4 { font-size: 22px; font-weight: 600; margin-bottom: 15px; } .administration-finance-content .administration-finance-list { list-style: none; padding-left: 0; margin-bottom: 35px; } .administration-finance-content .administration-finance-list li { position: relative; margin-bottom: 12px; padding-left: 40px; margin-top: 10px; color: #353688; font-family: var(--main-fontFamily); font-size: var(--fontSize); font-weight: 500; } .administration-finance-content .administration-finance-list li:last-child { margin-bottom: 0; } .administration-finance-content .administration-finance-list li::before { content: ""; position: absolute; top: 9px; left: 0; height: 10px; width: 10px; border-radius: 50%; background-color: #D9D9D9; } .administration-availability-content { border: 1px solid #7B7B93; background: #F4F4FC; } .administration-availability-content .title h4 { font-size: 22px; line-height: 1; font-weight: 600; margin-bottom: 0; padding: 25px 30px; } .administration-availability-content .availability-list { list-style: none; padding-left: 0; margin-bottom: 0; } .administration-availability-content .availability-list li { display: flex; align-items: center; padding-left: 30px; padding-right: 50px; padding-top: 25px; padding-bottom: 25px; } .administration-availability-content .availability-list li:first-child { padding-top: 14px; padding-bottom: 14px; background: #7B7B93; } .administration-availability-content .availability-list li:first-child p, .administration-availability-content .availability-list li:first-child h6, .administration-availability-content .availability-list li:first-child span { color: #FFF; font-family: var(--heading-fontFamily); font-size: 13px; font-weight: 600; letter-spacing: 1.3px; text-decoration: none; } .administration-availability-content .availability-list li:nth-child(3) { background-color: var(--whiteColor); } .administration-availability-content .availability-list li:nth-child(5) { background-color: var(--whiteColor); } .administration-availability-content .availability-list li:nth-child(7) { background-color: var(--whiteColor); } .administration-availability-content .availability-list li .content1 { width: 165px; } .administration-availability-content .availability-list li .content2 { width: 315px; } .administration-availability-content .availability-list li .content3 { width: 175px; } .administration-availability-content .availability-list li .content4 { color: #2B7258; } .administration-availability-content .availability-list li .content4.style1 { color: #C1272D; } .administration-availability-content .availability-list li h6 { margin-bottom: 0; line-height: 1; color: #353688; font-size: var(--fontSize); font-weight: 500; } .administration-availability-content .availability-list li p { line-height: 1; margin-bottom: 0; color: var(--blackColor); font-family: var(--heading-fontFamily); } .administration-availability-content .availability-list li span { line-height: 1; font-family: var(--heading-fontFamily); color: var(--blackColor); } .laptop-content { color: #494968; font-family: var(--main-fontFamily); font-size: var(--fontSize); font-weight: 600; margin-bottom: 0; margin-top: 15px; } .laptop-content i { position: relative; padding-right: 10px; font-size: 24px; top: 3px; } .main-blog-card .content { padding-top: 15px; } .main-blog-card .content .cat li { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 14px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .main-blog-card .content h3 { font-size: 22px; margin-bottom: 15px; -ms-word-wrap: break-word; word-wrap: break-word; } .main-blog-card .content h3 a { color: var(--blackColor); } .main-blog-card .content .blog-list { list-style: none; margin-bottom: 0; padding-left: 0; } .main-blog-card .content .blog-list li { display: inline-block; padding-right: 36px; color: var(--paragraphColor); position: relative; } .main-blog-card .content .blog-list li::before { content: ""; position: absolute; right: 15px; top: 7px; bottom: 0; height: var(--fontSize); width: 1px; background: #E8E8F4; } .main-blog-card .content .blog-list li:last-child { padding-right: 0; } .main-blog-card .content .blog-list li:last-child::before { display: none; } .main-blog-card .image { position: relative; overflow: hidden; } .main-blog-card .image img { transition: 0.6s; } .main-blog-card .image::before { position: absolute; top: 0; left: -100%; z-index: 2; display: block; content: ""; width: 50%; transition: 0.6s; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .main-blog-card:hover .image::before { animation: shine 0.75s; } .main-blog-card:hover .image img { transform: scale(1.1); } .main-blog-card.main { border: 1px solid #eeeeee; margin-bottom: 40px; } .main-blog-card.main .content { padding: 30px; } .main-blog-card.sticky { background-color: #f8f8f8; } .blog-title { margin-bottom: 40px; } .blog-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; padding-left: 30px; position: relative; margin-bottom: 30px; border-left: solid 4px #B0C2FF; } .all-box { background: #E8E9ED; padding: 30px 30px 30px 30px; } .all-box h2, .all-box h3, .all-box h4 { color: var(--blackColor); font-size: 20px; font-weight: 600; margin-bottom: 25px; } .all-box.widget_search { margin-bottom: 1px; } .all-box.widget_search .blog-input { height: 70px; position: relative; margin-bottom: 15px; } .all-box.widget_search .blog-input .form-control { height: 70px; background: var(--whiteColor); padding-left: 60px; border-radius: 0; font-size: 14px; border: transparent; } .all-box.widget_search .blog-input .form-control:focus { box-shadow: unset; } .all-box.widget_search .blog-input .form-control:focus::-moz-placeholder { color: transparent; } .all-box.widget_search .blog-input .form-control:focus::placeholder { color: transparent; } .all-box.widget_search .blog-input .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; color: #89899F; } .all-box.widget_search .blog-input .form-control::placeholder { transition: 0.6s; color: #89899F; } .all-box.widget_search .blog-input .search-btn { position: absolute; background: transparent; border: none; padding: 0; top: 50%; left: 20px; right: auto; transform: translateY(-50%); } .all-box.widget_search .program-list { list-style: none; padding-left: 0; margin-left: -5px; margin-bottom: 0; } .all-box.widget_search .program-list span { width: 100%; display: inline-block; } .all-box.widget_search .program-list li { padding-right: 5px; display: inline-block; margin-bottom: 0 !important; font-size: 14px !important; } .all-box.widget_search .program-list li a { font-size: 14px; color: var(--paragraphColor); text-decoration: underline; } .all-box.widget_search .program-list li a:hover { color: var(--primaryColor); } .all-box.widget_search .search-list { font-size: 14px; color: #89899F; font-weight: 500; margin-right: -10px; display: block; } .all-box.widget_categories { margin-bottom: 1px; } .all-box.widget_categories ul { list-style: none; padding-left: 0; margin-bottom: 0; } .all-box.widget_categories ul .cat-item { position: relative; padding-left: 35px !important; margin-bottom: 8px; font-family: var(--heading-fontFamily); font-weight: 500; } .all-box.widget_categories ul .cat-item a { color: var(--paragraphColor); } .all-box.widget_categories ul .cat-item:last-child { margin-bottom: 0; } .all-box.widget_categories ul .cat-item::before { content: ""; position: absolute; left: 0; top: 4px; height: 20px; width: 20px; transition: 0.6s; border: 1px solid #9B9BAD; background: #F3F3F6; } .all-box.widget_categories ul .cat-item:hover a, .all-box.widget_categories ul .cat-item.current-cat a { color: var(--primaryColor); } .all-box.widget_categories ul .cat-item:hover::before, .all-box.widget_categories ul .cat-item.current-cat::before { background-color: var(--primaryColor); border-color: var(--primaryColor); } .all-box.widget_falar_posts_thumbs { margin-bottom: 1px; } .all-box.widget_falar_posts_thumbs .blog-article-item:last-child { margin-bottom: 0; } .all-box.widget_falar_posts_thumbs .blog-article-item .cat li a { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 12px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .all-box.widget_falar_posts_thumbs .blog-article-item h3 { font-size: 18px; margin-bottom: 15px; } .all-box.widget_falar_posts_thumbs .blog-article-item h3 a { color: var(--blackColor); } .all-box.widget_falar_posts_thumbs .blog-article-item h3 a:hover { color: var(--primaryColor); } .all-box.widget_falar_posts_thumbs .blog-article-item .article-list { list-style: none; margin-bottom: 0 !important; padding-left: 0; } .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li { display: inline-block; padding-right: 36px; color: var(--paragraphColor); position: relative; margin-bottom: 0 !important; } .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li::before { content: ""; position: absolute; right: 15px; top: 7px; bottom: 0; height: var(--fontSize); width: 1px; background: #E8E8F4; } .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li:last-child { padding-right: 0; } .all-box.widget_falar_posts_thumbs .blog-article-item .article-list li:last-child::before { display: none; } .categories-widget { margin-bottom: 1px; } .categories-widget .categories-list { list-style: none; padding-left: 0; margin-bottom: 0; } .categories-widget .categories-list li { position: relative; padding-left: 35px; margin-bottom: 8px; font-family: var(--heading-fontFamily); font-weight: 500; } .categories-widget .categories-list li a { color: var(--paragraphColor); } .categories-widget .categories-list li:last-child { margin-bottom: 0; } .categories-widget .categories-list li::before { content: ""; position: absolute; left: 0; top: 4px; height: 20px; width: 20px; transition: 0.6s; border: 1px solid #9B9BAD; background: #F3F3F6; } .categories-widget .categories-list li:hover a { color: var(--primaryColor); } .categories-widget .categories-list li:hover::before { background-color: var(--primaryColor); border-color: var(--primaryColor); } .widget_tag_cloud .tagcloud a { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px !important; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .widget_tag_cloud .tagcloud a:hover { color: var(--whiteColor); background-color: var(--blackColor); } .blog-big-widget { padding-right: 15px; } .inner-pages-pagination { margin-top: 60px; } .inner-pages-pagination .pagination { justify-content: center; } .inner-pages-pagination .pagination .page-item { margin-right: 10px; } .inner-pages-pagination .pagination .page-item:last-child { margin-right: 0; } .inner-pages-pagination .pagination .page-item:last-child .page-link { background: transparent; font-size: 35px; font-weight: 300; line-height: 45px; } .inner-pages-pagination .pagination .page-item:first-child .page-link { background: transparent; opacity: 30%; font-size: 35px; font-weight: 300; line-height: 45px; } .inner-pages-pagination .pagination .page-item .page-link { border-radius: 0; width: 40px; height: 40px; padding: 0; line-height: 42px; border: none; background: #E8E8F2; color: var(--blackColor); text-align: center; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 500; transition: 0.6s; letter-spacing: 0.3px; } .inner-pages-pagination .pagination .page-item .page-link.active { background: var(--primaryColor); color: var(--whiteColor); } .inner-pages-pagination .pagination .page-item .page-link:hover { background: var(--primaryColor); opacity: 1; color: var(--whiteColor); } .inner-pages-pagination.style2 .page-numbers { border-radius: 0; width: 40px; height: 40px; padding: 0; display: inline-block; line-height: 42px; border: none; background: #E8E8F2; color: var(--blackColor); text-align: center; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 500; transition: 0.6s; letter-spacing: 0.3px; } .inner-pages-pagination.style2 .page-numbers.current { background: var(--primaryColor); color: var(--whiteColor); } .inner-pages-pagination.style2 .page-numbers.next, .inner-pages-pagination.style2 .page-numbers.prev { background: transparent; opacity: 30%; font-size: 35px; font-weight: 300; line-height: 45px; position: relative; top: 8px; } .inner-pages-pagination.style2 .page-numbers:hover { background: var(--primaryColor); opacity: 1; color: var(--whiteColor); } .inner-pages-pagination.mt-20 { margin-top: 20px; } .blog-details-big-widget .blog-title { padding-right: 100px; } .blog-image-with-content { margin-bottom: 40px; } .blog-image-with-content .blog-list { list-style: none; margin-bottom: 20px; padding-left: 0; } .blog-image-with-content .blog-list li { display: inline-block; padding-right: 36px; color: var(--paragraphColor); position: relative; } .blog-image-with-content .blog-list li .cat li a { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 12px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .blog-image-with-content .blog-list li::before { content: ""; position: absolute; right: 15px; top: 7px; bottom: 0; height: var(--fontSize); width: 1px; background: #E8E8F4; } .blog-image-with-content .blog-list li:last-child { padding-right: 0; } .blog-image-with-content .blog-list li:last-child::before { display: none; } .blog-image-with-content .image { margin-bottom: 30px; } .blog-content-one { margin-bottom: 50px; } .blog-content-one h4 { font-size: 22px; margin-bottom: 15px; } .blog-style-content { border-top: 3px solid #353688; background: #F4F4FC; padding: 30px; position: relative; margin-bottom: 50px; } .blog-style-content p { font-size: 18px; padding-left: 70px; } .blog-style-content .icon { position: absolute; } .blog-content-two { margin-bottom: 60px; } .blog-content-two h4 { font-size: 22px; margin-bottom: 15px; } .blog-content-two .image { margin-top: 20px; margin-bottom: 40px; } .slider-article-details { padding-bottom: 50px; margin-bottom: 100px; border-bottom: solid 1px #E8E9ED; } .slider-article-details .blog-article-item span { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 12px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .slider-article-details .blog-article-item h3 { font-size: 18px; margin-bottom: 15px; } .slider-article-details .blog-article-item h3 a { color: var(--blackColor); } .slider-article-details .blog-article-item h3 a:hover { color: var(--primaryColor); } .slider-article-details .blog-article-item .article-list { list-style: none; margin-bottom: 0; padding-left: 0; } .slider-article-details .blog-article-item .article-list li { display: inline-block; padding-right: 36px; color: var(--paragraphColor); position: relative; } .slider-article-details .blog-article-item .article-list li::before { content: ""; position: absolute; right: 15px; top: 7px; bottom: 0; height: var(--fontSize); width: 1px; background: #E8E8F4; } .slider-article-details .blog-article-item .article-list li:last-child { padding-right: 0; } .slider-article-details .blog-article-item .article-list li:last-child::before { display: none; } .tags-share { display: flex; align-items: center; justify-content: space-between; padding-top: 15px; padding-bottom: 15px; border-bottom: solid 1px #E8E9ED; border-top: solid 1px #E8E9ED; margin-bottom: 50px; margin-top: 50px; clear: both; } .tags-share .tags-list { list-style: none; padding-left: 0; margin-bottom: 0; } .tags-share .tags-list li { display: inline-block; padding-right: 10px; } .tags-share .tags-list li:last-child { padding-right: 0; } .tags-share .tags-list li h5 { font-size: var(--fontSize); font-weight: 600; margin-bottom: 0; } .tags-share .tags-list li a { line-height: 1; display: inline-flex; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 10px; font-size: 12px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .tags-share .tags-list li a:hover { color: var(--whiteColor); background-color: var(--blackColor); } .tags-share .share-list { position: relative; list-style: none; padding-left: 0; margin-bottom: 0; } .tags-share .share-list li { padding-right: 15px; display: inline-block; } .tags-share .share-list li:last-child { padding-right: 0; } .tags-share .share-list li h5 { font-size: var(--fontSize); font-weight: 600; margin-bottom: 0; } .tags-share .share-list li .icon img { filter: brightness(0) saturate(100%) invert(6%) sepia(23%) saturate(3988%) hue-rotate(219deg) brightness(89%) contrast(100%); } .tags-share .share-list li .icon:hover img { filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(2641%) hue-rotate(335deg) brightness(100%) contrast(98%); } .previous-next { align-items: center; justify-content: space-between; margin-bottom: 20px; } .previous-next button { background: transparent; border: none; color: var(--paragraphColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .previous-next button i { font-size: 25px; line-height: 1; position: relative; top: 6px; } .previous-next button:focus { box-shadow: unset; } .previous-next button.active { color: var(--primaryColor); } .previous-next button.previous-btn i { padding-right: 5px; } .previous-next button.next-btn i { padding-left: 5px; } .comments-widget { padding-bottom: 100px; } .comments-widget h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 5px; } .comments-widget p { color: var(--paragraphColor); } .reply-widget h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 12px; } .reply-widget .input-box { margin-bottom: 20px; } .reply-widget .input-box .form-label { font-size: 15px; font-weight: 500; margin-bottom: 5px; } .reply-widget .input-box .form-label span { color: #C1272D; } .reply-widget .input-box .form-control { height: 60px; padding-left: 20px; font-family: var(--heading-fontFamily); border: none; font-size: 13px; border-radius: 0; background-color: #F3F3F6; } .reply-widget .input-box .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; } .reply-widget .input-box .form-control::placeholder { transition: 0.6s; } .reply-widget .input-box .form-control:focus { box-shadow: unset; } .reply-widget .input-box .form-control:focus::-moz-placeholder { color: transparent; } .reply-widget .input-box .form-control:focus::placeholder { color: transparent; } .reply-widget .input-box .input-with-icon { height: 60px; position: relative; } .reply-widget .input-box .input-with-icon::before { content: ""; position: absolute; top: 0; left: 60px; bottom: 0; width: 1px; height: 100%; background: #D8D8E7; } .reply-widget .input-box .input-with-icon .form-control { padding-left: 75px; background: #F3F3F6; } .reply-widget .input-box .input-with-icon i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; } .reply-widget .input-box textarea { padding-top: 15px; height: 194px !important; } .reply-widget .form-check { margin-bottom: 20px; } .reply-widget .form-check .form-check-input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #9B9BAD; background-color: #F3F3F6; } .reply-widget .form-check .form-check-input:focus { box-shadow: unset; } .reply-widget .form-check .form-check-input:checked[type=radio] { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/svgs/select.svg); background-size: 12px 12px; background-position: center center; } .reply-widget .form-check .form-check-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; } .event-title-select { margin-bottom: 30px; } .event-title-select .event-title h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; padding-left: 30px; position: relative; margin-bottom: 0; border-left: solid 4px #B0C2FF; } .event-title-select .event-select { max-width: 356px; margin-left: auto; } .event-title-select .event-select .form-select { height: 60px; color: var(--blackColor); border-radius: 0; font-family: var(--heading-fontFamily); font-size: 14px; font-weight: 500; padding-left: 25px; background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/caret-down.svg); } .event-title-select .event-select .form-select:focus { box-shadow: unset; } .event-small-widget .facilities-item:last-child { margin-bottom: 0; } .event-big-warp .blog-title h2 { padding-right: 100px; } .event-details-content { margin-bottom: 50px; } .event-details-content h4 { font-size: 22px; font-weight: 600; margin-bottom: 15px; } .event-speaker-widget h4 { font-size: 22px; font-weight: 600; margin-bottom: 25px; } .event-details-content2 { margin-top: 50px; } .event-details-content2 h4 { font-size: 22px; font-weight: 600; margin-bottom: 15px; } .main-contact-content .input-box { margin-bottom: 20px; } .main-contact-content .input-box .form-label { font-size: 15px; font-weight: 500; margin-bottom: 5px; display: inline-block; } .main-contact-content .input-box .form-label span { color: #C1272D; display: inline-block; } .main-contact-content .input-box .form-control { height: 60px; padding-left: 20px; font-family: var(--heading-fontFamily); border: none; font-size: 13px; border-radius: 0; background-color: #F3F3F6; } .main-contact-content .input-box .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; } .main-contact-content .input-box .form-control::placeholder { transition: 0.6s; } .main-contact-content .input-box .form-control:focus { box-shadow: unset; } .main-contact-content .input-box .form-control:focus::-moz-placeholder { color: transparent; } .main-contact-content .input-box .form-control:focus::placeholder { color: transparent; } .main-contact-content .input-box p { margin-bottom: 5px; } .main-contact-content .input-box .input-with-icon { height: 60px; position: relative; } .main-contact-content .input-box .input-with-icon::before { content: ""; position: absolute; top: 0; left: 60px; bottom: 0; width: 1px; height: 100%; background: #D8D8E7; z-index: 1; } .main-contact-content .input-box .input-with-icon .form-control { padding-left: 75px; background: #F3F3F6; } .main-contact-content .input-box .input-with-icon i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; } .main-contact-content .input-box textarea { padding-top: 15px; height: 194px !important; } .main-contact-content .input-box .wpcf7-not-valid-tip { margin-top: 3px; } .main-contact-content .form-check { margin-bottom: 25px; } .main-contact-content .form-check .form-check-input input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #9B9BAD; background-color: #F3F3F6; } .main-contact-content .form-check .form-check-input input:focus { box-shadow: unset; } .main-contact-content .form-check .form-check-input input:checked[type=radio] { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/svgs/select.svg); background-size: 12px 12px; background-position: center center; } .main-contact-content .form-check .wpcf7-list-item-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; white-space: nowrap; position: relative; top: -32px; margin-left: 32px; } .main-contact-content .form-check .wpcf7-not-valid-tip { position: relative; top: 20px; } .main-contact-content .default-btn { line-height: 0; padding: 28px 32px; } .contact-small-widget { padding: 35px; background: #E8E9ED; margin-bottom: 15px; } .contact-small-widget h5 { font-size: 20px; font-weight: 600; margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px var(--whiteColor); } .contact-small-widget .contact-item { margin-bottom: 25px; } .contact-small-widget .contact-item:last-child { margin-bottom: 0; } .contact-small-widget .contact-item span { font-weight: 600; color: #494968; display: block; margin-bottom: 5px; } .contact-small-widget .contact-item p { margin-bottom: 4px; } .contact-small-widget .contact-item p:last-child { margin-bottom: 0; } .contact-small-widget .contact-item a { display: block; color: var(--paragraphColor); } .contact-small-widget .contact-item a:hover { color: var(--primaryColor); } .contact-small-widget .contact-item .social-list { position: relative; list-style: none; padding-left: 0; margin-bottom: 0; } .contact-small-widget .contact-item .social-list li { padding-right: 15px; display: inline-block; } .contact-small-widget .contact-item .social-list li:last-child { padding-right: 0; } .contact-small-widget .contact-item .social-list li .icon img { filter: brightness(0) saturate(100%) invert(6%) sepia(23%) saturate(3988%) hue-rotate(219deg) brightness(89%) contrast(100%); } .contact-small-widget .contact-item .social-list li .icon:hover img { filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(2641%) hue-rotate(335deg) brightness(100%) contrast(98%); } .academic-item-date { display: flex; align-items: center; justify-content: space-between; background: #ECF3F8; margin-bottom: 20px; padding-left: 40px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; } .academic-item-date:last-child { margin-bottom: 0; } .academic-item-date .academic-event-content { max-width: 565px; } .academic-item-date .academic-event-content span { color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; display: inline-flex; line-height: 1; padding: 5px 6px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); margin-bottom: 8px; } .academic-item-date .academic-event-content h3 { font-size: 22px; margin-bottom: 15px; } .academic-item-date .academic-event-content h3 a { color: var(--blackColor); } .academic-item-date .academic-event-content h3 a:hover { color: var(--primaryColor); } .academic-item-date .academic-event-content .academic-list { list-style: none; padding-left: 0; margin-bottom: 0; } .academic-item-date .academic-event-content .academic-list li { position: relative; display: inline-block; padding-left: 28px; padding-right: 40px; font-family: var(--main-fontFamily); font-size: 15px; } .academic-item-date .academic-event-content .academic-list li i { position: absolute; left: 0; top: 1px; font-size: 20px; } .academic-item-date .academic-event-content .academic-list li:last-child { padding-right: 0; } .academic-item-date .academic-event-content .academic-list li:first-child { color: #353688; } .academic-item-date .academic-event-content .academic-list li:first-child a { color: #353688; } .academic-item-date .date-box { padding: 40px 30px 28px 30px; width: 270px; text-align: center; background-color: var(--whiteColor); position: relative; } .academic-item-date .date-box .dot { position: relative; } .academic-item-date .date-box .dot::before { content: ""; position: absolute; top: -25px; left: 25px; right: 0; text-align: center; margin-left: auto; margin-right: auto; height: 8px; width: 8px; border-radius: 50%; background-color: #D7D7E5; } .academic-item-date .date-box .dot::after { content: ""; position: absolute; top: -25px; left: 0; right: 25px; text-align: center; margin-left: auto; margin-right: auto; height: 8px; width: 8px; border-radius: 50%; background-color: #D7D7E5; } .academic-item-date .date-box p { color: var(--paragraphColor); font-size: 15px; margin-bottom: 4px; } .academic-item-date .date-box h4 { color: #353688; text-align: center; font-family: Var(--heading-fontFamily2); font-size: 20px; font-weight: 400; margin-bottom: 1px; } .academic-item-date .date-box span { font-size: 15px; color: var(--paragraphColor); } .academic-item-date .date-box::before { content: ""; position: absolute; top: 0; bottom: 0; left: -32px; height: 100%; width: 1px; background-color: var(--whiteColor); } .inner-account-warp { max-width: 835px; } .inner-account-warp .input-box { margin-bottom: 20px; } .inner-account-warp .input-box .form-label { font-size: 15px; font-weight: 500; margin-bottom: 5px; } .inner-account-warp .input-box .form-label span { color: #C1272D; } .inner-account-warp .input-box .form-control { height: 60px; padding-left: 20px; font-family: var(--heading-fontFamily); border: none; font-size: 13px; border-radius: 0; background-color: #F3F3F6; } .inner-account-warp .input-box .form-control::-moz-placeholder { -moz-transition: 0.6s; transition: 0.6s; } .inner-account-warp .input-box .form-control::placeholder { transition: 0.6s; } .inner-account-warp .input-box .form-control:focus { box-shadow: unset; } .inner-account-warp .input-box .form-control:focus::-moz-placeholder { color: transparent; } .inner-account-warp .input-box .form-control:focus::placeholder { color: transparent; } .inner-account-warp .input-box .input-with-icon { height: 60px; position: relative; } .inner-account-warp .input-box .input-with-icon::before { content: ""; position: absolute; top: 0; left: 60px; bottom: 0; width: 1px; height: 100%; background: #D8D8E7; } .inner-account-warp .input-box .input-with-icon .form-control { padding-left: 75px; background: #F3F3F6; } .inner-account-warp .input-box .input-with-icon i { position: absolute; left: 20px; top: 50%; transform: translateY(-50%); font-size: 20px; } .inner-account-warp .input-box textarea { padding-top: 15px; height: 194px !important; } .inner-account-warp .form-check { margin-bottom: 20px; } .inner-account-warp .form-check .form-check-input { width: 20px; height: 20px; border-radius: 0; border: 1px solid #9B9BAD; background-color: #F3F3F6; } .inner-account-warp .form-check .form-check-input:focus { box-shadow: unset; } .inner-account-warp .form-check .form-check-input:checked[type=radio] { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/svgs/select.svg); background-size: 12px 12px; background-position: center center; } .inner-account-warp .form-check .form-check-label { font-weight: 500; color: var(--paragraphColor); font-family: var(--heading-fontFamily); margin-left: 15px; } .inner-account-warp p { margin-top: 20px; } .inner-account-warp p a { color: #353688; font-weight: 600; text-decoration-line: underline; } .inner-login-widget { max-width: 410px; } .article-item { display: flex; align-items: center; margin-bottom: 42px; } .article-item:nth-child(3) { margin-bottom: 20px; } .article-item .image { width: 100px; height: 145px; } .article-item .content { margin-left: 20px; } .article-item .content .title { padding: 5px 6px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-block; margin-bottom: 10px; } .article-item .content h3 { font-size: 18px; margin-bottom: 12px; padding-right: 30px; } .article-item .content h3 a { color: var(--blackColor); } .article-item .content .news-link { display: block; color: var(--primaryColor); font-weight: 600; font-family: var(--heading-fontFamily); } .article-item .content .news-link i { position: relative; left: 2px; top: 4px; font-size: 20px; } .article-item .content .news-link span { position: relative; } .article-item .content .news-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 100%; transition: 0.6s; background-color: var(--primaryColor); } .article-item.style2 { margin-left: 20px; } .article-item:nth-child(2) { margin-bottom: 0; } .article-item:nth-child(5) { margin-bottom: 0; } .article-card .content { padding-top: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 25px; background-color: var(--whiteColor); } .article-card .content .title { padding: 5px 6px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-block; margin-bottom: 10px; } .article-card .content h3 { font-size: 22px; margin-bottom: 8px; } .article-card .content h3 a { color: var(--blackColor); } .article-card .image { overflow: hidden; } .article-card .image img { transition: 0.6s; } .article-card:hover .image img { transform: scale(1.1); } .international-list-widget { background: #E8E9ED; padding: 5px 0; } .international-list-widget .international-list { list-style: none; padding-left: 0; margin-bottom: 0; } .international-list-widget .international-list a { display: flex; align-items: center; justify-content: space-between; padding: 25px; font-weight: 600; font-size: 18px; transition: 0.6s; border-bottom: solid 1px var(--whiteColor); line-height: 1; color: var(--blackColor); } .international-list-widget .international-list a:last-child { border: none; } .international-list-widget .international-list a i { line-height: 1; position: relative; left: 0; } .international-list-widget .international-list a:hover { letter-spacing: 1px; color: var(--primaryColor); } .international-list-widget .international-list a:hover i { opacity: 1; left: 0; } .international-content { padding-right: 40px; } .international-content .survey-result h4 { font-size: 22px; margin-bottom: 20px; font-weight: 600; } .international-content .survey-result a { color: var(--primaryColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .international-content .survey-result a i { position: relative; left: 5px; top: 4px; font-size: 22px; } .international-support-image { padding-right: 172px; position: relative; } .international-support-image .small-image { position: absolute; bottom: 100px; right: 38px; width: 236px; height: 156px; } .international-support-image .small-image .information { width: 204px; height: 204px; } .international-support-image .round-shape { width: 192.2px; height: 192.249px; text-align: center; position: absolute; top: 50px; right: 69px; line-height: 192px; } .international-support-image .round-shape .text-shape { position: absolute; left: 0; top: 0; animation: rotateme 9s linear infinite; } .international-support-content h2 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; } .international-support-content .info-button { margin-bottom: 25px; } .international-support-content .info-button .style2 { background: var(--secondaryColor); margin-left: 15px; } .international-support-content .international-info { margin-top: 30px; } .international-support-content .international-info .item-one h4 { font-size: 22px; font-weight: 600; margin-bottom: 10px; } .international-support-content .international-info .item-one p { font-weight: 600; color: #353688; font-family: var(--heading-fontFamily); font-size: 18px; margin-bottom: 10px; } .international-support-content .international-info .item-one p a { font-weight: 700; color: #353688; } .international-support-content .international-info .item-one span { display: block; } .international-support-content .international-info .item-two h4 { font-size: 22px; font-weight: 600; margin-bottom: 10px; } .student-accessibility-content .blog-title h2 { padding-right: 100px; } .student-accessibility-content .accessibility-list { list-style: none; padding-left: 0; margin-bottom: 0; } .student-accessibility-content .accessibility-list li { padding-left: 30px; position: relative; margin-bottom: 5px; } .student-accessibility-content .accessibility-list li:last-child { margin-bottom: 0; } .student-accessibility-content .accessibility-list li::before { content: ""; position: absolute; top: 11px; left: var(--fontSize); height: 5px; width: 5px; border-radius: 50%; background-color: #171717; } .accessibility-content2 h4 { font-size: 22px; font-weight: 600; margin-bottom: 12px; } .accessibility-content2 p span { color: var(--paragraphColor); font-weight: 600; } .accessibility-content2 .accessibility-contact-list { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 20px; } .accessibility-content2 .accessibility-contact-list li { position: relative; color: var(--paragraphColor); font-size: var(--fontSize); font-weight: 700; margin-bottom: 8px; } .accessibility-content2 .accessibility-contact-list li:last-child { margin-bottom: 0; } .accessibility-content2 .accessibility-contact-list li a { font-weight: 400; color: var(--paragraphColor); } .accessibility-content2 .accessibility-contact-list li span { font-weight: 400; } .accessibility-accordion-warp { margin-top: 45px; } .accessibility-accordion-warp h4 { font-size: 22px; font-weight: 600; margin-bottom: 20px; } .accessibility-accordion-warp .accessibility-accordion .accordion-item { border-left: none; border-right: none; border-radius: 0; padding-top: 20px; padding-bottom: 20px; } .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-button { background-color: transparent; box-shadow: unset; border: none; color: var(--paragraphColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; font-weight: 500; } .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-button::after { content: "שּׁ"; font-family: "tabler-icons" !important; background-image: none; font-size: 22px; } .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body { border-top: solid 1px #E8E9ED; margin-top: 20px; padding-left: 0; padding-bottom: 0; padding-top: 15px; } .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body p { color: var(--paragraphColor); font-family: var(--main-fontFamily); font-size: var(--fontSize); } .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body p a { color: var(--paragraphColor); font-weight: 700; text-decoration: underline; } .accessibility-accordion-warp .accessibility-accordion .accordion-item .accordion-body p a:hover { color: var(--primaryColor); } .accessibility-link-widget { background: #E8E9ED; padding: 5px 0; } .accessibility-link-widget .accessibility-link-list { list-style: none; padding-left: 0; margin-bottom: 0; } .accessibility-link-widget .accessibility-link-list a { color: var(--blackColor); font-family: var(--heading-fontFamily); font-size: 18px; line-height: 1; font-weight: 600; display: flex; align-items: center; justify-content: space-between; padding: 24px 25px; border-bottom: solid 1px var(--whiteColor); } .accessibility-link-widget .accessibility-link-list a.active { color: #353688; } .accessibility-link-widget .accessibility-link-list a .icon { font-size: 20px; line-height: 1; } .accessibility-link-widget .accessibility-link-list a .icon i { line-height: 1; } .accessibility-link-widget .accessibility-link-list a:last-child { border: none; } .accessibility-link-widget .accessibility-link-list a:hover { color: #353688; letter-spacing: 1px; } .accessibility-link-widget h5 { padding: 25px; color: var(--blackColor); font-size: 18px; margin-bottom: 0; border-bottom: solid 1px var(--whiteColor); } .book-store-content .blog-title h2 { max-width: 680px; } .book-store-content .online-list-widget h4 { font-size: 22px; font-weight: 600; margin-bottom: 20px; } .book-store-content .online-list-widget .online-list { list-style: none; padding-left: 0; margin-bottom: 0; } .book-store-content .online-list-widget .online-list li { position: relative; margin-bottom: 10px; font-family: var(--main-fontFamily); font-size: var(--fontSize); font-weight: 600; } .book-store-content .online-list-widget .online-list li:last-child { margin-bottom: 0; } .book-store-content .online-list-widget .online-list li a { color: #353688; } .book-store-content .online-list-widget .online-list li a:hover { color: var(--primaryColor); } .information-teach-content-widget h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .information-teach-content-widget .content1 { margin-bottom: 45px; } .information-teach-content-widget .content1 h5 { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .information-teach-content-widget .content2 h5 { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .information-teach-content-widget .content2 .accessibility-contact-list { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 20px; } .information-teach-content-widget .content2 .accessibility-contact-list li { position: relative; color: var(--paragraphColor); font-size: var(--fontSize); font-weight: 700; margin-bottom: 8px; } .information-teach-content-widget .content2 .accessibility-contact-list li:last-child { margin-bottom: 0; } .information-teach-content-widget .content2 .accessibility-contact-list li a { font-weight: 400; color: var(--paragraphColor); } .information-teach-content-widget .content2 .accessibility-contact-list li span { font-weight: 400; } .parking-locker-content .blog-title { margin-bottom: 85px; } .parking-locker-content .parking-location-widget h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 30px; } .parking-locker-content .parking-location-widget .parking-item { margin-bottom: 30px; } .parking-locker-content .parking-location-widget .parking-item h5 { font-size: 20px; font-weight: 600; margin-bottom: 14px; } .parking-locker-content .parking-location-widget .parking-item .parking-item-list { list-style: none; padding-left: 0; margin-bottom: 0; } .parking-locker-content .parking-location-widget .parking-item .parking-item-list li { position: relative; margin-bottom: 2px; } .parking-locker-content .parking-location-widget .parking-item .parking-item-list li:last-child { margin-bottom: 0; } .parking-locker-content .parking-location-widget .parking-item .parking-item-list li a { font-weight: 500; color: #353688; } .parking-locker-content .parking-notice { margin-top: 55px; } .parking-locker-content .parking-notice h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .parking-locker-content .parking-notice .parking-notice-list { list-style: none; padding-left: 0; margin-bottom: 0; } .parking-locker-content .parking-notice .parking-notice-list li { margin-bottom: 15px; } .parking-locker-content .parking-notice .parking-notice-list li:last-child { margin-bottom: 0; } .parking-locker-content .parking-notice .parking-notice-list li span { color: var(--paragraphColor); font-weight: 700; } .residence-content-widget { padding-right: 35px; } .residence-content-widget .image { margin-bottom: 35px; } .residence-content-widget .residence-button { margin-top: 30px; display: flex; align-items: center; } .residence-content-widget .residence-button .default-btn { background: #353688; padding-left: 105px; padding-right: 105px; } .residence-content-widget .residence-button .residence-link { margin-left: 40px; color: #353688; font-family: var(--heading-fontFamily); font-weight: 500; text-decoration: underline; } .career-service-content { padding-right: 35px; } .career-service-content .blog-title .image { margin-top: 25px; } .career-service-content .career-service-support h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 25px; } .career-service-content .career-service-support .career-service-item { margin-bottom: 45px; } .career-service-content .career-service-support .career-service-item h4 { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .career-service-content .career-service-content h4 { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .career-service-content .career-service-content .accessibility-contact-list { list-style: none; padding-left: 0; margin-bottom: 0; } .career-service-content .career-service-content .accessibility-contact-list li { position: relative; color: var(--paragraphColor); font-size: var(--fontSize); font-weight: 700; margin-bottom: 8px; } .career-service-content .career-service-content .accessibility-contact-list li:last-child { margin-bottom: 0; } .career-service-content .career-service-content .accessibility-contact-list li a { font-weight: 400; color: var(--paragraphColor); } .career-service-content .career-service-content .accessibility-contact-list li span { font-weight: 400; } .health-service-content { padding-right: 30px; } .health-service-content .health-service-location-widget h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 30px; } .health-service-content .health-service-location-widget .health-service-item { margin-bottom: 45px; } .health-service-content .health-service-location-widget .health-service-item h5 { font-size: 20px; font-weight: 600; margin-bottom: 14px; } .health-service-content .health-service-location-widget .health-service-item .parking-item-list { list-style: none; padding-left: 0; margin-bottom: 0; } .health-service-content .health-service-location-widget .health-service-item .parking-item-list li { position: relative; margin-bottom: 2px; } .health-service-content .health-service-location-widget .health-service-item .parking-item-list li:last-child { margin-bottom: 0; } .health-service-content .health-service-location-widget .health-service-item .parking-item-list li a { font-weight: 500; color: #353688; } .health-service-appointment { margin-bottom: 45px; } .health-service-appointment h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .health-service-contact h4 { font-size: 22px; font-weight: 600; margin-bottom: 12px; } .health-service-contact p span { color: var(--paragraphColor); font-weight: 600; } .health-service-contact .health-service-contact-list { list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 20px; } .health-service-contact .health-service-contact-list li { position: relative; color: var(--paragraphColor); font-size: var(--fontSize); font-weight: 700; margin-bottom: 8px; } .health-service-contact .health-service-contact-list li:last-child { margin-bottom: 0; } .health-service-contact .health-service-contact-list li a { font-weight: 400; color: var(--paragraphColor); } .health-service-contact .health-service-contact-list li a:hover { color: var(--primaryColor); } .health-service-contact .health-service-contact-list li span { font-weight: 400; } .tutoring-center-content { padding-right: 30px; } .tutoring-center-content .blog-title { margin-bottom: 50px; } .tutoring-problems-content h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .tutoring-problems-content .tutoring-item { margin-bottom: 45px; } .tutoring-problems-content .tutoring-item:last-child { margin-bottom: 0; } .tutoring-problems-content .tutoring-item h5 { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .experimental-learning-content { padding-right: 35px; } .experimental-learning-content .blog-title h2 { max-width: 660px; } .experimental-learning-content .image { margin-top: 25px; } .experimental-learning-content .experimental-question { padding-bottom: 45px; } .experimental-learning-content .experimental-question h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 20px; } .experimental-learning-content .experimental-example { padding-bottom: 45px; } .experimental-learning-content .experimental-example h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 25px; } .experimental-learning-content .experimental-example .examples-list { list-style: none; padding-left: 0; margin-bottom: 0; } .experimental-learning-content .experimental-example .examples-list li { padding-left: 30px; position: relative; margin-bottom: 5px; } .experimental-learning-content .experimental-example .examples-list li:last-child { margin-bottom: 0; } .experimental-learning-content .experimental-example .examples-list li::before { content: ""; position: absolute; top: 11px; left: var(--fontSize); height: 5px; width: 5px; border-radius: 50%; background-color: #171717; } .experimental-learning-content .experimental-answer h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 25px; } .experimental-learning-content .experimental-answer .answer-list { list-style: none; padding-left: 0; margin-bottom: 0; } .experimental-learning-content .experimental-answer .answer-list li { padding-left: 30px; position: relative; margin-bottom: 5px; } .experimental-learning-content .experimental-answer .answer-list li:last-child { margin-bottom: 0; } .experimental-learning-content .experimental-answer .answer-list li::before { content: ""; position: absolute; top: 11px; left: var(--fontSize); height: 5px; width: 5px; border-radius: 50%; background-color: #171717; } .inner-athletic-warp { max-width: 1080px; margin-left: auto; margin-right: auto; } .inner-athletic-warp .athletic-image { margin-bottom: 30px; } .positive-section { margin-bottom: 50px; } .positive-section .blog-title { margin-bottom: 0; } .positive-section .blog-title h2 { margin-bottom: 0; padding-right: 110px; } .positive-image { margin-right: -180px; position: relative; z-index: 2; } .positive-image-style2 { margin-left: -45px; position: relative; z-index: 1; } .positive-image-style2 .jobs-logo { margin-left: 252px; margin-bottom: 30px; position: relative; top: -var(--fontSize); opacity: 30%; } .open-role-card { padding-bottom: 30px; } .open-role-card .event-list { margin-bottom: 20px; } .open-role-card .default-btn { background: #353688; } .open-roles-jobs-warp .inner-pages-pagination { margin-top: 40px; } .inner-job-widget { max-width: 750px; margin-left: auto; margin-right: auto; } .inner-job-details { max-width: 1010px; margin-left: auto; margin-right: auto; background: #ECF3F8; padding-top: 60px; padding-bottom: 75px; } .job-details-button-content { margin-top: 50px; } .job-details-button-content p { margin-bottom: 35px; } .job-details-button-content .default-btn { background: #353688; } .job-benefits h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 15px; } .job-benefits .benefits-list { list-style: none; padding-left: 0; margin-bottom: 0; } .job-benefits .benefits-list li { margin-bottom: 10px; position: relative; display: inline-block; padding-left: 40px; padding-right: 30px; padding-top: 8px; padding-bottom: 8px; background-color: var(--whiteColor); } .job-benefits .benefits-list li i { position: absolute; left: 12px; font-size: 24px; color: #5754FF; } .job-benefits .benefits-list li:last-child { margin-bottom: 0; } .job-description { margin-bottom: 60px; } .job-description .description-list { list-style: none; margin-bottom: 40px; padding-left: 0; } .job-description .description-list li { display: inline-block; margin-right: 8px; padding: 5px 6px; background: #FFF; box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); color: var(--secondaryColor); font-family: var(--heading-fontFamily); font-size: 12px; line-height: 1; display: inline-block; margin-bottom: 10px; } .job-description .description-list li:last-child { margin-right: 0; } .job-description .description-list li .bold { font-size: 12px; font-weight: 700; } .job-description h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; } .job-responsibilities { margin-bottom: 50px; } .job-responsibilities h3 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; padding-bottom: 15px; } .job-responsibilities .responsibilities-list { list-style: none; padding-left: 0; margin-bottom: 0; } .job-responsibilities .responsibilities-list.style2 li i { color: #EC764B; } .job-responsibilities .responsibilities-list li { position: relative; padding-left: 38px; margin-bottom: 10px; } .job-responsibilities .responsibilities-list li:last-child { margin-bottom: 0; } .job-responsibilities .responsibilities-list li i { position: absolute; left: 0; top: -1px; font-size: 30px; color: var(--secondaryColor); } .transfer-credit-card .content { padding-top: 20px; } .transfer-credit-card .content h3 { font-size: 22px; margin-bottom: 15px; } .transfer-credit-card .content h3 a { color: var(--blackColor); } .transfer-credit-card .content h3 a:hover { color: var(--primaryColor); } .transfer-credit-card .content p { margin-bottom: 20px; } .transfer-credit-card .content .apply-link { color: var(--primaryColor); font-family: var(--heading-fontFamily); font-size: var(--fontSize); font-weight: 600; } .transfer-credit-card .content .apply-link i { position: relative; left: 4px; line-height: 1; font-size: 18px; top: 3px; } .transfer-credit-card .content .apply-link span { text-decoration-line: underline; } .transfer-credit-card .image { position: relative; overflow: hidden; } .transfer-credit-card .image img { transition: 0.6s; } .transfer-credit-card .image::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ""; width: 50%; transition: 0.6s; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); transform: skewX(-25deg); } .transfer-credit-card:hover .image::before { animation: shine 0.75s; } .transfer-credit-card:hover .image img { transform: scale(1.1); } .tuition-content-widget { padding-right: 35px; } .tuition-content-widget .full-time-tuition { padding-top: 50px; border-top: solid 1px #E8E9ED; margin-bottom: 50px; } .tuition-content-widget .full-time-tuition h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 15px; } .tuition-content-widget .full-time-tuition .tuition-fees { margin-top: 50px; } .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list { list-style: none; padding-left: 0; margin-bottom: 0; } .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list li { position: relative; margin-bottom: 12px; } .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list li span { font-weight: 600; color: var(--paragraphColor); } .tuition-content-widget .full-time-tuition .tuition-fees .tuition-fees-list li:last-child { margin-bottom: 0; } .tuition-content-widget .international-students { padding-bottom: 50px; border-bottom: solid 1px #E8E9ED; margin-bottom: 50px; } .tuition-content-widget .international-students h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 15px; } .tuition-content-widget .tuition-awards { margin-bottom: 50px; } .tuition-content-widget .tuition-awards:last-child { margin-bottom: 0; } .tuition-content-widget .tuition-awards h4 { color: var(--blackColor); font-family: Var(--heading-fontFamily2); font-size: 22px; font-weight: 400; letter-spacing: 0.88px; margin-bottom: 15px; } .privacy-policy-content h3 { font-size: 40px; margin-bottom: 12px; } .privacy-policy-content .main-content { margin-bottom: 40px; margin-top: 40px; } .privacy-policy-content .content { margin-bottom: 40px; } .privacy-policy-content h5 { font-size: var(--fontSize); font-weight: 600; margin-bottom: 10px; } .privacy-policy-content h5 span { color: var(--primaryColor); } .privacy-policy-content h4 { font-size: 18px; margin-bottom: 10px; } .privacy-policy-content .privacy-list { list-style: none; padding-left: 0; margin-bottom: 0; } .privacy-policy-content .privacy-list li { position: relative; padding-left: 25px; margin-bottom: 8px; } .privacy-policy-content .privacy-list li:last-child { margin-bottom: 0; } .privacy-policy-content .privacy-list li::before { content: ""; position: absolute; left: 0; top: 10px; width: 10px; height: 10px; background-color: var(--primaryColor); border-radius: 50%; } .join-luva-box { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 40px 30px; margin-bottom: 50px; } .join-luva-box .default-btn { margin-top: 190px; } .join-luva-box p { width: 170px; } .directory-widget { margin-bottom: 50px; padding-left: 30px; } .directory-widget h3 { font-size: 22px; margin-bottom: 20px; } .directory-widget .directory-list { list-style: none; padding-left: 0; margin-bottom: 0; } .directory-widget .directory-list li { margin-bottom: 8px; } .directory-widget .directory-list li:last-child { margin-bottom: 0; } .directory-widget .directory-list li a { font-weight: 500; color: var(--blackColor); } .latest-side-news h3 { font-size: 22px; margin-bottom: 20px; } .latest-side-news .blog-article-item { padding: 15px 30px 42px 25px; background: #E8E9ED; } .latest-side-news .blog-article-item .cat a { line-height: 1; display: inline-block; padding: 5px 6px; color: var(--secondaryColor); font-family: var(--heading-fontFamily); margin-bottom: 12px; font-size: 14px; font-weight: 500; background: var(--whiteColor); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .latest-side-news .blog-article-item h3 { font-size: 17px; margin-bottom: 10px; } .latest-side-news .blog-article-item h3 a { color: var(--blackColor); } .latest-side-news .blog-article-item h3 a:hover { color: var(--primaryColor); } .latest-side-news .blog-article-item .article-list { list-style: none; margin-bottom: 0; padding-left: 0; } .latest-side-news .blog-article-item .article-list li { display: inline-block; padding-right: 28px; color: var(--paragraphColor); font-size: 14px; } .latest-side-news .blog-article-item .article-list li::before { content: ""; position: absolute; right: 15px; top: 7px; bottom: 0; height: var(--fontSize); width: 1px; background: #E8E8F4; } .latest-side-news .blog-article-item .article-list li:last-child { padding-right: 0; } .latest-side-news .blog-article-item .article-list li:last-child::before { display: none; } .slide-bar-offcanvas { width: auto !important; } .slide-bar-offcanvas .offcanvas-body { width: 460px; padding: 60px 40px 40px 40px; } .slide-bar-offcanvas .btn-close { position: absolute; top: 20px; color: #000000; opacity: 1; right: 40px; } .slide-bar-offcanvas .btn-close:focus { outline: 0; box-shadow: unset; } .personal-information-warp .wpcf7 form .wpcf7-response-output { width: 80%; } @keyframes shine { 100% { left: 125%; } } .reveal2 { position: relative; transform: translateY(0); transition: all 0.6s ease; overflow: hidden; } .reveal2::after { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 2; background: var(--whiteColor); transition: 0.9s; border-radius: 0; } .reveal2.active { transform: translateY(0); opacity: 1; } .reveal2.active::after { width: 0; } .reveal3 { position: relative; transform: translateY(0); transition: all 0.9s ease; overflow: hidden; } .reveal3::after { content: ""; position: absolute; top: 0; right: 0; height: 100%; width: 100%; z-index: 2; background: var(--whiteColor); transition: 0.9s; border-radius: 0; } .reveal3.active { transform: translateY(0); opacity: 1; } .reveal3.active::after { width: 0; } @keyframes focus-in-expand { 0% { letter-spacing: -0.5em; filter: blur(12px); opacity: 0; } 100% { filter: blur(0); opacity: 1; } } @keyframes simple-square-to-circle { 100% { border-radius: 50%; } } @keyframes simple-rotate { 100% { transform: rotate(360deg); } } @keyframes simple-scale { 100% { transform: scale(1.5); } } @keyframes simple-move { 100% { transform: translate(50px, 0); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } @keyframes movebounce { 0% { transform: translateY(0px); } 50% { transform: translateY(50px); } 100% { transform: translateY(0px); } } @keyframes moveleftbounce { 0% { transform: translateX(100px); } 50% { transform: translateX(300px); } 100% { transform: translateX(100px); } } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes rotate3d { 0% { transform: rotateY(0deg); } 100% { transform: rotateY(360deg); } } @keyframes ripple { 0% { transform: scale(1); } 75% { transform: scale(1.5); opacity: 0.6; } 100% { transform: scale(2); opacity: 0; } } .rotateme { animation-name: rotateme; animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .preloader-area { top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: #EAF5F4; } .preloader-area .loader { left: 0; right: 0; top: 48%; position: absolute; transform: translateY(-48%); } .preloader-area .loader .waviy span { animation: flip 2s infinite; color: var(--titleColor); display: inline-block; animation-delay: 0.2s; font-size: 45px; font-weight: 800; } .preloader-area .loader .waviy span:nth-child(2) { animation-delay: 0.2s; } .preloader-area .loader .waviy span:nth-child(3) { animation-delay: 0.4s; } .preloader-area .loader .waviy span:nth-child(4) { animation-delay: 0.6s; } .preloader-area .loader .waviy span:nth-child(5) { animation-delay: 0.8s; } .preloader-area.preloader-img { position: relative; } .preloader-area.preloader-img .pre-image { position: absolute; left: 48%; top: 47%; } @keyframes flip { 0%, 80% { transform: rotateY(360deg); } } .preloader { width: 100%; height: 100%; position: fixed; background-color: #EAF5F4; top: 0; left: 0; z-index: 99999; } .preloader .lds-ripple { position: absolute; width: 80px; height: 80px; animation: spin-six 2.5s infinite cubic-bezier(0.17, 0.72, 0.55, 1.66); left: 50%; top: 50%; transform: translate(-40px, -50px); } .preloader .preloader-container { width: 80px; height: 80px; } .preloader .petal { position: absolute; width: 30%; height: 50%; bottom: 50%; left: 50%; transform-origin: bottom center; border-radius: 50%; z-index: 2; } .preloader .petal::before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0%; left: 0%; transform-origin: bottom center; border-radius: 50%; background: var(--secondaryColor); z-index: 2; animation: opacity-nine 0.8s infinite linear; opacity: 1; border-left: 1px solid var(--primaryColor); } .preloader .petal:nth-of-type(6) { transform: translate(-50%, 0%) rotate(225deg); } .preloader .petal:nth-of-type(6)::before { background-color: transparent; animation-delay: 0.5s; } .preloader .petal:nth-of-type(7) { transform: translate(-50%, 0%) rotate(270deg); } .preloader .petal:nth-of-type(7)::before { background-color: transparent; animation-delay: 0.6s; } .preloader .petal:nth-of-type(8) { transform: translate(-50%, 0%) rotate(315deg); } .preloader .petal:nth-of-type(8)::before { background-color: transparent; animation-delay: 0.7s; } .preloader .petal:nth-of-type(1) { transform: translate(-50%, 0%); } .preloader .petal:nth-of-type(1)::before { animation-delay: 0s; } .preloader .petal:nth-of-type(2) { transform: translate(-50%, 0%) rotate(45deg); } .preloader .petal:nth-of-type(2)::before { animation-delay: 0.1s; } .preloader .petal:nth-of-type(3) { transform: translate(-50%, 0%) rotate(90deg); } .preloader .petal:nth-of-type(3)::before { animation-delay: 0.2s; } .preloader .petal:nth-of-type(4) { transform: translate(-50%, 0%) rotate(135deg); } .preloader .petal:nth-of-type(4)::before { animation-delay: 0.3s; } .preloader .petal:nth-of-type(5) { transform: translate(-50%, 0%) rotate(180deg); } .preloader .petal:nth-of-type(5)::before { animation-delay: 0.4s; } .preloader .petal-1 { position: absolute; width: 30%; height: 50%; bottom: 50%; left: 50%; transform-origin: bottom center; border-radius: 50%; z-index: -1; } .preloader .petal-1::before { position: absolute; content: ""; width: 100%; height: 100%; bottom: 0%; left: 0%; transform-origin: bottom center; border-radius: 50%; background: var(--secondaryColor); z-index: 2; animation: opacity-nine 0.8s infinite linear; opacity: 1; } .preloader .petal-1:nth-of-type(9) { transform: translate(-50%, 0%) rotate(225deg); } .preloader .petal-1:nth-of-type(9)::before { animation-delay: 0.5s; } .preloader .petal-1:nth-of-type(10) { transform: translate(-50%, 0%) rotate(270deg); } .preloader .petal-1:nth-of-type(10)::before { animation-delay: 0.6s; } .preloader .petal-1:nth-of-type(11) { transform: translate(-50%, 0%) rotate(315deg); } .preloader .petal-1:nth-of-type(11)::before { animation-delay: 0.7s; } .preloader .ball { position: absolute; width: 28%; height: 28%; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; border: 1px solid var(--whiteColor); background: var(--secondaryColor); z-index: 3; } .preloader.preloader-deactivate { visibility: hidden; } .preloader .text-center { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; font-size: 60px; color: var(--secondaryColor); line-height: 1; } .home4-header .social-list { margin-left: 330px; padding-right: 35px; } .home4-header .social-list::before { display: none; } .home4-header .social-list::after { content: ""; position: absolute; right: 0; top: 8px; height: 16px; width: 1px; background-color: #B3B3D6; } .home4-header .social-list li img { filter: brightness(0) saturate(100%) invert(12%) sepia(26%) saturate(3187%) hue-rotate(222deg) brightness(94%) contrast(107%); } .home4-header .header-contact { padding-left: 35px; } .home4-navbar { position: relative; } .home4-navbar::before { content: ""; position: absolute; top: -51px; left: 0; bottom: 0; width: 372px; height: 149px; z-index: -1; background: #7768E5; } .home4-navbar .navbar-nav { margin-left: 143px; } .home4-navbar .navbar-nav .nav-item { margin-left: 17px; margin-right: 17px; } .home4-navbar .navbar-nav .nav-item .nav-link { font-size: 14px; } .home4-navbar .navbar-logo { position: relative; top: -28px; } .home4-navbar.sticky .navbar-logo { top: 0; } .home4-navbar .others-option .option-item .input-search { position: relative; } .home4-navbar .others-option .option-item .input-search .form-control { width: 262px; border: none; padding-left: 0; border-radius: 0; color: #89899F; font-size: 14px; font-weight: 500; letter-spacing: -0.42px; border-bottom: solid 1px #E7E7F4; } .home4-navbar .others-option .option-item .input-search .form-control:focus { box-shadow: unset; } .home4-navbar .others-option .option-item .input-search .form-control:focus::-moz-placeholder { color: transparent; } .home4-navbar .others-option .option-item .input-search .form-control:focus::placeholder { color: transparent; } .home4-navbar .others-option .option-item .input-search .form-control::-moz-placeholder { color: #89899F; -moz-transition: 0.6s; transition: 0.6s; } .home4-navbar .others-option .option-item .input-search .form-control::placeholder { color: #89899F; transition: 0.6s; } .home4-navbar .others-option .option-item .input-search .form-search-btn { position: absolute; right: 0; top: 0; background-color: transparent; border: none; } .home4-navbar .responsive-logo { display: none; } .home-four-hero-area { position: relative; padding-top: 174px; padding-bottom: 175px; background: #1B164D; background-position: center right; background-repeat: no-repeat; background-size: 960px 100%; } .home-four-hero-area .hero-text { position: absolute; top: 0; left: 43%; } .home-four-hero-area .view-link { position: absolute; right: 0; bottom: 25px; font-weight: 500; padding: 25px 40px; } .home-four-hero-area .view-link span { text-decoration: underline; } .home-four-content { max-width: 765px; } .home-four-content .title { color: #F8CA4D; font-family: var(--heading-fontFamily); font-size: 15px; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 5px; } .home-four-content h1 { color: #FFF; font-family: var(--heading-fontFamily2); font-size: 60px; font-weight: 400; line-height: 75px; letter-spacing: 2.4px; margin-bottom: 20px; } .home-four-content p { color: #C5C5CF; margin-bottom: 40px; max-width: 640px; } .home-four-content .default-btn.style2 { background-color: transparent; border: 1px solid #F8CA4D; color: #F8CA4D; margin-left: 10px; } .home-four-content .default-btn.style2:hover { color: var(--bs-white); } .four-about-heading { margin-bottom: 40px; } .four-about-heading .title { font-family: var(--heading-fontFamily); color: #7768E5; font-size: 15px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: block; } .four-about-heading h3 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; letter-spacing: 1.28px; margin-bottom: 0; max-width: 895px; } .four-about-content { padding-left: 30px; position: relative; } .four-about-content p { color: #525271; margin-bottom: 26px; } .four-about-content .abot-item { margin-bottom: 20px; max-width: 200px; } .four-about-content .abot-item.style2 { margin-left: 190px; } .four-about-content .abot-item:last-child { margin-bottom: 0; } .four-about-content .abot-item .icon-content { display: flex; align-items: end; margin-bottom: 20px; } .four-about-content .abot-item .icon-content .about-icon { flex-shrink: 0; } .four-about-content .abot-item .icon-content h4 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 40px; letter-spacing: 1.6px; margin-left: 20px; margin-bottom: 0; line-height: 1; } .four-about-content .abot-item h6 { color: #525271; font-family: var(--main-fontFamily); font-weight: 400; font-size: 14px; letter-spacing: 1.4px; line-height: 1.8; text-transform: uppercase; margin-bottom: 0; } .four-about-content .round-shape { width: 163.766px; height: 163.843px; text-align: center; position: absolute; bottom: -136px; left: 20px; line-height: 163px; } .four-about-content .round-shape .text-shape { position: absolute; left: 0; top: 0; animation: rotateme 9s linear infinite; } .program-content .title { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; display: block; margin-bottom: 5px; letter-spacing: 1.5px; } .popular-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 35px; } .popular-heading .title { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; } .popular-heading h3 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; max-width: 636px; } .four-popular-widget .content { padding-top: 20px; } .four-popular-widget .content ul { list-style: none; padding-left: 0; margin-bottom: 8px; } .four-popular-widget .content ul li { display: inline-block; padding-left: 35px; font-family: Inter; font-size: 12px; position: relative; } .four-popular-widget .content ul li img { position: absolute; left: 0; top: -2px; } .four-popular-widget .content h3 { font-size: 22px; margin-bottom: 15px; } .four-popular-widget .content h3 a { color: #0D0D25; } .four-popular-widget .content h3 a:hover { color: var(--primaryColor); } .four-popular-widget .content .popular-link { color: #FC6441; font-family: var(--heading-fontFamily); font-weight: 500; } .four-popular-widget .content .popular-link span { text-decoration-line: underline; } .four-popular-widget .content .popular-link i { position: relative; left: 8px; top: 2px; } .four-popular-program-area { overflow: hidden; } .four-popular-program-area .four-popular-slider-widget { position: relative; } .four-popular-program-area .four-popular-slider-widget .swiper { margin-right: -410px; } .four-popular-program-area .swiper-btn .swiper-button-prev, .four-popular-program-area .swiper-btn .swiper-button-next { top: 96.7%; } .four-popular-program-area .swiper-btn .swiper-button-prev::before, .four-popular-program-area .swiper-btn .swiper-button-next::before { color: #353688; } .four-popular-program-area .swiper-btn .swiper-button-prev { left: auto; right: 175px; z-index: 2; } .four-popular-program-area .swiper-btn .swiper-button-prev:before { content: "\ea60"; } .four-popular-program-area .swiper-btn .swiper-button-next { right: 0; } .four-popular-program-area .swiper-btn .swiper-button-next:before { content: "\ea61"; } .four-popular-program-area .four-popular-buttons { margin-top: 50px; display: flex; justify-content: space-between; align-items: center; } .four-popular-program-area .four-popular-buttons .default-btn { background: var(--Dark, #1B164D); z-index: 1030; padding: 25px 40px; } .four-popular-program-area .four-popular-buttons .default-btn span { text-decoration: underline; } .four-popular-program-area .four-popular-buttons .swiper-pagination { text-align: end; right: 50px; left: auto; z-index: 1; } .four-popular-program-area .four-popular-buttons .swiper-pagination .swiper-pagination-bullet { opacity: 1; margin-right: 20px; background-color: transparent; } .four-popular-program-area .four-popular-buttons .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .four-undergraduate-widget { max-width: 962px; } .four-undergraduate-widget .col-lg-6:nth-child(2) .undergraduate-widget { margin-left: 100px; } .home-four-undergraduate { position: relative; } .home-four-undergraduate .undergraduate-shape { position: absolute; right: 0; top: 50px; } .home-four-campus-slider .campus-widget .content { padding-top: 30px; padding-bottom: 30px; } .financial-image { position: relative; padding-right: 30px; } .financial-image .info-content { padding: 30px; width: 203px; position: absolute; top: -5px; right: 45px; text-align: center; border-radius: 4px; background: #F8CA4D; box-shadow: 0px 4px 20px 0px rgba(167, 136, 54, 0.3); } .financial-image .info-content p { font-size: 14px; font-weight: 500; margin-bottom: 12px; } .financial-image .info-content h2 { color: var(--Dark, #1B164D); font-family: var(--heading-fontFamily2); font-size: 30px; font-weight: 400; letter-spacing: 1.2px; line-height: 1; margin-bottom: 0; } .financial-info-content { padding-left: 10px; } .financial-info-content .title { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; } .financial-info-content h3 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; } .financial-info-content p { color: #525271; padding-bottom: 40px; } .financial-info-content ul { list-style: none; padding-left: 0; margin-bottom: 0; } .financial-info-content ul li { display: block; margin-bottom: 5px; border-top: solid 1px #F3F3F6; border-bottom: solid 1px #F3F3F6; } .financial-info-content ul li a { position: relative; color: #353688; font-family: var(--heading-fontFamily); font-weight: 600; display: block; padding: 25px 0; } .financial-info-content ul li a.active { background: #F3F3F6; padding: 25px 30px; } .financial-info-content ul li a.active i { position: absolute; right: 30px; top: 50%; transform: translateY(-9px); } .financial-info-content ul li a:hover { background: #F3F3F6; padding: 25px 30px; } .financial-info-content ul li a:hover i { position: absolute; right: 30px; top: 50%; transform: translateY(-9px); } .financial-info-content ul li a i { font-size: 20px; position: relative; transition: 0.6s; top: 3px; } .research-explore-area { background: var(--Dark, #1B164D); position: relative; z-index: 1; } .research-explore-area .rex-shape { position: absolute; bottom: 100px; text-align: center; left: 0; right: 0; z-index: -1; margin-left: auto; margin-right: auto; } .research-explore-widget { padding-right: 110px; } .research-explore-widget .title { color: #F8CA4D; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; display: block; margin-bottom: 8px; } .research-explore-widget h3 { color: #FFF; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 40px; } .research-explore-widget .rex-item { padding-bottom: 30px; margin-bottom: 40px; border-bottom: solid 1px rgba(255, 255, 255, 0.1); } .research-explore-widget .rex-item:last-child { border-bottom: none; margin-bottom: 0; } .research-explore-widget .rex-item .cat li { display: inline-block; } .research-explore-widget .rex-item .cat li a { color: rgba(255, 255, 255, 0.7); font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; display: inline-flex; padding: 5px 10px; line-height: 1; margin-bottom: 12px; justify-content: center; background: rgba(255, 255, 255, 0.1); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .research-explore-widget .rex-item h4 { font-family: var(--heading-fontFamily); font-size: 22px; font-weight: 700; margin-bottom: 0; line-height: 34px; } .research-explore-widget .rex-item h4 a { color: var(--bs-white); } .research-explore-widget .rex-item h4 a:hover { text-decoration: underline; } .rex-main-widget .image { border-bottom: 4px; } .rex-main-widget .image img { border-radius: 4px; } .rex-main-widget .content { padding-top: 30px; } .rex-main-widget .content .tags-date { display: flex; align-items: center; margin-bottom: 15px; } .rex-main-widget .content .tags-date .cat li { display: inline-block; } .rex-main-widget .content .tags-date .cat li a { color: rgba(255, 255, 255, 0.7); font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; display: inline-flex; padding: 5px 10px; line-height: 1; margin-right: 22px; justify-content: center; background: rgba(255, 255, 255, 0.1); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .rex-main-widget .content .tags-date ul { list-style: none; padding-left: 0; margin-bottom: 0; } .rex-main-widget .content .tags-date ul li { color: #B3B3D6; padding-right: 30px; position: relative; display: inline-block; } .rex-main-widget .content .tags-date ul li::before { content: ""; position: absolute; top: 6px; right: 12px; height: 15px; width: 1px; background: rgba(232, 232, 244, 0.3); } .rex-main-widget .content .tags-date ul li:last-child { padding-right: 0; } .rex-main-widget .content .tags-date ul li:last-child::before { display: none; } .rex-main-widget .content h3 { font-family: var(--heading-fontFamily); font-size: 32px; font-weight: 700; margin-bottom: 20px; } .rex-main-widget .content h3 a { color: var(--bs-white); } .rex-main-widget .content h3 a:hover { text-decoration-line: underline; } .rex-main-widget .content .rex-link { position: relative; display: block; color: #FC6441; font-family: var(--heading-fontFamily); font-weight: 600; } .rex-main-widget .content .rex-link i { position: relative; top: 3px; left: 5px; } .rex-main-widget .content .rex-link span { text-decoration-line: underline; } .partner-slider-widget { text-align: center; } .home-four-video .video-btn { display: block; opacity: 1; } .home-four-student-review { position: relative; overflow: hidden; } .home-four-student-review .swiper { margin-right: -345px; } .home-four-student-review .section-warp { align-items: start; } .home-four-student-review .section-warp .title { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; margin-right: 100px; } .home-four-student-review .section-warp h2 { max-width: 636px; } .home-four-review-widget { padding: 50px 40px 55px 40px; border-radius: 10px; background: #F3F3F6; } .home-four-review-widget .star-details { margin-bottom: 40px; display: flex; align-items: center; justify-content: space-between; } .home-four-review-widget .star-details .review-details { display: flex; align-items: center; } .home-four-review-widget .star-details .review-details .image { width: 46px; height: 46px; flex-shrink: 0; } .home-four-review-widget .star-details .review-details .image img { border-radius: 50%; } .home-four-review-widget .star-details .review-details .content { padding-left: 14px; } .home-four-review-widget .star-details .review-details .content span { color: #3F3F60; font-size: 14px; font-weight: 600; line-height: 1; display: block; letter-spacing: 1.4px; } .home-four-review-widget .star-details .review-details .content p { color: #3F3F60; font-size: 14px; font-weight: 400; margin-top: 8px; line-height: 1; } .home-four-review-widget .star-details .review-details .content p span { display: inline-block; } .home-four-review-widget .star-list { list-style: none; padding-left: 0; margin-bottom: 5px; } .home-four-review-widget .star-list li { display: inline-block; margin-right: -1px; color: rgb(226, 186, 45); } .home-four-review-widget h4 { color: #353688; font-size: 18px; margin-bottom: 15px; } .home-four-review-widget .main { color: #525271; font-size: 22px; line-height: 1.6; letter-spacing: -0.88px; } .event-contest-heading { margin-bottom: 40px; } .event-contest-heading .title { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; letter-spacing: 1.5px; display: block; text-transform: uppercase; } .event-contest-heading h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; padding-left: 30px; } .event-contest-heading .event-link { color: #FC6441; font-family: var(--heading-fontFamily); font-size: 16px; font-weight: 600; } .event-contest-heading .event-link i { position: relative; left: 8px; top: 3px; font-size: 20px; } .event-contest-area { position: relative; z-index: 1; } .event-contest-area::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; z-index: -1; width: 70%; background: #B7D8EF; } .event-contest-area .event-contest-slider-widget { position: relative; padding-bottom: 50px; } .event-contest-area .event-contest-slider-widget .swiper-pagination3 { justify-content: center; display: flex; bottom: 0; position: absolute; } .event-contest-area .event-contest-slider-widget .swiper-pagination-bullet { height: 6px; width: 6px; opacity: 1; border-radius: 50%; background-color: #F6F6F6; } .event-contest-area .event-contest-slider-widget .swiper-pagination-bullet-active { background-color: #5C5C7E; } .event-contest-card { padding: 40px 39px 55px 33px; background: #ECF3F8; } .event-contest-card .tags { display: inline-flex; padding: 5px 6px; justify-content: center; line-height: 1; margin-bottom: 10px; color: #7768E5; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; background: var(--bs-white); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .event-contest-card h3 { font-family: var(--heading-fontFamily); font-size: 22px; font-weight: 700; margin-bottom: 16px; } .event-contest-card h3 a { color: #0D0D25; } .event-contest-card h3:hover a { color: var(--primaryColor); } .event-contest-card ul { list-style: none; padding-left: 0; margin-bottom: 0; } .event-contest-card ul li { display: inline-block; padding-right: 30px; position: relative; padding-left: 30px; color: #525271; font-size: 15px; } .event-contest-card ul li i { position: absolute; left: 0; top: 2px; font-size: 19px; } .event-contest-card ul li:last-child { padding-right: 0; } .question-content .title { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; letter-spacing: 1.5px; display: block; margin-bottom: 5px; text-transform: uppercase; } .home-four-question-images { padding-left: 15px; } .home-four-donate { display: flex; padding: 24px 30px; align-items: center; background: linear-gradient(90deg, #B0C2FF 0%, #F1F1FC 100%); } .home-four-donate .icon { width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%; line-height: 64px; text-align: center; background-color: var(--bs-white); } .home-four-donate .content { padding-left: 30px; } .home-four-donate .content h6 { font-size: 22px; margin-bottom: 5px; } .home-four-donate .content .donate-link { display: block; color: #353688; font-weight: 600; } .home-four-donate .content .donate-link.style2 { color: #FC6441; } .home-four-donate .content .donate-link i { position: relative; left: 2px; top: 3px; font-size: 20px; } .home-four-donate .content .donate-link span { position: relative; } .home-four-donate .content .donate-link span::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; width: 0%; transition: 0.6s; background-color: rgb(252, 100, 65); } .home-four-donate .content .donate-link:hover { color: rgb(252, 100, 65); } .home-four-donate .content .donate-link:hover span::before { width: 100%; } .home-four-donate.bg2 { background: linear-gradient(90deg, #FFC2B4 0%, #FFEDE9 100%); } .strategic-donate-area { position: relative; z-index: 1; } .strategic-donate-area::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 45%; width: 100%; z-index: -1; background: #28283F; } .home-five-navbar .navbar-nav .nav-item { margin-left: 17px; margin-right: 17px; } .home-five-navbar .navbar-nav .nav-item .nav-link { font-size: 14px; } .home-five-navbar .others-option .option-item .input-search { position: relative; } .home-five-navbar .others-option .option-item .input-search .form-control { width: 262px; border: none; padding-left: 0; border-radius: 0; color: #89899F; font-size: 14px; font-weight: 500; letter-spacing: -0.42px; border-bottom: solid 1px #E7E7F4; } .home-five-navbar .others-option .option-item .input-search .form-control:focus { box-shadow: unset; } .home-five-navbar .others-option .option-item .input-search .form-control:focus::-moz-placeholder { color: transparent; } .home-five-navbar .others-option .option-item .input-search .form-control:focus::placeholder { color: transparent; } .home-five-navbar .others-option .option-item .input-search .form-control::-moz-placeholder { color: #89899F; -moz-transition: 0.6s; transition: 0.6s; } .home-five-navbar .others-option .option-item .input-search .form-control::placeholder { color: #89899F; transition: 0.6s; } .home-five-navbar .others-option .option-item .input-search .form-search-btn { position: absolute; right: 0; top: 0; background-color: transparent; border: none; } .home-five-navbar .others-option .option-item .side-bar-btn { padding: 10px; color: var(--bs-white); border-radius: 4px; line-height: 1; background: #1B164C; } .home-five-navbar .others-option .option-item .side-bar-btn img { filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1190%) hue-rotate(183deg) brightness(103%) contrast(105%); } .home-five-header .header-contact { padding-right: 30px; margin-right: 30px; position: relative; } .home-five-header .header-contact::before { content: ""; position: absolute; top: 7px; right: 0; bottom: 0; height: 14px; width: 1px; background: #B3B3D6; } .home-five-header .header-contact li { font-size: 13px; font-weight: 500; position: relative; padding-left: 20px; padding-right: 30px; } .home-five-header .header-contact li:last-child { padding-right: 0; } .home-five-header .header-contact li a { color: #525271; } .home-five-header .header-contact li a:hover { color: var(--primaryColor); } .home-five-header .header-contact li i { position: absolute; left: 0; font-size: 16px; top: 4px; } .home-five-hero-area { background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/new-demo-images/hero-five.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-top: 180px; padding-bottom: 175px; position: relative; z-index: 1; } .home-five-hero-area::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; z-index: -1; background: linear-gradient(99deg, rgba(3, 3, 20, 0.4) 25.49%, rgba(3, 3, 20, 0.12) 70.35%); mix-blend-mode: plus-darker; } .home-five-hero-area::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 1002px; z-index: -1; background: linear-gradient(115deg, #030314 27.84%, #83839F 65.8%); mix-blend-mode: overlay; } .home-five-hero-area .view-link { position: absolute; right: 0; bottom: 25px; font-weight: 500; padding: 25px 40px; } .home-five-hero-area .view-link span { text-decoration: underline; } .home-five-slider-widget { position: relative; max-width: 790px; } .home-five-slider-widget .home-five-content .title { color: #F8CA4D; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 600; display: block; margin-bottom: 10px; letter-spacing: 1.5px; text-transform: uppercase; } .home-five-slider-widget .home-five-content h1 { color: #FFF; font-family: var(--heading-fontFamily2); font-size: 80px; font-weight: 400; line-height: 95px; letter-spacing: 3.2px; margin-bottom: 40px; } .home-five-slider-widget .home-five-content p { color: #C5C5CF; max-width: 640px; margin-bottom: 30px; } .home-five-slider-widget .home-five-content .default-btn { background: #7768E5; } .home-five-slider-widget .home-five-content .default-btn.style2 { color: var(--Dark, #1B164D); border: 1px solid #B7D8EF; background: #B7D8EF; margin-left: 15px; } .home-five-slider-widget .swiper-btn .swiper-button-prev, .home-five-slider-widget .swiper-btn .swiper-button-next { top: 122.7%; position: absolute; } .home-five-slider-widget .swiper-btn .swiper-button-prev::before, .home-five-slider-widget .swiper-btn .swiper-button-next::before { color: #E2BA2D; } .home-five-slider-widget .swiper-btn .swiper-button-prev { left: 0; right: auto; } .home-five-slider-widget .swiper-btn .swiper-button-prev:before { content: "\ea60"; } .home-five-slider-widget .swiper-btn .swiper-button-next { right: auto; left: 138px; padding-top: 5px; z-index: 3; } .home-five-slider-widget .swiper-btn .swiper-button-next:before { content: "\ea61"; } .home-five-slider-widget .five-hero-buttons { display: flex; align-items: center; } .home-five-slider-widget .five-hero-buttons .swiper-pagination { text-align: start; left: 40px; bottom: -130px; z-index: 1; } .home-five-slider-widget .five-hero-buttons .swiper-pagination .swiper-pagination-bullet { opacity: 1; margin-right: 20px; color: rgba(255, 255, 255, 0.7); background-color: transparent; } .home-five-slider-widget .five-hero-buttons .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .home-five-slider-widget .five-hero-buttons .swiper-pagination .swiper-pagination-bullet-active { color: var(--bs-white); font-size: 20px; font-weight: 700; } .over-view-widget .form-select { width: 100%; border: none; height: 70px; border-radius: 0; padding: 0; line-height: 70px; color: #0D0D25; font-family: var(--heading-fontFamily); font-weight: 500; border-bottom: 1px solid #ECEBF1; background-image: url(https://securecampus.edu.gy/secure-campus/assets/img/new-demo-images/caret-down-filled.svg); background-position: right; background-size: 16px; } .over-view-widget .form-select:focus { box-shadow: unset; } .over-view-widget a { display: block; width: 100%; line-height: 70px; height: 70px; position: relative; border-bottom: 1px solid #ECEBF1; color: #0D0D25; font-family: var(--heading-fontFamily); font-weight: 500; } .over-view-widget a i { position: absolute; right: 0; top: 26px; color: #A6A7C6; font-size: 20px; } .over-view-widget a:hover { color: var(--primaryColor); } .home-five-about-area { position: relative; z-index: 1; } .home-five-about-area .about-shape { position: absolute; bottom: -45px; right: 30%; z-index: -1; } .home-five-about-heading h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .home-five-about-content { position: relative; z-index: 1; } .home-five-about-content h3 { color: var(--Dark, #1B164D); font-family: var(--main-fontFamily); font-size: 42px; font-weight: 500; letter-spacing: -1.68px; margin-bottom: 20px; } .home-five-about-content p { color: #525271; margin-bottom: 25px; } .home-five-about-content .default-btn { background: #B7D8EF; color: #1B164D; } .section-warp .view-link { color: #FC6441; font-family: var(--heading-fontFamily); font-size: 16px; font-weight: 500; } .section-warp .view-link span { text-decoration-line: underline; } .section-warp .view-link i { position: relative; left: 8px; top: 5px; font-size: 20px; } .hf-faculty-main { margin-right: -15px; } .hf-faculty-main .image { margin-bottom: 30px; } .hf-faculty-main .tags { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; display: inline-flex; padding: 5px 10px; justify-content: center; margin-bottom: 10px; background: rgba(255, 255, 255, 0.1); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .hf-faculty-main h3 { font-family: var(--main-fontFamily); font-size: 24px; font-weight: 400; letter-spacing: -0.96px; margin-bottom: 18px; } .hf-faculty-main h3 a { text-decoration-line: underline; color: var(--Dark, #1B164D); } .hf-faculty-main h3 a:hover { color: var(--primaryColor); } .hf-faculty-main ul { list-style: none; padding-left: 0; margin-bottom: 0; } .hf-faculty-main ul li { display: inline-block; margin-bottom: 0; padding-right: 30px; } .hf-faculty-main ul li:last-child { padding-right: 0; } .hf-faculty-item { margin-bottom: 58px; margin-left: 15px; } .hf-faculty-item:last-child { margin-bottom: 0; } .hf-faculty-item .tags { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; display: inline-flex; padding: 5px 10px; justify-content: center; margin-bottom: 10px; background: rgba(255, 255, 255, 0.1); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .hf-faculty-item h3 { font-family: var(--main-fontFamily); font-size: 24px; font-weight: 400; letter-spacing: -0.96px; margin-bottom: 15px; } .hf-faculty-item h3 a { color: var(--Dark, #1B164D); } .hf-faculty-item h3 a:hover { color: var(--primaryColor); } .hf-faculty-item ul { list-style: none; padding-left: 0; margin-bottom: 35px; } .hf-faculty-item ul li { display: inline-block; margin-bottom: 0; padding-right: 30px; position: relative; } .hf-faculty-item ul li::before { content: ""; position: absolute; right: 10px; top: 6px; height: 15px; width: 1px; background: #E8E8F4; } .hf-faculty-item ul li:last-child { padding-right: 0; } .hf-faculty-item ul li:last-child::before { display: none; } .hf-faculty-card-item { position: relative; margin-bottom: 30px; margin-left: -15px; } .hf-faculty-card-item:last-child { margin-bottom: 30px; } .hf-faculty-card-item::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; background: linear-gradient(180deg, rgba(13, 13, 37, 0.1) 68.67%, #0D0D25 100%); } .hf-faculty-card-item .content { position: absolute; bottom: 20px; left: 25px; padding-right: 20px; } .hf-faculty-card-item .content .tags { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; display: inline-flex; padding: 5px 10px; justify-content: center; margin-bottom: 10px; background: var(--bs-white); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .hf-faculty-card-item .content h3 { font-family: var(--main-fontFamily); font-size: 24px; font-weight: 400; letter-spacing: -0.96px; margin-bottom: 18px; } .hf-faculty-card-item .content h3 a { color: var(--bs-white); } .hf-faculty-card-item .content h3 a:hover { color: var(--primaryColor); } .faculty-donate { margin-right: 15px; } .slider-text-area { width: 100%; overflow: hidden; position: relative; z-index: 9; } .slider-text-area .container-fluid { width: 100%; } .slider-text-area .text-slide { display: flex; justify-content: space-between; white-space: nowrap; position: relative; transform: translate3d(-40%, 0, 0); animation-name: marquee; animation-timing-function: linear; animation-iteration-count: infinite; animation-duration: 100s; } .slider-text-area .text-slide:hover { animation-play-state: paused !important; } .slider-text-area .text-slide span { color: #D2D2FF; font-family: var(--heading-fontFamily2); font-size: 82px; font-weight: 400; line-height: 1; display: inline-block; flex-shrink: 0; margin-right: 20px; margin-left: 20px; } @keyframes marquee { 0% { transform: translate3d(0%, 0, 0); } 100% { transform: translate3d(-100%, 0, 0); } } .find-program-widget { max-width: 1076px; margin-left: auto; margin-right: auto; } .find-program-widget .form-control { height: 70px; border: none; font-family: var(--heading-fontFamily); font-size: 14px; font-weight: 500; padding-left: 70px; border-radius: 0; background: #E8E8F4; } .find-program-widget .form-control:focus { box-shadow: unset; } .find-program-widget .form-control:focus::-moz-placeholder { color: transparent; } .find-program-widget .form-control:focus::placeholder { color: transparent; } .find-program-widget .form-control::-moz-placeholder { color: #89899F; -moz-transition: 0.6s; transition: 0.6s; } .find-program-widget .form-control::placeholder { color: #89899F; transition: 0.6s; } .find-program-widget .find-program-input { position: relative; } .find-program-widget .find-program-input i { position: absolute; top: 23px; left: 35px; font-size: 24px; } .find-program-widget ul { list-style: none; padding-left: 0; margin-bottom: 0; max-width: 550px; margin-left: auto; margin-right: auto; margin-top: 20px; text-align: center; } .find-program-widget ul li { display: inline-block; color: #525271; padding-right: 6px; margin-bottom: 5px; } .find-program-widget ul li:last-child { margin-bottom: 0; } .find-program-widget ul li span { color: #89899F; font-family: var(--heading-fontFamily); font-size: 14px; font-weight: 500; } .find-program-widget ul li a { color: #525271; font-family: var(--heading-fontFamily); font-size: 14px; font-weight: 500; text-decoration-line: underline; } .find-program-heading { text-align: center; max-width: 636px; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .find-program-heading h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 15px; } .find-program-heading p { color: #525271; } .home-five-pp-area { padding-top: 50px; } .home-five-pp-slider-widget { position: relative; } .home-five-pp-slider-widget .four-popular-widget .content ul li { color: #362983; font-weight: 500; } .home-five-pp-slider-widget .four-popular-widget .content h3 { font-weight: 500; } .home-five-pp-slider-widget .swiper-btn .swiper-button-prev, .home-five-pp-slider-widget .swiper-btn .swiper-button-next { top: 40px; } .home-five-pp-slider-widget .swiper-btn .swiper-button-prev::before, .home-five-pp-slider-widget .swiper-btn .swiper-button-next::before { color: #353688; } .home-five-pp-slider-widget .swiper-btn .swiper-button-prev { left: auto; right: 175px; } .home-five-pp-slider-widget .swiper-btn .swiper-button-prev:before { content: "\ea60"; } .home-five-pp-slider-widget .swiper-btn .swiper-button-next { right: 0; } .home-five-pp-slider-widget .swiper-btn .swiper-button-next:before { content: "\ea61"; } .home-five-pp-slider-widget .swiper-pagination5 { text-align: end; right: 50px; position: absolute; left: auto !important; top: 26px; } .home-five-pp-slider-widget .swiper-pagination5 .swiper-pagination-bullet { opacity: 1; margin-right: 20px !important; background-color: transparent; } .home-five-pp-slider-widget .swiper-pagination5 .swiper-pagination-bullet:last-child { margin-right: 0 !important; } .future-students-widget .image { margin-left: -312px; position: relative; margin-bottom: 20px; } .future-students-widget .image .video-btn { position: absolute; right: 32px; bottom: 40px; width: 110px; cursor: pointer; line-height: 113px; border-radius: 50%; text-align: center; color: rgb(53, 54, 136); font-size: 40px; height: 110px; background: rgba(255, 255, 255, 0.9); } .future-students-widget .tags { color: #F6F6FA; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; display: inline-flex; padding: 4px 6px; line-height: 1; justify-content: center; background: #FC6441; margin-bottom: 15px; } .future-students-widget h3 { font-family: var(--main-fontFamily); font-size: 24px; font-weight: 400; letter-spacing: -0.96px; margin-bottom: 15px; } .future-students-widget h3 a { color: var(--Dark, #1B164D); } .future-students-widget .view-link { color: #7768E5; font-family: var(--heading-fontFamily); font-size: 16px; font-weight: 600; } .future-students-widget .view-link span { text-decoration-line: underline; } .future-students-widget .view-link i { position: relative; font-size: 20px; left: 6px; top: 3px; } .future-student-item { padding-bottom: 30px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px #DEDDE9; } .future-student-item:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } .future-student-item .content { max-width: 390px; } .future-student-item .content .tags { color: #F6F6FA; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; display: inline-flex; line-height: 1; padding: 5px 6px; justify-content: center; background: #7768E5; margin-bottom: 15px; } .future-student-item .content .tags.bg-2 { background: #5CA89F; } .future-student-item .content .tags.bg-3 { background: #4569B4; } .future-student-item .content h3 { font-family: var(--main-fontFamily); font-size: 24px; font-weight: 400; letter-spacing: -0.96px; margin-bottom: 15px; } .future-student-item .content h3 a { color: var(--Dark, #1B164D); } .future-student-item .content h3 a:hover { color: var(--primaryColor); } .future-student-item .content .view-link { position: relative; color: #353688; font-family: var(--heading-fontFamily); font-size: 16px; font-weight: 600; } .future-student-item .content .view-link span { text-decoration-line: underline; } .future-student-item .content .view-link i { position: relative; left: 6px; font-size: 20px; top: 3px; } .future-student-item .image { width: 257px; height: 160px; flex-shrink: 0; } .future-student-right-side { padding-left: 40px; } .dream-story-area { background: #EEEEF6; } .dream-story-card { padding: 10px; background-color: var(--bs-white); } .dream-story-card .content { padding: 0 40px 40px 40px; max-width: 515px; margin-top: -15px; position: relative; z-index: 1; } .dream-story-card .content::before { content: ""; position: absolute; top: -55px; left: 0; width: 74%; height: 77px; z-index: -1; background-color: var(--bs-white); } .dream-story-card .content h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 20px; } .dream-story-card .content p { color: #525271; margin-bottom: 20px; } .dream-story-card .content .view-link { color: #FC6441; font-family: var(--heading-fontFamily); font-size: 16px; font-weight: 500; } .dream-story-card .content .view-link span { text-decoration-line: underline; } .dream-story-card .content .view-link i { position: relative; top: 3px; font-size: 20px; left: 4px; } .dream-card-without-image { background-color: var(--bs-white); padding: 50px 35px 50px 35px; -webkit-clip-path: polygon(50% 0%, 89% 0, 100% 17%, 100% 100%, 45% 100%, 0 100%, 0 76%, 0 29%, 0 0); clip-path: polygon(50% 0%, 89% 0, 100% 17%, 100% 100%, 45% 100%, 0 100%, 0 76%, 0 29%, 0 0); } .dream-card-without-image h3 { color: var(--Dark, #1B164D); font-family: var(--main-fontFamily); font-size: 24px; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 12px; } .dream-card-without-image p { color: #525271; } .dream-card-without-image .view-link { color: #7768E5; font-family: var(--heading-fontFamily); font-weight: 600; display: inline-block; line-height: 1; } .dream-card-without-image .view-link i { position: relative; font-size: 20px; top: 3px; left: 5px; } .get-way-info-area { position: relative; overflow: hidden; } .get-way-info { padding-left: 100px; margin-right: -300px; } .get-way-info .get-way-ingo-image { position: relative; margin-right: -400px; } .get-way-info .round-shape { top: 246px; left: -51px; } .inner-home-five-upcoming-event { background-color: #EDF1F3; } .inner-home-five-upcoming-event .five-event-heading { text-align: center; margin-bottom: 40px; } .inner-home-five-upcoming-event .five-event-heading h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 0; } .inner-home-five-upcoming-event .five-upcoming-events-slider-widget { position: relative; } .inner-home-five-upcoming-event .five-upcoming-image { position: relative; z-index: 2; } .inner-home-five-upcoming-event .swiper-btn .swiper-button-next, .inner-home-five-upcoming-event .swiper-btn .swiper-button-prev { top: var(--swiper-navigation-top-offset, 119%); } .inner-home-five-upcoming-event .swiper-btn .swiper-button-next::before, .inner-home-five-upcoming-event .swiper-btn .swiper-button-prev::before { width: 40px; height: 40px; border-radius: 2px; background: #7768E5; } .inner-home-five-upcoming-event .swiper-btn .swiper-button-prev { left: 45%; } .inner-home-five-upcoming-event .swiper-btn .swiper-button-next { right: 45%; } .five-event-card { padding: 40px 30px 40px 36px; background-color: var(--bs-white); } .five-event-card.style2 h3 { margin-bottom: 51px; } .five-event-card .tags { display: inline-flex; padding: 5px 6px; justify-content: center; line-height: 1; margin-bottom: 10px; color: #7768E5; font-family: var(--heading-fontFamily); font-size: 12px; font-weight: 500; background: var(--bs-white); box-shadow: 0px 4px 12px 0px rgba(119, 104, 229, 0.1); } .five-event-card h3 { color: var(--Dark, #1B164D); font-family: var(--main-fontFamily); font-size: 24px; font-weight: 400; margin-bottom: 16px; } .five-event-card ul { list-style: none; padding-left: 0; margin-bottom: 0; } .five-event-card ul li { margin-bottom: 10px; position: relative; padding-left: 30px; color: #525271; font-size: 15px; } .five-event-card ul li:last-child { margin-bottom: 0; } .five-event-card ul li i { position: absolute; left: 0; top: 2px; font-size: 19px; } .five-event-card ul li:last-child { padding-right: 0; } .home-five-upcoming-events { position: relative; } .home-five-upcoming-events::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 80px; width: 100%; background-color: var(--bs-white); } .five-massage-area { position: relative; z-index: 1; } .five-massage-area::before { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 200px; width: 100%; z-index: -1; background: var(--Dark, #1B164D); } .massage-content { max-width: 458px; position: relative; } .massage-content h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 42px; font-weight: 400; letter-spacing: 1.68px; margin-bottom: 15px; } .massage-content p { color: #525271; } .massage-content .massage-shape { position: absolute; right: -135px; top: 70px; } .massage-form-widget { background: #F3F3F6; padding: 56px 40px 50px 40px; } .massage-form-widget .form-label { color: #525271; font-family: var(--heading-fontFamily); font-size: 15px; font-weight: 500; line-height: 1; margin-bottom: 10px; } .massage-form-widget .form-label span { color: #C1272D; } .massage-form-widget p { line-height: 1; margin-bottom: 0; } .massage-form-widget .contact-input { position: relative; } .massage-form-widget .contact-input.style1 .form-control { padding-left: 20px; } .massage-form-widget .contact-input.style1::before { display: none; } .massage-form-widget .contact-input p { line-height: 1; } .massage-form-widget .contact-input::before { content: ""; position: absolute; left: 60px; top: 0; bottom: 0; background: #D8D8E7; width: 1px; z-index: 1; height: 60px; } .massage-form-widget .contact-input .form-control { height: 60px; border: none; border-radius: 0; color: #7C7C90; font-family: var(--heading-fontFamily); font-size: 13px; font-weight: 500; padding-left: 75px; background-color: var(--bs-white); } .massage-form-widget .contact-input .form-control:focus { box-shadow: unset; } .massage-form-widget .contact-input i { position: absolute; left: 20px; top: 20px; font-size: 18px; color: #0D0D25; } .massage-form-widget .contact-input textarea { height: 148px !important; padding-top: 14px; } .massage-form-widget .default-btn { background: #7768E5; line-height: 0; padding-top: 25px; padding-bottom: 30px; } .changing-wave-image { position: relative; } .changing-wave-image .changing-image1 { position: absolute; bottom: 0; } .changing-wave-image .changing-image2 { position: relative; left: 285px; padding-bottom: 100px; } .changing-wave-image .content-image { width: 176px; height: 176px; position: absolute; padding: 40px 10px; text-align: center; top: 5px; left: 33%; border-radius: 50%; background: var(--Dark, #1B164D); } .changing-wave-image .content-image .icon-heading { display: flex; align-items: center; justify-content: center; margin-bottom: 10px; } .changing-wave-image .content-image .icon-heading h3 { color: var(--bs-white); font-family: var(--heading-fontFamily2); font-size: 30px; font-weight: 400; letter-spacing: 1.2px; margin-bottom: 0; } .changing-wave-image .content-image .icon-heading .changing-icon { flex-shrink: 0; margin-right: 10px; } .changing-wave-image .content-image p { color: var(--bs-white); font-size: 14px; font-weight: 400; letter-spacing: 1.4px; text-transform: uppercase; margin-bottom: 0; } .changing-wave-area { padding-top: 40px; background: var(--Dark, #1B164D); } .changing-wave-content { padding-left: 70px; } .changing-wave-content h2 { color: var(--bs-white); font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 15px; } .changing-wave-content p { color: #C5C5CF; margin-bottom: 20px; } .changing-wave-content .default-btn { background: #7768E5; margin-bottom: 35px; } .changing-wave-content ul { list-style: none; padding-left: 0; margin-bottom: 0; } .changing-wave-content ul li { position: relative; padding-left: 30px; margin-bottom: 10px; color: #E9E9EC; } .changing-wave-content ul li:last-child { margin-bottom: 0; } .changing-wave-content ul li i { color: #FC6441; position: absolute; left: 0; font-size: 20px; top: 2px; } .research-left-widget { margin-right: 100px; background: #E8E9ED; padding: 30px 0; } .research-left-widget ul { list-style: none; padding-left: 0; margin-bottom: 0; } .research-left-widget ul li { padding-bottom: 22px; margin-bottom: 22px; padding-left: 25px; padding-right: 25px; position: relative; color: #0D0D25; font-family: var(--heading-fontFamily); font-size: 18px; font-weight: 600; border-bottom: solid 1px var(--bs-white); } .research-left-widget ul li img { position: absolute; right: 30px; } .research-left-widget ul li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .research-left-widget ul li a { color: #0D0D25; font-family: var(--heading-fontFamily); font-size: 18px; font-weight: 600; } .research-left-widget ul ol { list-style: none; } .research-left-widget ul ol li { padding-left: 0; } .research-left-widget ul ol li a { color: var(--Dark, #1B164D); font-family: var(--main-fontFamily); font-size: 18px; font-weight: 400; letter-spacing: -0.72px; } .research-right-widget h2 { color: #0D0D25; font-family: var(--heading-fontFamily2); font-size: 32px; font-weight: 400; letter-spacing: 1.28px; margin-bottom: 25px; } .research-right-widget p { margin-bottom: 15px; } .research-right-widget p strong { font-weight: 400; text-decoration: underline; } .research-right-widget .newsletter-box { background: #B7D8EF; padding: 15px; margin-top: 55px; margin-bottom: 55px; } .research-right-widget .newsletter-box .contnet { padding-left: 32px; } .research-right-widget .newsletter-box .contnet h4 { color: var(--Dark, #1B164D); font-family: var(--main-fontFamily); font-size: 24px; font-weight: 500; letter-spacing: -0.96px; margin-bottom: 20px; } .research-right-widget .newsletter-box .contnet .default-btn { background: #7768E5; } .research-right-widget .newsletter-box .contnet p { margin-bottom: 30px; } .research-right-widget h6 { margin-top: 50px; color: #353688; font-size: 16px; font-weight: 600; margin-bottom: 20px; } .research-right-widget .default-btn.style2 { color: #7768E5; margin-left: 15px; border: 1px solid #7768E5; background-color: transparent; } .only-responsive-device { display: none; } .elementor-widget-text-editor p { font-size: unset; } .home-four-question .question-images { padding-left: 15px; } .home-five-about-area { position: relative; z-index: 1; overflow: hidden; } .home-five-about-area .button__like-text { transition: 0.6s; } .home-five-about-area .about-ball1 { position: absolute; bottom: 100px; left: 20%; z-index: -1; } .home-five-about-area .about-ball2 { position: absolute; bottom: -45px; left: 59%; z-index: -1; } .home-five-about-area .about-ball3 { position: absolute; bottom: 30px; left: 12%; z-index: -1; } .home-five-about-area .about-ball4 { position: absolute; bottom: -51px; left: 26%; z-index: -1; } .home-five-about-area .about-ball5 { position: absolute; bottom: 200px; left: 25%; z-index: -1; } .home-five-about-area .about-ball6 { position: absolute; bottom: -98px; left: 34%; z-index: -1; } .home-five-about-area .about-ball7 { position: absolute; bottom: 100px; left: 28%; z-index: -1; } .home-five-about-area .about-ball8 { position: absolute; bottom: 35px; left: 35%; z-index: -1; } .home-five-about-area .about-ball9 { position: absolute; bottom: 60px; left: 26%; z-index: -1; } .home-five-about-area .about-ball10 { position: absolute; bottom: 216px; left: 31%; z-index: -1; } .home-five-about-area .about-ball11 { position: absolute; bottom: 190px; left: 18%; z-index: -1; } .home-five-about-area .about-ball12 { position: absolute; bottom: 200px; left: 15%; z-index: -1; } .home-five-about-area .about-ball13 { position: absolute; bottom: 122px; left: 32%; } .home-five-about-area .about-ball14 { position: absolute; bottom: -45px; left: 20%; z-index: -1; } .home-five-about-area .about-ball15 { position: absolute; bottom: 63px; left: 23%; z-index: -1; } .home-five-about-area .about-ball16 { position: absolute; bottom: -100px; left: 64%; z-index: -1; }