@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('../../fonts.googleapis.com/css20560.css?family=Quicksand:wght@300;400;500;600;700&display=swap'); .navbar { padding: 15px 0 !important; } .navbar-brand { padding: 0; } header .navbar .navbar-brand img, header .sidebar-nav-menu .navbar-brand img, header.side-menu .logo img { max-height: 90px; } .navbar .navbar-nav .nav-link { padding: 13px 0; font-size: 13px; margin-right: 28px; } .ch-login img { width: 110px; margin-right: 15px; } .header-language.dropdown { font-size: 13px; padding: 5px 10px; margin-right: 15px; } .header-cart-icon a>i, .header-language a>i, .header-push-button a>i { padding: 0; font-size: 11px; } .topbar { display: flex; justify-content: flex-end; } .admsn { display: flex; align-items: flex-start; } .adm-btn { background-color: #f32735; color: #fff; padding: 3px 10px; text-transform: uppercase; font-size: 14px; } .adm-btn:hover { color: #fff; background-color: #1c355e; } .adm-btn i { font-size: 11px; } .navbar.navbar-light .header-search-icon>a { color: #fff; } .header-search-icon { color: #fff !important; background-color: #1c355e; padding: 3px 10px; } .header-search-icon a>i { padding: 0px; color: #fff; } .header-search-icon a i:hover { color: #fff; } .theme-demos { display: none !important; } .navbar.navbar-light .navbar-nav .nav-link { color: #1c355e; } .dropdown-toggle { margin-top: 5px !important; } .nav-link i { font-size: 11px; } .navbar-light .navbar-nav .nav-link:hover { color: #f32735 !important; } .nav-link { position: relative; } .nav-link.active { color: #1c355e; } .nav-link.active::before { content: ""; position: absolute; left: 0; right: 0; bottom: -15px; background-color: #f32735; width: 100%; height: 3px; } video { position: relative; } .fixed-top { top:37px; } .top_bar { background: #1c355e; position: fixed; width: 100%; z-index:11; top: 0; } .top_bar ul { margin: 0; padding: 0; text-align: right; } .top_bar ul li { list-style: none; display: inline-flex; } .top_bar ul li a { text-decoration: none; color: #fff; padding: 5px 0px 5px 25px; text-transform: uppercase; font-size: 13px; } .top_bar ul li a:hover { color: #f32735; } .tm-words-wrapper { display: inline-block; position: relative; text-align: left; } .tm-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .tm-words-wrapper b.is-visible { position: relative; } .tm-headline.tm-rotate-text .tm-words-wrapper { -webkit-perspective: 300px; perspective: 300px; } .tm-headline.tm-rotate-text b { opacity: 0; display: none; } .tm-headline.tm-rotate-text i { display: inline-block; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-backface-visibility: hidden; backface-visibility: hidden; font-style: normal; } .is-visible .tm-headline.tm-rotate-text i { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } .tm-headline.tm-rotate-text i.in { -webkit-animation: cd-tm-rotate-text-in 0.6s forwards; animation: cd-tm-rotate-text-in 0.6s forwards; } .tm-headline.tm-rotate-text i.out { -webkit-animation: cd-tm-rotate-text-out 0.6s forwards; animation: cd-tm-rotate-text-out 0.6s forwards; } .no-csstransitions .tm-headline.tm-rotate-text i { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 0; display: none; } .no-csstransitions .tm-headline.tm-rotate-text .is-visible i { opacity: 1; display: block; } @-webkit-keyframes cd-tm-rotate-text-in { 0% { -webkit-transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); } } @keyframes cd-tm-rotate-text-in { 0% { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } 100% { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); } } @-webkit-keyframes cd-tm-rotate-text-out { 0% { -webkit-transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); } } @keyframes cd-tm-rotate-text-out { 0% { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 100% { -webkit-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); } } h1, h2, h3, h4, h5, h6 { font-family: "Libre Baskerville", serif; font-weight: 500; } .crv-warea { position: absolute; bottom: 0; width: 100%; } .wlcm-section { position: relative; background-color: #1c355e; padding: 80px 0px; margin-top: -220px; } h2 { position: relative; color: #1c355e; font-size: 36px; line-height: 40px; margin-bottom: 50px; font-weight: 600; text-align: center; text-transform: uppercase; } h2::before { position: absolute; content: ""; background-color: #ffd200; width: 50px; height: 3px; left: 0; right: 0; bottom: -15px; margin: auto; } .hd { font-size: 22px; margin-bottom: 20px !important; color: #212121; line-height: 30px; } .wlcm-section p { color: #fff; margin: 0 0; } .box { position: relative; overflow: hidden; } .msn-section { display:none; } .box::before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; } .msn::before { background: rgba(210, 26, 39, 0.7); } .vsn::before { background: rgba(60, 171, 53, 0.7); } .core::before { background: rgba(255, 221, 0, 0.7); } .box-content { position: absolute; right: 20px; left: 20px; bottom: -175px; transition: all 500ms ease; text-align: center; } .box-content h3 { font-size: 30px; color: #fff; line-height: 30px; text-align: center; margin-bottom: 20px; } .box-content p { color: #fff; text-align: center; height: 130px; } .box-content a i { color: #fff; font-size: 20px; } .box:hover .box-content { bottom: 0px; padding: 80px 0; } .campus-section { margin-top: 70px; } .campus-section .swiper-slide::before { position: absolute; background-image: linear-gradient(0deg, rgba(23, 23, 23, .9) 0, rgba(23, 23, 23, 0) 70%); content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; } .campus-section p, .curricular-section p { margin: 0 0 30px; color: #212121; text-align: center; } .swiper-content { width: 100%; position: absolute; left: 0; bottom: 30px; opacity: 1; z-index: 3; text-align: center; } .campus-section .swiper-container { width: 100%; height: 60vh !important; } .swiper-content p { color: #fff; } .swiper-content h3 { text-align: center; color: #fff; font-size: 30px; line-height: 30px; } .swiper-content a { cursor: pointer; } .swiper-content a i { color: #fff; font-size: 22px; text-align: center; } .why-section { position: relative; padding: 80px 0 0; } .why-section .hd { margin: 0 10% 20px; } .why-box-warea { margin-top: 66px; } .mar-btm { margin-bottom: 30px; } .why-box { background-color: #f5f5f5; text-align: center; padding: 24px; } .why-box::before { position: absolute; top: 5px; left: 20px; right: 20px; bottom: 5px; content: ""; background-color: transparent; border: 2px solid #1c355e; transition: all 500ms ease; transform: scaleY(0); z-index: 0; opacity: 0; } .why-box:hover::before { transform: scaleY(1); opacity: 1; } .why-box h4 { font-family: 'Quicksand', sans-serif !important; font-weight: 900; font-size: 40px !important; color: #1c355e; padding: 10px 0; margin: 0; line-height: 40px; } .why-box h5 { font-family: 'Quicksand', sans-serif !important; font-size: 20px !important; color: #686767; margin: 0; line-height: 20px; } .hap-section { padding: 80px 0; } .hap-section p { text-align: center; margin: 0 10% 30px; } .text-bx { padding: 25px 0 0; } .text-bx span { color: #7e7e7e; font-size: 13px; margin-bottom: 5px; display: block; text-transform: uppercase; } .text-bx p { text-align: left; } .hap-section .text-bx p { margin: 0; } .image-box { position: relative; overflow: hidden; } .image-box img { transform: scale(1); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transition: all 700ms ease; } .hap-box:hover .image-box img { transform: scale(1.2); } .image-box::before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; z-index: 1; } .image-box span { position: absolute; top: calc(50% - 25px); left: calc(50% - 25px); font-size: 20px; line-height: 20px; z-index: 2; color: #fff; opacity: 0; border: 2px solid #fff; border-radius: 50%; display: block; width: 50px; height: 50px; text-align: center; line-height: 48px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; } .hap-box:hover .image-box::before { opacity: 0.7; } .hap-box:hover span { opacity: 1; } .hap-box:hover p, .hap-box p { color: #212121; } .campus-section .swiper-button-previous-nav, .campus-section .swiper-button-next-nav { opacity: 0; } .campus-section .swiper-container:hover .swiper-button-previous-nav, .campus-section .swiper-container:hover .swiper-button-next-nav { opacity: 1; } .campus-section .swiper-container:hover .slider-navigation-style-05.swiper-button-prev { left: 20px; } .campus-section .swiper-container:hover .slider-navigation-style-05.swiper-button-next { right: 20px; } .image-wrapper { width: 100%; z-index: 1; position: relative; display: block; overflow: hidden; } .image-wrapper::before { position: absolute; top: 0; left: -75%; display: block; content: ""; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, .3))); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); } .image-wrapper:hover::before { animation: shine 1s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .curricular-section { padding: 0px 0 0; } .img_wrapper { position: relative; } .img_container a:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0.4; } .img_container img { -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; transition: all 700ms ease; -webkit-backface-visibility: hidden; } .img_container { position: relative; overflow: hidden; z-index: 0; } .short_info { position: absolute; left: 0; bottom: 0; background-image: linear-gradient(0deg, rgba(23, 23, 23, .9) 0, rgba(23, 23, 23, 0) 90%); width: 100%; padding: 50px 15px 15px 20px; color: #fff; font-size: 13px; line-height: 22px; text-align: center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .short_info h3 { font-size: 28px; color: #fff; margin: 0 0 10px 0; padding: 0; line-height: 28px; } .short_info p { opacity: 0; display: none; padding-top: 10px; line-height: 1.4; font-weight: 400; } .img_container a:hover .short_info { padding-bottom: 13%; } .img_container a:hover .short_info p { display: block; opacity: 1; color: #fff; } .curricular-section .swiper-button-previous-nav, .campus-section.curricular-section .swiper-button-next-nav { opacity: 1; } .curricular-section .slider-navigation-style-05.swiper-button-prev { left: 40px; } .curricular-section .slider-navigation-style-05.swiper-button-next { right: 40px; } .tour-section { position: relative; margin-top: 80px; padding-top: 80px; } .tour-section::before { content: ""; position: absolute; background-color: #1c355e; width: 100%; height: 65%; top: 0; left: 0; right: 0; z-index: -1; } .tour-section::after { content: ""; position: absolute; background: url(images/45.png) repeat left top; width: 100%; height: 65%; top: 0; left: 0; right: 0; z-index: 0; opacity: 0.03; } .tour-section p { margin: 0 10% 30px; } .video-img { position: relative; overflow: hidden; z-index: 1; } .video-img img { width: 100%; } .video-img a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9; font-size: 14px; color: #f32735; height: 80px; width: 80px; text-align: center; background: #f32735; border-radius: 50%; padding: 25px; } .video-img a::before { content: ""; position: absolute; left: 50%; top: 50%; height: 90px; width: 90px; background: #f32735; z-index: -1; border-radius: 50%; transform: translate(-50%, -50%); animation: pulse-border 1500ms ease-out infinite; } @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .video-img { height: 588px; } footer { background-color: #1c355e; padding: 80px 0 0; } .social-icon li { width: 28px; height: 28px; text-align: center; line-height: 28px; background-color: #fff; border-radius: 50%; color: #1c355e; } .social-icon li i { transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .social-icon li:hover i { -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .social-icon li a { color: #1c355e; } .bdr-btm { border-bottom: 1px solid #fff; opacity: 0.5; margin-bottom: 30px; } footer h5 { font-family: 'Quicksand', sans-serif !important; font-size: 20px !important; color: #ffd500; line-height: 20px; margin-bottom: 20px; } .contact-listing li { color: #fff; font-size: 18px; margin-bottom: 10px; } .contact-listing li a { color: #fff; } .contact-listing li a:hover { color: #ffd500; } .contact-listing li img { margin-right: 8px; } .btm-footer { background-color: #273f66; padding: 20px 0; margin-top: 60px; } .btm-footer p { margin-bottom: 0; color: #fff; } .rgt-text { text-align: right; } .btm-footer p a { color: #8290a6; } .btm-footer p a:hover { color: #fff; } .line-left, .line-right { position: absolute; width: 64px; height: 64px; z-index: 3; } .line-left span, .line-right span { position: relative; display: block; width: 100%; height: 100%; } .line-left span::after, .line-left span::before, .line-right span::after, .line-right span::before { content: ""; border: 2px solid transparent; width: 0; height: 0; display: block; } .line-left span::before, .line-right span::before { top: 0; left: 0; } .line-left span::after, .line-right span::after { bottom: 0; right: 0; } .line-left { top: 9px; left: 9px; transform: rotate(-90deg); } .line-right { bottom: 9px; right: 9px; transform: rotate(90deg); } .box:focus .line-right::before, .box:hover .line-right::before { visibility: hidden; opacity: 0; } .box:focus .line-left span::after, .box:focus .line-left span::before, .box:focus .line-right span::after, .box:focus .line-right span::before, .box:hover.line-left span::after, .box:hover .line-left span::before, .box:hover .line-right span::after, .box:hover .line-right span::before { width: 100%; height: 100%; } .box:focus .line-left span::before, .box:focus .line-right span::before, .box:hover .line-left span::before, .box:hover .line-right span::before { border-top-color: #fff; border-right-color: #fff; transition: width 0.25s ease-out, height 0.25s ease-out 0.25s; } h2 span { font-family: 'Quicksand', sans-serif !important; font-weight: 600; font-size: 32px; } .admission-warea { position: relative; z-index: 1; background-size: cover; background-position: center; padding: 120px 0; margin-top: 80px; text-align: center; background-attachment: fixed; } .admission-warea::after { position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; background: rgba(28, 53, 94, 0.9); mix-blend-mode: multiply; z-index: -1; } .admission-warea h3 { text-align: center; color: #fff; margin-bottom: 15px; text-transform:uppercase; font-size:30px; } .admission-warea p { color: #fff; text-align: center; font-size: 16px; margin-bottom: 50px; } .btn-read { position: relative; padding: 0 !important; } .btn span { position: relative; display: inline-block; font-size: 14px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; top: 0; left: 0; width: 100%; padding: 10px 25px; transition: 0.3s; } .btn-read::before { content: ""; position: absolute; background-color: #fff; transition: 0.3s ease-out; } .btn-read span { color: #fff; border: 1px solid #fff; transition: 0.2s; } .btn-read span:hover { color: #1c355e; transition: 0.2s 0.1s; } .hover-slide-right::before { position: absolute; content: ""; top: 0; bottom: 0; left: 0; height: 100%; width: 0%; } .hover-slide-right:hover::before { width: 100%; } .video-warea { position: relative; } .admission-modal .modal-dialog { max-width: 450px; } .admission-modal .modal-header { border-bottom: none; padding: 10px 20px 0; } .admission-modal .modal-content { border-radius: 0; border: none; } .admission-modal .close { font-size: 2.5rem; font-weight: 500; opacity: 1; } .admission-modal-content { text-align: center; } .admission-modal-content h5 { font-family: 'Quicksand', sans-serif !important; font-size: 30px; margin: 15px 0 0px; color: #1c355e; font-weight: 700; } .admission-modal .adm-btn { padding: 10px 10px 10px 15px; } .admission-modal .modal-body { padding-bottom: 30px; } #inner__header { background-repeat: no-repeat; position: relative; height: 400px; background-position: center center; background-size: cover; text-align: center; display: flex; align-items: center; margin-top: 122px; } #inner__header::before { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; background: hsl(0deg 0% 0% / 52%); height: 100%; } #inner__header h3 { color: #fff; font-size: 2.3rem; margin:0 0 8px; line-height: 1.2; font-weight: 400; letter-spacing: 1px; text-transform:uppercase; } .breadcrumb { justify-content: center; } .breadcrumb span { color: #ffd500; font-weight: 400; margin: 0 0 0 5px; } .breadcrumb a.selected { color: #fff; font-weight: 400; } #our_mission { position: relative; background: #f5f5f5; padding-bottom:70px; } #our_mission h2 { margin: 35px 0; text-align: left; } #our_mission h2::before { right: inherit; } #our_mission h4 { font-size: 1.5rem; margin: 0 0 10px; line-height: 28px; font-family: 'Quicksand', sans-serif; font-weight: 700; } #our_mission p { font-size: 15px; margin: 0; font-family: 'Quicksand', sans-serif; font-weight: 600; line-height: 24px; } .p-40 { padding-top: 40px; } #blue_testimonial .container { background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } #blue_testimonial .container .row .col-lg-8 { padding: 0 40px; } #blue_testimonial h3 { font-size: 1.6rem; color: #1c355e; margin: 30px 0 0; font-family: 'Quicksand', sans-serif; font-weight: 700; position:relative; padding-left:55px; line-height: 2.2rem; } .core_value_box { margin-bottom: 40px; } #blue_testimonial h3 img{ position:absolute; left: 0; } #blue_testimonial p { font-size: 15px; margin: 15px 0 0; font-family: 'Quicksand', sans-serif; color: #212121; line-height: 24px; padding: 0 10px; text-align: justify; } #blue_testimonial .geeta_singh .geeta_blue_bg h4 { font-size: 22px; font-family: 'Quicksand', sans-serif; color: #fff; margin: 0px; line-height: 1.5; } #blue_testimonial .geeta_singh .geeta_blue_bg p { font-family: 'Quicksand', sans-serif; font-size: 15px; margin: 0px; padding: 0px; color: #fff; font-weight: 500; line-height: 24px; padding: 0 10px; text-align: center; } #core_value { background: #1c355e; padding: 0px; } #core_value .container { max-width: 100%; } #core_value h2 { color: #fff; font-size: 32px; font-weight: 500; } .core_value_box { margin-bottom: 20px; } .core_value_box h5 { font-size: 1.5rem; font-weight: normal; line-height: 1; margin: 10px 0; color: #fff; } .core_value_box p { color: #fff; font-weight: 400; line-height: 22px; } #infrastructure_bg { padding: 50px 0; } #infrastructure_bg h4 { font-size: 26px; font-family: 'Quicksand', sans-serif; color: #000; margin: 12px 0 0; line-height: 1.4; text-align: center; font-weight: 500; } #infrastructure_bg p { font-size: 15px; margin: 15px 0 0; font-family: 'Quicksand', sans-serif; text-align: center; color: #000; font-weight: 500; line-height: 24px; padding: 0 10px; } .engage_results_bg { background-color: #f5f5f5; padding: 50px 0; } .engage_results_bg h4 { font-size: 25px; font-family: 'Quicksand', sans-serif; color: #212121; margin: 0px; line-height: 1.5; text-align: center; font-weight: 600; } .engage_results_bg .parent_title { text-align: center; font-family: 'Quicksand', sans-serif; color: #1c355e; font-size: 2.5rem; font-weight: 700; margin: 30px 0; line-height: 3rem; } .geeta_singh { position: relative; } .geeta_singh .geeta_blue_bg { background: rgba(28,53,94,0.8); position: absolute; bottom: 0; width: 100%; text-align: center; padding: 15px; } #blue_testimonial .container .row { display: flex; align-items: center; } #blue_testimonial .container .col-lg-4 { padding-right: 0px; } #blue_testimonial .container .col-lg-4 .geeta_singh img { width: 100%; } .core_value_img { background-position: top center; background-size: cover; height: 925px; } #core_value .container .row { display: flex; align-items: center; justify-content: center; } #core_value h2{ text-align: left; } #core_value h2::before{ margin: 0; } #core_value .core_value_lr { padding: 0 40px; } .application_cont {} .application_cont h3 { text-align: center; font-family: 'Quicksand', sans-serif; font-size: 2rem; color: #262626; margin: 0px; line-height: 2.5rem; } .application_cont p { text-align: center; } .reserve_seat { text-align: center; } .reserve_seat a { text-decoration: none; background-color: #f32735; color: #fff; font-size: 15px; text-transform: uppercase; padding: 8px 16px; display: inline-block; transition: all 0.3s ease; } .reserve_seat a:hover { background-color: #333; } .admission_pro_bg { background-color: #f5f5f5; padding: 0; } .admission_bg h2 { text-align: left; margin-bottom: 30px; } .admission_bg h4 { font-family: 'Quicksand', sans-serif; font-size: 1.6rem; color: #262626; margin: 0 0 8px; line-height: 2rem; } .admission_bg h2::before { right: inherit; } .admission_bg .reserve_seat { text-align: left; } .admission_pro_bg .container .row { align-items: center; } .admission_bg p { margin: 0 0 15px; } .red span { color: #f32735; border: 1px solid #f32735; transition: 0.2s; } .red::before { content: ""; position: absolute; background-color: #f32735; transition: 0.3s ease-out; } .red span:hover { color: #fff; transition: 0.2s 0.1s; } .red_white span { color: #fff; border: 1px solid #f32735; transition: 0.2s; } .red_white::before { content: ""; position: absolute; background-color: #f32735; transition: 0.3s ease-out; } .red_white span:hover { color: #fff; transition: 0.2s 0.1s; border: 1px solid #f32735; } .application_sect .row { align-items: center; } .policy_procedure { background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 500px; display: flex; align-items: center; position: relative; } .policy_procedure::before { content: ''; position: absolute; width: 100%; height: 100%; background: hsl(217.27deg 94% 17.45% / 80%); } .policy_procedure h4 { font-size: 24px; color: #fff; font-family: 'Quicksand', sans-serif; font-weight: 500; margin: 0 0 10px; line-height: 32px; } .policy_procedure p { color: #fff; font-size: 15px; font-family: 'Quicksand', sans-serif; font-weight: 500; } .procedure_address ul { margin: 0px; padding: 0px; } .procedure_address ul li { background-color: #fff; margin: 0 0 20px; padding: 20px; list-style-type: none; line-height: 1.4; font-size: 16px; font-weight: 700; display: flex; align-items: center; } .procedure_address ul li a { color: #000; } .procedure_address ul li a:hover { color: #f32735; } .procedure_address ul li img { float: left; margin-right: 12px; } .policy_procedure button { margin: 10px 0 0; } .form_container h3 { font-family: 'Quicksand', sans-serif; font-size: 2rem; color: #262626; margin: 0px; } .form_container p {} .watch-video { position: relative; overflow: hidden; z-index: 0; } .watch-video img {; cursor: pointer; -webkit-transform: scale(1); transform: scale(1); -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; transition: all 700ms ease; -webkit-backface-visibility: hidden; } .watch-video:hover img { -webkit-transform: scale(1.2); transform: scale(1.2); } .watch-video a { background: #1c355e; display: inline-block; position: absolute; bottom: 0; right: 0; text-decoration: none; color: #fff; padding: 10px 20px; font-size: 16px; text-transform: uppercase; line-height: 32px; transition: all 0.3s ease; } .watch-video a img { padding-right: 8px; } .watch-video a:hover { background: #f32735; } form.book-a-tour input, form.book-a-tour textarea { background: #f5f5f5; border: #eee solid 1px; font-size: 14px; font-weight: 500; border-radius: 0px; color: #000; margin: 0 0 6px; } form.book-a-tour input { padding: 9px 12px; height: auto; } form.book-a-tour input:focus { color: #495057; background-color: #fff; border-color: #f32735; outline: 0; box-shadow: 0 0 0 0.3rem rgb(243 39 53 / 40%); border-radius: 1px; } form.book-a-tour textarea:focus { color: #495057; background-color: #fff; border-color: #f32735; outline: 0; box-shadow: 0 0 0 0.3rem rgb(243 39 53 / 40%); border-radius: 1px; } .submit-text span { color: #f32735; } form.book-a-tour input::-webkit-input-placeholder { color: #797979; } form.book-a-tour input::-moz-placeholder { color: #797979; } form.book-a-tour input:-ms-input-placeholder { color: #797979; } form.book-a-tour input:-moz-placeholder { color: #797979; } form.book-a-tour textarea::-webkit-input-placeholder { color: #797979; } form.book-a-tour textarea::-moz-placeholder { color: #797979; } form.book-a-tour textarea:-ms-input-placeholder { color: #797979; } form.book-a-tour textarea:-moz-placeholder { color: #797979; } #campus_tour_includes { background-color: #f5f5f5; } #admission_process { background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; height: 707px; } .admission_blue_bg { background-color: rgb(28 53 94 / 83%); height: 100%; padding: 50px 40px; } .admission_blue_bg h2 { text-align: left; color: #fff; font-size: 30px; } .admission_blue_bg h2::before { right: inherit; } .admission_blue_bg ul { margin: 0px; padding: 0px; } .admission_blue_bg ul li { list-style-type: none; color: #fff; font-family: 'Quicksand', sans-serif; font-size: 20px; display: flex; align-items: center; margin-bottom: 25px; line-height: 36px; font-weight: 400; position: relative; cursor: pointer; } .admission_blue_bg ul li span { width: 50px; height: 50px; line-height: 6px; background: none; border: 2px solid #ecf0f1; border-radius: 100%; -webkit-transition: all 200ms ease-in-out; margin: 0 5px 10px 5px; z-index: 1; text-align: center; padding: 19px 0 0; top: 5px; position: relative; } .admission_blue_bg ul li span+.red_bg { background: #f32735; position: absolute; top: 11px; left: 11px; bottom: 0; right: 3px; border-radius: 100%; z-index: 0; -webkit-transition: all 200ms ease-in-out; width: 38px; height: 38px; } .admission_blue_bg ul li:hover .red_bg { top: 6px; left: 6px; width: 48px; height: 48px; } .admission_blue_bg ul li:hover span { border-color: #f32735; } .accordion-container{ position: relative; } .accordion-container h2 { text-align: left; font-size: 32px; } .accordion-container h2::before{ right: inherit; } .set{ position: relative; width: 100%; height: auto; background-color: #f5f5f5; } .set > a { display: flex; padding: 10px 15px; font-size:17px; justify-content: space-between; align-items: center; text-decoration: none; color: #333; font-weight: 600; border-bottom: 6px solid #ffffff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; } .set > a i { float: right; margin-top: 2px; color: #f32735; } .set > a.active{ background-color:#1c355e; color: #fff; } .content{ background-color: #fff; border-bottom: 1px solid #ddd; display:none; } .content p{ padding: 10px 15px; margin: 0; color: #333; } #watchVideo .modal-dialog { max-width: 700px; } #watchVideo .modal-dialog .modal-content { border-radius: 0; position: relative; border: 0px solid rgba(0,0,0,.2); display: contents; } #watchVideo .modal-dialog .modal-body { padding: 0; } #watchVideo .modal-dialog .modal-body button.close { position: absolute; top: -15px; right: -10px; background: #f32735; z-index: 1; opacity: 1; padding: 10px 15px; border-radius: 50px; border: #fff solid 2px; color:#fff; text-shadow: 0 0px 0 #fff; } .gallery h2{ font-family: 'Quicksand', sans-serif; font-weight: 700; } .gallery-box{ margin-bottom:30px; position: relative; } .gallery-box .gallery-title{ position: absolute; bottom:0; left: 0; right:0; background-color:rgba(28,53,94,0.8); text-align:center; color:#fff; font-size: 22px; font-family: 'Quicksand', sans-serif; font-weight: 600; padding:10px 20px; } .gallery .bg-gradient-sky-blue-pink{ background-image: none; background-color:rgba(28,53,94,0.8); } .table-warea{ margin-top:60px; } .table-warea{ text-align: center; } .table-warea .table .thead-dark th{ background-color: #1c355e; border-color: #1c355e; } .table-warea h2 { font-family: 'Playfair Display', serif; } .table-warea h3{ font-size: 25px; line-height: 30px; margin: 30px 0 20px; } .event-warea h3{ font-size:25px; color: #1c355e; font-weight: 600; line-height: 32px; padding:0px; margin-bottom:15px; } .event-meta{ padding:30px 0 10px; } .event-meta ul li{ display: inline-block; border-right:1px solid #d3dbeb; padding-right:10px; margin-right:10px; line-height: 18px; } .event-meta ul li i{ color: #f32735; margin-right:5px; } .event-meta ul li:last-child{ border:none; } .event-warea h2{ text-align: left; } .event-warea h2::before{ margin:0; } .recent-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; line-height: 20px; } .recent-post .media-img { margin-right: 20px; width: 80px; overflow: hidden; } .recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; } .recent-post:hover .media-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } .recent-post .recent-post-meta { margin-top: 10px; } .post-title a, .post-title{ font-family: 'Quicksand', sans-serif; font-size: 16px; color: #1c355e; font-weight: 700; line-height: 25px; margin-bottom: 10px; } .recent-post-meta i{ color: #f32735; margin-right:5px; } .admission_bg p a{ color:#f32735; } .admission_bg p a:hover{ color:#828282; } .listing li{ position:relative; margin-bottom:10px; padding-left:15px; list-style-type:none; } .listing li::after{ content:"\f054"; position:absolute; left:0; top:0px; color:#f32735; font-size:11px; font-family:"Font Awesome 5 Free"; } #campus_tour_includes .box-content h3 { font-size: 24px; height: 60px; overflow: hidden; } #campus_tour_includes .box-content { bottom: -140px; height:210px; } #campus_tour_includes .box:hover .box-content { bottom: 0px; padding: 80px 0; height:auto; } #campus_tour_includes .box-content li{ list-style-type: none; } section#gov_bodies1 h2 { margin-bottom: 25px; } section#gov_bodies { padding-bottom: 30px; } section#gov_bodies h2 { margin-bottom: 25px; } .cambridge_logo { padding: 50px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin: 50px 0; } h2{ text-transform: uppercase; } .team-box { padding-left:7rem; } .testimonials-author{ color:#f32735; } .swiper-horizontal-3d .swiper-slide.swiper-slide-active { box-shadow: 0 0 30px rgba(0, 0, 0, .17); } .swiper-horizontal-3d.swiper-container { padding-bottom: 30px; } #management_warea{ padding:70px 0; } #blue_testimonial{ padding-bottom: 30px; } .grid.grid-4col li { width: 33%; } .bg-gradient{ background-color:rgba(28,53,94,.9) } .inner-pg{ padding-bottom:70px; } .inner-pg section{ padding-bottom:0; } h3{ font-size: 25px; line-height: 30px; } .list-none{ list-style-type: none; } ol li strong{ font-weight: 800; font-size:16px; } ol{ margin-top:10px; } ol > li{ margin-bottom:10px; } ol > li ul.listing{ margin-top:10px; } .bg-grey{ background-image: linear-gradient(to bottom, #f7f7f7, #f9f9f9, #fbfbfb, #fdfdfd, #fff); padding:70px 0; margin-top:70px; } .bg-grey h2::before { right: 0; } .process-step-style-02 span{ font-weight: 600 !important; font-size:17px; } .border-color-fast-blue { border-color: #1c355e !important; } .bg-fast-blue { background-color: #1c355e; } .process-step-style-02 .process-step-item:hover .process-step-icon { border-color:#f32735 !important; color: #f32735; } p a{ color:#f32735; } p a:hover{ color:#1c355e; } p strong{ font-weight: 800 !important; font-size:17px !important; } .navbar-nav li:last-child .nav-link{ margin-right:0; } .adm-btn:focus{ color:#fff; } .adm-btn{ letter-spacing: 1px; } .hg-text{ background-color:#f5f5f5; padding:30px; text-align: left; color:#1c355e; margin-bottom:30px; border-left: 5px solid #f32735; } .hg-text h3{ margin-bottom: 0; line-height: 35px; } h1 { color: #fff; font-size: 60px; background-color: rgba(28, 53, 94, 0.9); border-left: 6px solid #ffd200; padding: 8px 20px; font-weight: 500; } .banner-text{ position: absolute; top: 40%; left: 10%; } .text-bx h3{ text-align:center; color:#1c355e; font-size:22px; font-family: 'Quicksand', sans-serif !important; margin-bottom:0; font-weight:800; } .wg-drop.country-selector .wgcurrent:after{ transform: rotate(360deg); } .wg-drop.country-selector.closed .wgcurrent:after{ transform: rotate(180deg); } .country-selector a{ font-family:'Quicksand', sans-serif !important; color:#232323 !important; font-size: 13px !important; } .country-selector{ padding-left:0 !important; width:120px !important; } .wg-drop.country-selector ul { box-shadow: 0 0 15px rgba(0, 0, 0, .2) !important; } .table-style-02{ width: 50%; } .table-style-02 thead{ background-color: #1c355e; color: #fff; } .footer-logo ul { margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } .contact-form .form-control{ padding-top:10px; padding-bottom:10px; height:auto; margin-bottom:8px; } .swiper-button-next::before, .swiper-button-prev::before{ content:''; display:block; width:32px;height:32px; border:solid #fff; border-width:0 4px 4px 0; border-radius:2px; transition:opacity .15s; } .swiper-button-next::before{ transform:rotate(-45deg); } .swiper-button-prev::before{ transform:rotate(135deg); } .swiper-button-next:hover::before, .swiper-button-prev:hover::before{ opacity:.65; } .menu-parent > a::after{ content:''; display:inline-block; width:8px;height:8px; margin-left:6px; border:solid currentColor; border-width:0 2px 2px 0; transform:rotate(45deg); }