@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); /* Fonts Family CSS font-family: 'Times New Roman', sans-serif; font-family: 'Montserrat (SemiBold)', sans-serif; font-family: 'Bakerville Display & ITC New Baskerville', sans-serif; font-family: 'Calibri', sans-serif; */ /* Header */ .rank-math-html-sitemap li a { color: #000; text-decoration: none; } .rank-math-html-sitemap li a:hover { color: #415f9d; } h2.rank-math-html-sitemap__title { font-size: 1.5rem; line-height: 1.4; font-weight: 700; } .rank-math-html-sitemap { display: flex ; gap: 60px; } :root { --section-gap: 60px; --section-gapb: 72px; --section-t-line-h: 1; --yellow: #f7d643; --blue: #082e9e; --text-dark: #0f172a; --text-light: #64748b; --border-light: #e5e7eb; --white: #ffffff; --title: Libre Baskerville; --sub-title: Baskervville; } html { overflow-x: hidden; box-sizing: border-box; } .qr { position: absolute; right: 0; } .qr img { width: 130px; } figure.pdf a { display: none !important; } .afa-inner-content .alignright { float: right; padding: 0 0 30px 30px; } .pointer-none { pointer-events: none; } .align-right { float: right; padding-left: 30px; padding-bottom: 30px; } .job-tags ul { margin-bottom: 30px; max-width: 80%; } .sign-icon.roated-end { right: 0; bottom: -25px; top: auto; left: auto; transform: rotate(180deg); } /* Common */ .pb-0{ padding-bottom: 0!important } .pt-0{ padding-top: 0!important } .mb-0{ margin-bottom: 0!important } .mt-0{ margin-top: 0!important } .content-slider-x1, section.grade-system-x1.clearfix, .our-voices-sec { padding: var(--section-gap) 0px var(--section-gapb);} .content-block-x2 { margin-top:var(--section-gapb); } section.content-block-x2.clearfix.content-block-x2-afa { margin: var(--section-gapb) 0 0 } *, html, body { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Calibri', sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.15; } .row.newsletter { color: #fff; } @font-face { font-family: 'Nacelle'; src: url('../fonts/nacelle-regular-webfont.eot'); src: url('../fonts/nacelle-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/nacelle-regular-webfont.woff2') format('woff2'), url('../fonts/nacelle-regular-webfont.woff') format('woff'), url('../fonts/nacelle-regular-webfont.svg#nacelleregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: "Nacelle"; src: url("https://db.onlinewebfonts.com/t/1f6ff2bc78822f67fe0ffe6dabf9b905.eot"); src: url("https://db.onlinewebfonts.com/t/1f6ff2bc78822f67fe0ffe6dabf9b905.eot?#iefix")format("embedded-opentype"), url("https://db.onlinewebfonts.com/t/1f6ff2bc78822f67fe0ffe6dabf9b905.woff2")format("woff2"), url("https://db.onlinewebfonts.com/t/1f6ff2bc78822f67fe0ffe6dabf9b905.woff")format("woff"), url("https://db.onlinewebfonts.com/t/1f6ff2bc78822f67fe0ffe6dabf9b905.ttf")format("truetype"), url("https://db.onlinewebfonts.com/t/1f6ff2bc78822f67fe0ffe6dabf9b905.svg#Nacelle SemiBold")format("svg"); font-weight: 700; font-style: normal; } p { font-size: 20px; line-height: 1.5; font-family: 'Calibri', sans-serif; color: #545454; } .home-banner-content p { line-height: 1.7; font-family: 'Calibri', sans-serif; color: #012169; font-size: 20px; max-width: 600px; } .card-content strong {color: #012169;} .header { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; background: none; background: transparent; } .navbar .container { max-width: 1250px; margin: auto; display: flex; justify-content: space-between; align-items: center; } a.btn.btn-x1 { display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none; height: 40px; border: 1px solid #f2a900; background-color: #f2a900; line-height: 36px; font-size: 14px; padding: 0 30px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; cursor: pointer; color: #012169; font-weight: 600; } a.btn.btn-x1:hover { background-color: #ffc540; border-color: #ffc540; } /* Header */ /* Home Page */ .home-banner-content { max-width: 530px; } .single-banner .container{height: 100%;} .banner-video {position: absolute;width: 100%; height: 100%;} .video-play--1 img { max-width: 100px; cursor: pointer; } .image-box-x1 .owl-theme .owl-dots .owl-dot { font-size: 0; } .banner-video video {object-fit: cover;} .home-banner { background-size: cover !important; background: #fff; max-width: 100%; margin: 0px; display: block; align-items: center; justify-content: left; width: 100%; position: relative; } .single-banner { width: 100%; position: relative; } .home-banner-container { max-width: 1200px; width: 100%; text-align: left; height: 100vh; display: flex; align-items: center; z-index: 2; } .overlay-banner { content: ''; height: 100%; width: 100%; background: #ede9ea47; position: absolute; z-index: 1; left: 0; } .home-banner-content { max-width: 815px; width: 100%; text-align: left; } .home-banner-content .home-banner-content-inner { max-width: 100%; text-align: left; margin-bottom: 150px; } .single-banner-inner { background-repeat: no-repeat!important; background-position: 70% 60%!important; display: flex; align-items: end; height: 100%; } .home-banner-content h2, .home-banner-content { font-size: 50px; color: #000; font-weight: 400; z-index: 9; font-family: 'Lora', serif; line-height: 1.2; } .home-banner h1 {color: #fff;font-size: 5rem;font-weight: 400;} .single-banner.single-banner-areas { height: calc( 100vh - 1px ); background-repeat: no-repeat!important; background-position: center center!important; background-size: 110%!important; } .client-logo-sec{background: #082e9e; margin:0px 0px 0;} .client-logo-sec .grid-inner {grid-column-gap: 50px; padding: 0px 0px; justify-content: space-between; text-align: center;} .videoblock-heading {text-align: center;} .videoblock-heading h4 {text-transform: uppercase;font-weight: 900;font-family: 'Nacelle', sans-serif; color: #E1A936;} .videoblock-heading h3 {font-family: 'Lora', serif;font-size: 56px;color: #000000;max-width: 800px;line-height: 1.1; font-weight: 400; text-align: left;} section.content-video-icons p {font-size: 20px !important; color: var(--blue)!important;} section.content-video-icons h3 { font-family: var(--title); font-weight: 400 !important; color: var(--blue); margin: 0; } /* Home Page */ /* mobile header start */ .mobie-toggle{display: none;} .afa-mobile-header{background: #000D33; padding: 20px 20px; position: fixed; height: 100%; width: 100%; top: 0 ; bottom: 0; left: 0; right: 0; display: none; z-index: 99; overflow-y: scroll; padding-bottom: 100px;} a.mobile-logo {max-width: 86px;display: block;} .mobile-header-top-bar .my-menu-close {top: 54px;} .mobile-navbar ul.sub-menu {display: none;} .mobile-navbar {margin: 30px 0;padding: 0 5px;} .mobile-navbar li.menu-item-has-children {border-bottom: 1px solid #ffffff59;margin-bottom: 0;padding: 14px 0; position: relative;} .mobile-navbar li.menu-item-has-children:before {content: '';position: absolute;background: url(https://alfalahacademy.com/wp-content/uploads/2024/01/dropdown-arrow.png);width: 10px;height: 7px;right: 5px;background-size: contain;top: 26px;} ul.sub-menu.active {display: block;} ul.sub-menu.active li.menu-item {padding: 2px 13px;margin: 0;} .mobile-navbar ul li a {display: block !important;} .mobile-navbar .navigation-visit {position: fixed;left: 0;right: 0;bottom: 0;} .mobile-navbar .navigation-visit a {display: flex !important;} .mobile-navbar .navigation-visit ul li a {padding: 21px 7px;height: 70px;font-size: 12px;} /* mobile header end */ /* Footer */ .copyright { padding: 12px 40px 9px; } .copyright p{margin: 0;} .copyright .row{align-items: center;} .copyright ul { list-style-type: none; margin: 0; } .copyright ul li { display: inline-block; font-size: 12px; padding: 0 5px; line-height: 24px; color: #000; } .copyright ul li a { color: #000; font-weight: normal; } .copyright a, .copyright, .copyright li { color: #000; font-size: 16px; text-transform: none; } /* Style for popup container */ .popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; visibility: hidden; z-index: 1000; } /* Style for popup content */ .popup-content { background-color: #fff; width: 600px; text-align: center; border-radius: 12px; position: relative; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); overflow: hidden; } /* Style for close icon */ .close-btn { position: absolute; top: 20px; right: 15px; font-size: 20px; cursor: pointer; font-size: 26px; color: #ff5449; } span#closePopup svg path { fill: red; } span#closePopup svg { width: 28px; } /* Show popup */ .popup.show { visibility: visible; } div#notificationPopup p { font-size: 28px; line-height: 1.4; margin: 0; } .popup-head { padding: 20px; background: #edc168; color: #fff; font-size: 26px; font-weight: 700; color: #000d35; } .popup-body { padding: 20px 30px 20px; min-height: 200px; display: flex; align-items: center; } /* Footer */ /* Header */ /* US School */ section.us-education-system .container-x1 .inner { margin: 40px 80px; } section.us-education-system { border-left: 1px solid #f3f1f2; } section.us-education-system .col-3 { border-left: 1px solid #f3f1f2; flex: 1; } section.us-education-system .container-x1 .inner h2 { font-size: 28px; line-height: 42px; -webkit-margin-before: 0; -webkit-margin-after: 0; color: #000; } section.us-education-system .container-x1 .inner p { margin-bottom: 40px; margin-top: 8px; } .steper_years { font-size: 40px; position: relative; color: #000C49; } .steper_years span { position: absolute; top: 6px; left: auto; margin-left: 3px; font-size: 12px; font-weight: normal; letter-spacing: -0.3px; display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #000C49; margin-left: 15px; } section.us-education-system i.right-arrow svg { height: 30px; width: 30px; } section.us-education-system i.right-arrow { margin-top: 35px; display: inline-block; } section.us-education-system i.right-arrow path { fill: silver; } section.us-education-system .col-3{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } section.us-education-system .col-3:hover .steper_years { color: #fff; } section.us-education-system .row .col-3:hover { z-index: 62; background-color: #f2a900; color: #ffffff; border-left: 1px solid #f2a900; -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -o-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03); box-shadow: 0px 28px 81px -7px rgba(0, 0, 0, 0.44); } section.us-education-system .row { display: flex; overflow: hidden; } section.us-education-system .row .col-3:hover .steper_years, section.us-education-system .row .col-3:hover p, section.us-education-system .row .col-3:hover h2 { color: #fff; } section.us-education-system .row .col-3:hover i.right-arrow svg path { fill: #fff; } section.us-education-system .row .col-3:hover .steper_years,section.us-education-system .row .col-3:hover .steper_years span { border-color: #fff; } .fix-body header.header.fix-nav { background: #fff; padding: 20px; } section.us-education-system .row .col-3 .steper_years h5 { position: absolute; top: 6px; left: auto; margin-left: 3px; font-size: 12px; font-weight: normal; letter-spacing: -0.3px; display: inline-block; padding-bottom: 4px; border-bottom: 1px solid #000C49; margin-left: 15px; border-color: #000; margin: 0 15px; } .steper_years p { display: inline-block; } section.us-education-system .row .col-3:hover .steper_years h5 { border-color: #fff; } /**/ section.stylish-banner-x2.clearfix { background-image: url(../../../wp-content/uploads/2023/06/female-hijab-muslim-teacher-helps-school-kids-finish-they-lesson-selective-focus-high-quality-p-min.jpg); min-height: 800px; background-size: 100%; background-position: center; position: relative; } section.stylish-banner-x2.clearfix .container { height: 100%; z-index: 9; max-width: 1250px; } .content-area-grid { display: flex; height: 100%; position: absolute; top: 0; width: 100%; max-width: 1250px; } .content-area { display: block; height: auto; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9; max-width: 100%; max-width: 1250px; } .content-area-grid-inner { width: 100%; border-left: 1px solid rgba(255, 255, 255, 0.5); height: 100%; display: flex; } .row.f-content { margin-bottom: 30px; } section.stylish-banner-x2.clearfix h3 { font-size: 42px; margin-bottom: 60px; } section.stylish-banner-x2.clearfix p, section.stylish-banner-x2.clearfix h3, section.stylish-banner-x2.clearfix h5 { color: #fff; } section.stylish-banner-x2.clearfix .row.l-content .col-3 { padding-right: 30px; } .row.l-content p { font-size: 16px; } .content-area-grid-inner { width: 100%; border-left: 1px solid rgba(255, 255, 255, 0.5); height: 100%; display: flex; } .grid-content-3 { display: flex; width: 25%; border-right: 1px solid rgb(255 255 255 / 72%); height: 100%; } i.earth-icon svg { height: 50px; margin-bottom: 40px; width: auto; } i.earth-icon svg path { fill: #fff; } i.earth-icon svg circle { fill: #fff; } section.stylish-banner-x2.clearfix:after { content: ''; position: absolute; background: #000000b0; width: 100%; height: 100%; top: 0; } .title { text-align: center; } .title h3 { font-size: 18px; letter-spacing: 0.2em; margin: 0; font-weight: 400; } section.content-block-x2 .title h2 { font-size: 50px; } /* Content X1 */ section.content-block-x1 .inner-data { text-align: center; width: 60%; margin: var(--section-gap) auto; padding: 0 0 100px; position: relative; } .content { background: #fff; z-index: 1; padding: 70px 0 30px; } section.content-block-x1 h2 { font-size: 42px; font-weight: 400; color: #032f52; } section.content-block-x1 .inner-data:after { position: absolute; content: ' '; width: 2px; height: 100%; left: calc(50% - 1px); top: 0; background-color: #032f52; z-index: -1; } section.content-block-x1.content-block-x2 { position: relative; padding-top: 100px; padding-bottom: 60px; } section.content-block-x2 .inner-data { display: flex; text-align: center; width: 80%; margin: 0px auto; padding: 0px 30px; position: relative; z-index: 1; background: #fff; } section.content-block-x2 .inner-data .content { width: 24%; } section.content-block-x2 .inner-data .content i { margin-bottom: 10px; display: inline-block; } section.content-block-x2 h2 { font-size: 40px; margin: 0; } section.content-block-x1.content-block-x2:after { position: absolute; content: ' '; width: 100%; height: 2px; left: 0; top: 50%; background-color: #032f52; z-index: -1; } section.content-block-x2 .inner-data .content i svg { height: 60px; width: 60px; } section.content-block-x2 .inner-data:after { display: none!important } section.content-block-x2.clearfix.content-block-x2-afa { background: #fff; padding-top: 60px; } /* Image Block x1 */ section.image-box-x1 { position: relative; } /*section.image-box-x1 .container { max-width: 100%; } */ section.image-box-x1 .content { display: flex; align-items: center; } .image-area { max-width: 1200px; width: 100%; } .image-area img { object-fit: cover; width: 100%; } section.image-box-x1 .content .inner { width: 35%; right: 0; background: #fff; background-position: center top 60px; padding: 120px 50px 50px; background-color: #032f52; color: #fff; z-index: 9; margin-left: -120px; } section.image-box-x1 .content { padding-bottom: 0; padding-top: 0; } .quote-link a.btn.btn-x1 { font-size: 14px; } .quote-area-by, section.image-box-x1 h5 { font-size: 18px; text-align: center; margin-top: 30px; margin-bottom: 30px; text-align: center; } .quote-area, section.image-box-x1 p { font-size: 25px; line-height: 1.4; text-align: center; color: #fff } .quote-link { text-align: center; } /* Image Box x1 New*/ section.image-box-x1 { margin: var(--section-gapb) 0; } .left-slider-image { width: 10%; height: 525px; display: block; bottom: 35px; overflow: hidden; filter: grayscale(100%); opacity: .3; position: absolute; -ms-flex-order: 1; order: 1; } .left-slider-bg-image { background-image: url(../../../wp-content/uploads/2023/06/Untitled-3-min.png); height: 100%; width: 100%; background-color: #C3C5CC; background-position: center center; background-repeat: no-repeat; background-size: cover; display: inline-block; } section.image-box-x1 .content { padding-bottom: 0; padding-top: 0; padding: 0 0 0 0%; width: 100%; } section.image-box-x1 .content { align-items: center; display: inline-flex !important; height: 432px; align-items: flex-start; } section.image-box-x1.md-mf .content{display: flex !important; height: auto; align-items: center;} .image-area { max-width: 1200px; width: 100%; width: 45%; position: relative; } .image-area:before {content: '';position: absolute;width: 100%; height: 32%;bottom: 0;background-image: linear-gradient(#ffffff00, black);} .image-area img { object-fit: cover; width: 100%; height: 100%; } section.image-box-x1 .content .inner { position: relative; margin-left: 0px; width: 35%; right: 0; background: #fff; background-position: center top 60px; background-color: #fff; color: #fff; z-index: 9; padding: 70px 50px 50px 70px; width: 55%; top: 0; height: 475px; margin-bottom: 24px; } section.image-box-x1.md-mf .content .inner{height: auto; margin: 0} section.image-box-x1 h5 { margin: 0;font-size: 16px;font-weight: 500;text-transform: uppercase;color: #A87C24 !important;margin-bottom: 20px; } section.image-box-x1 h2 { margin: 0; font-size: 48px; color: #000 !important; text-transform: uppercase; letter-spacing: normal; } section.image-box-x1 h2, section.image-box-x1 h5, section.image-box-x1 p { text-align: left; color: #5c646c; } section.image-box-x1 p { width: 84%;margin-top: 5px;line-height: 1.5;font-family: 'Nacelle';font-weight: 200;} section.image-box-x1 .owl-nav{display: none !important;} section.image-box-x1 .quote-link a.btn.btn-x1 {display: flex; align-items: center; grid-column-gap: 13px;} section.image-box-x1 .quote-link a.btn.btn-x1 { display: flex; align-items: center; grid-column-gap: 13px; background: #E1A936; position: relative; box-sizing: border-box; display: inline-block; transition: background-color .3s ease, border-radius .3s ease; padding: 6px 30px; font-size: 15px; margin-right: 5px; height: auto; color: #fff; } span.special-screen-reader-text {position: relative;top: 1px;} .quote-link { text-align: left; } .quote-link a.btn.btn-x1 { font-size: 12px; background: transparent; color: #fff; border: 0; font-weight: 600; padding: 0; color: #333c45; text-transform: uppercase; } .latest-news { position: absolute; top: 0; left: 0; font-family: "Gill Sans W01 Cond", sans-serif; font-size: 15px; line-height: 18px; letter-spacing: 1.6px; text-transform: uppercase; padding: 17px 52px 17px 52px; color: #fff; margin: 15px 0 0 0; z-index: 1; } .latest-news:after, .latest-news:before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 210px; height: 50px; z-index: -1; } .latest-news:after { background: linear-gradient(to right, rgba(18, 58, 111, 0.9) 0%, transparent 100%); width: 240px; } .latest-news:before { background-image: url(../../../wp-content/uploads/2023/07/loudspeaker-1.svg); left: 20px; content: ''; width: 20px; height: 25px; background-position: center; background-repeat: no-repeat; position: absolute; top: 11px; z-index: 1; background-size: 20px; } /*.slider.owl-slider-x3.owl-carousel { padding: 0 0 0 10%; width: 100%; padding-right: 30px!important; }*/ section.image-box-x1 .owl-theme .owl-dots .owl-dot.active span, section.image-box-x1 .owl-theme .owl-dots .owl-dot:hover span { background: var(--yellow); } section.image-box-x1 .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: rgb(217 171 78 / 50%); display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; border: 0; } section.image-box-x1 .owl-dots { position: absolute; left: 22%; bottom: 3%; } } section.image-box-x1 .owl-nav { position: absolute; right: 8%; top: 41%; transform: translateY(-50%); width: 120px; height: 0; display: none;} .owl-nav button.owl-prev span:after { content: ''; height: 38px; width: 1px; background: #fff; display: block; position: absolute; top: 15px; right: 58px; } section.image-box-x1 .owl-nav { position: absolute; right: 80px; top: 50%; transform: translateY(-50%); width: 120px; height: 0; } .owl-nav button.owl-prev span { font-size: 0; color: #fff; } .owl-nav button.owl-prev span:before { background: url(../icons/left-chevron-white.svg)!important; content: ''; width: 60px; height: 60px; background-size: 60px!important; background-repeat: no-repeat!important; position: absolute; left: 0; } .owl-nav button.owl-prev span:after { content: ''; height: 38px; width: 1px; background: #fff; display: block; position: absolute; top: 15px; right: 58px; } .owl-nav button.owl-next span { font-size: 0; } .owl-nav button.owl-next span:before { background: url(../icons/left-chevron-white.svg)!important; content: ''; width: 60px; height: 60px; background-size: 60px!important; background-repeat: no-repeat!important; position: absolute; transform: rotate(180deg); } img.img-block-background-content-image { position: absolute; width: 460px!important; height: 360px; left: 32%; opacity: .12; z-index: -1; transform: rotate(160deg); top: 20px; } /* news slider start */ .owl-slider-x1 .owl-item(odd) .item { background-color: #f4f4f4; padding: 2.5rem 3.125rem; } .owl-slider-x1 .owl-dots, .owl-slider-x1 .owl-nav { display: none; } .content-slider-x1.clearfix .col-4 { align-items: center; float: revert; height: 100%; display: flex; } section.content-slider-x1 .inner h3 {margin: 0;color: #000000;font-size: 56px;font-family: 'Lora', serif;font-weight: 300; line-height: 1} .content-slider-x1 .owl-slider-x1.owl-carousel { width: 100%; z-index: 1; margin-top: 60px;} .content-slider-x1 .inner-slider .item h2 { font-size: 30px; font-weight: 400; color: #000; } .afa-news-image {overflow: hidden;min-height: 280px;max-height: 280px;} .content-slider-x1 .owl-slider-x1.owl-carousel .item img {width: 19px;object-fit: cover;} .owl-slider-x1-caption{padding: 20px 20px; background: #000D33; border-left: 5px solid var(--yellow);} .news-date {border: 2px solid var(--yellow);text-align: center;min-width: 77px;height: 75px;align-items: center;justify-content: center;display: flex;font-weight: 400;text-transform: capitalize;font-size: 19px; line-height: 1.4; flex-direction: column; font-family: 'Lora', serif; color: var(--yellow);margin-bottom: 20px;} .news-date b { font-size: 24px;font-weight: 500;color: #fff;line-height: 31px;text-transform: capitalize;font-family: 'Nacelle';} .announcements-xl-news {display: flex;align-items: center;grid-column-gap: 20px;} .announcements-xl-news h3 { font-size: 20px;min-height: 70px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 1.1; color: #fff; align-items: center;justify-content: center;display: flex;} .owl-slider-x1-caption p {color: #fff;font-size: 20px;} .owl-slider-x1-caption h4{color: #fff; font-size: 20px; font-weight: 400;} .news-caption-bottom {display: flex;justify-content: space-between;} .news-caption-bottom .news-date {color: #fff;} .owl-slider-x1-caption .btn.btn-x11 { color: var(--yellow); font-size: 17px; display: flex; align-items: center; grid-column-gap: 19px; text-decoration: underline; justify-content: flex-end; background: transparent; margin-left: auto; outline: none; box-shadow: none; border: 0; cursor: pointer; } .content-slider-x1 { background: #fcf6f2;} .content-slider-x1 .owl-slider-x1.owl-carousel .item {margin-bottom: 0;} .content-slider-x1 .inner-slider .item p { font-size: 16px;margin-bottom: 15px;color: #E7E9EE;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .new-time {text-transform: uppercase;font-weight: 500;letter-spacing: 1px; margin-bottom: 4px; color: var(--yellow); font-size: 17px;} .content-slider-x1 .col-8 { /* position: relative; */ /* z-index: -1; */ /* position: unset; */ overflow: hidden; } .content-slider-x1 .row { height: 100%; display: inherit; } section.content-slider-x1.clearfix .inner { width: 100%;padding: 0px 0px;display: flex;justify-content: space-between;align-items: center; } section.content-slider-x1.clearfix .col-4 h3 { font-size: 36px; font-weight: 400; font-family: 'Lora', serif; } i.icons svg { width: 30px; } .seeall-annoucement-link{text-align: center; margin-top: 60px;} .seeall-annoucement-link a{text-decoration: none; font-size: 32px; color: #000D33; border-bottom: 1px solid #000D33; font-weight: 400;} .content-slider-x1 .inner-slider i.icons svg { width: 23px; vertical-align: top; margin-top: 0px; margin-left: 10px; } .arrow-switch a, .arrow-switch button { transition: .3s ease; border: 1px solid red; background: none; margin: 0; padding: 0; font-size: 0; color: transparent; border: 1px solid #9fa2a3; border-radius: 50%; width: 3.3125rem; height: 3.3125rem; position: relative; display: inline-block; margin-right: 10px; cursor: pointer } .arrow-switch i.icons { display: flex; align-items: center; height: 100%; justify-content: center; } i.right-arrow-reverse.icons svg { transform: rotate(180deg); } .arrow-switch i.icons svg { width: 15px; vertical-align: top; margin-top: 0px; margin-left: 0; } a.btn.btn-x11 { color: #464646; font-size: 18px; } .home-banner-content .home-banner-content-inner h2, .home-banner-content .home-banner-content-inner p, .home-banner-content .home-banner-content-inner a { color: #fff; } .home-banner-content{margin-bottom: 100px;} section.home-banner .single-banner:before{ display:none; content: ''; width: 100%; height: 100%; background: #00000085; position: absolute; } ul.menu li a { font-family: Montserrat; color: #fff; display: block; padding: 10px 5px; font-size: 16px; text-transform: uppercase; font-weight: 600; } .arrow-switch a:hover, .arrow-switch button:hover { background-color: #E1A936; border: 1px solid #E1A936; } .inner-slider .owl-stage { display: flex; } /* news slider end */ /* Footer */ footer.footer{ background-image: url(../img/footer-bg.webp); background-position: center; background-repeat: no-repeat; background-size: cover; } .footer-top { padding-bottom: 0; color: #fff; padding-top: 80px; } .footer-top .row { display: flex; margin: 0 auto; align-items: flex-start; gap: 15px;} .col-20:first-child { flex: 23% 0 0; } .f-single { margin-bottom: 50px; } .f-single img { padding: 0 0px 0; vertical-align: top; max-width: 180px; } .footer-top a, .footer-top h2, .footer-top h3, .footer-top p { color: #fff; } .footer-top a, .footer-top h2, .footer-top h3, .footer-top p { font-size: 15px; } .footer-top h3 { font-size: 16px; font-weight: 500; color: #61709E; margin-bottom: 21px;} .f-single ul li {line-height: 1.8;} .grid-inner { display: flex; max-width: 1400px;margin: 0 auto;padding: 0 0px;border-bottom: 1px solid #69696f;justify-content: space-between;text-align: center;grid-column-gap: 80px;} .single-col { flex: 1; } .single-col img { max-width: 150px; filter: brightness(0) invert(1);} .footer-middle .grid-inner {align-items: center;} .copyright {border: 0; padding: 35px 0 35px; } .copyright a, .copyright p, .copyright ul li a { color: #fff; font-size: 15px; } .col-20 { flex: 1; } ul.ft-nav li a { padding-left: 10px; font-size: 17px; font-weight: 300; } p.alright-copytext { font-size: 17px; text-align: left; margin-left: 0px; } p.alright-copytext a{color: var(--yellow);} .social-blcok ul li a svg {height: 35px; margin-top: 0;} .social-blcok ul li a svg path { fill: #fff!important; } .social-blcok { flex: 1; margin-left: 0; display: flex; } .social-blcok.social-icons {justify-content: end;width: auto;flex: inherit; position: inherit; margin-top: 25px;} .footer-copyright-social {display: flex;justify-content: end;grid-column-gap: 30px;align-items: center;} /* Header */ body.home header.header-content { background: transparent; position: absolute; top: 0; width: 100%; z-index: 99; } body:not(.home) .header-content { background: var(--blue); } header.header-content .row { display: flex; align-items: center; } .left-content { display: flex; height: 77px; order: 2; margin-left: auto; } header.header-content ul li { display: inline-block; vertical-align: middle;} .left-content ul li a {font-weight: 400;font-size: 18px;} header.header-content .right-content { margin-left: 0; height: 77px; align-content: center; font-size: 12px; } i.right-arrow.icon-arrow-bottom.icon svg path { fill: #fff; } i.right-arrow.icon-arrow-bottom.icon svg { height: 30px; transform: rotate(90deg); } .my-menu a { color: white; background: #032f52; display: inline-block; padding: 37px; transition: padding 0.3s linear; font-size: 12px; font-weight: 700; text-transform: uppercase; } body.home-3 .site-header { position: absolute; top: 0; z-index: 1; left: 0; width: 100%; display: flex; z-index: 9; } body.home-3 .container.banner-header-absolute{position: relative;} body.home-3 .container.banner-header-absolute .sc-logo {margin-top: 30px;} body:not(.home-3) .site-header {display: flex; max-width: 1400px; margin:auto; align-items: center;} /*body:not(.home) .my-menu a {background: #000;}*/ body:not(.home-3) .sc-logo { margin: 25px 0; display: flex; font-size: 30px; } body:not(.home-3) .site-header .my-menu {margin: 0;} .site-header .my-menu { margin-left: auto; margin-right: 0; } .my-menu a { color: white; background: #011B6B; padding: 37px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; text-decoration: none!important; transition: background 1s ease; font-size: 0; border-radius: 50%; position: relative; text-align: center; } .my-menu svg { height: 30px; width: 30px; vertical-align: top; margin-left: 15px; } .my-menu svg path { fill: #fff; } img.overlay-image { position: absolute; height: 100%; object-fit: cover; width: 100%; } .overlay-banners { background: rgb(0 0 0 / 34%); position: absolute; top: 0; z-index: 1; width: 100%; height: 100%; } .right-content ul li:nth-child(1) a{background: transparent !important; color: var(--yellow) !important; position: relative;} .right-content ul li:nth-child(2) a { background: var(--yellow) !important; color: #011C6B !important; text-transform: uppercase; font-weight: 600; padding: 39px 30px; margin-left: 20px;} .right-content ul li:nth-child(2) a:hover { background: rgb(225 169 54 / 90%) !important; } .right-content ul li:nth-child(1) a img {position: absolute;left: -25px;margin-top: -2px;} .client-logo-sec .grid-inner{align-items: center;} .top-nav { padding: 20px 0 5px; margin-bottom: -25px; text-align: right; } .top-nav li a {color: #fff; font-size: 15px; font-family: Montserrat; font-weight: 600;} .top-nav .nav-item > li:first-child a { padding-left: 26px; background: url(../icons/donate.svg); background-repeat: no-repeat; background-size: 18px; background-position: 0 center; text-transform: uppercase; } .top-nav .nav-item > li:nth-child(2) a { padding-left: 20px; background: url(../icons/icon-user.png); background-repeat: no-repeat; background-size: 14px; background-position: 0 center; text-transform: uppercase; } .nav-item li{position: relative;} .nav-item li.quick-links:before { content: ""; width: 10px; height: 10px; background: url(../icons/left-chevron-white.svg); background-repeat: no-repeat; background-size: 14px; background-position: 100% center; position: absolute; right: 16px; top: 7px; transform: rotate(-90deg); } .right-nav { margin-left: -225px; margin-right: -15px; margin-top: 90px; } /* Menu */ .menu-header {display: block;border-bottom: 1px solid #70737261;height: 110px; position: absolute; width: 100%; background: #F2F4F6; z-index: 999;} .menu-header .my-menu-close {background:#252626;width: 70px;height: 70px;top: 20px;border-radius: 100px;align-items: center;justify-content: center;display: flex; cursor: pointer;} .menu-header .my-menu-close:hover svg path{fill: #E1A936;} .menu-header .my-menu-close svg {margin: 0;} .menu-area.active { transform: translate(0%); right: 0; transition-duration: 600ms; display: block;} .menu-area { max-width: 60%; padding:0px 0px; position: fixed; right: calc(-100% - 90px); top: 0; height: 100%; width: 300px; background: #F2F4F6; z-index: 99; width: 100%; transform: translate(100%); transition-duration: 600ms; display: none;} /*.menu_bg-x1 { grid-template-columns: minmax(640px,2fr) 1fr; gap: 30px; display: grid; } */ .menu_bg-x1 {display: flex;justify-content: space-between; height: 100%;} nav.navigation-menu { transition-duration: 600ms; overflow: hidden; padding-top: 0; margin-top: 0; width: 40%} .navigation--right{width: 60%; align-items: flex-end; display: flex; border-left: 1px solid #70737261;} nav.navigation-menu {padding-top: 70px;} nav.navigation-menu ul#menu-main-menu{ padding: 100px 0px;} nav.navigation-menu ul#menu-main-menu li a{ display: block; color: #000; background: #F2F4F6;} nav.navigation-menu .menu { transition: margin 0.3s ease-in-out; display: block !important; min-height: 100%; } .current-menu-item a[aria-current="page"] { border-bottom: 1px solid #E1A936; color: #E1A936 !important; } nav.navigation-menu ul.menu>li>ul.sub-menu.active { pointer-events: all; opacity: 1; } nav.navigation-menu ul.menu>li>ul { padding-left: 0px; margin-top: 15px; position: absolute; width: 60%; right: -2px; top: 150px; opacity: 0; transition: all 300ms linear; pointer-events: none; } nav.navigation-menu ul.menu>li>ul li { margin: 0; padding: 0; } nav.navigation-menu ul.menu>li>ul a { font-family: 'Nacelle'; font-size: 17px; padding-bottom: 5px; margin-bottom: 5px; } nav.navigation-second-menu{ position: absolute; top: 90px; right: 30px;} nav.navigation-second-menu { margin-top: 50px; } nav.navigation-second-menu ul.menu li { border-bottom: 0px solid #526B8B; padding: 0px 0 15px; display: block; } nav.navigation-second-menu ul.menu a { font-family: 'Nacelle'; font-size: 17px; padding-bottom: 0; margin-bottom: 0!important; } nav.navigation-second-menu ul.menu li:last-child { border: 0; } .navigation-visit{width: 100%;} .navigation-visit ul{list-style: none; margin:0; padding: 0;} .navigation-visit ul li a{padding: 22px 40px; height: 111px; display: flex;flex-flow: row;justify-content: center;align-items: center; background: #E1A936; color: #fff; grid-column-gap:10px; text-decoration: none; transition: 0.5s; position: relative; font-size: 15px; text-transform: uppercase;} .navigation-visit ul{display: flex;flex-flow: row;background-color: #E1A936;} .navigation-visit ul li{ flex: 1 1 auto;} .navigation-visit ul li:nth-last-child(1) a:before{border:none;} .navigation-visit ul li:nth-child(1) a:before{background:none;} .navigation-visit ul li a img{ width: 21px;height: 21px;filter: invert(1);position: relative;top: -2px;} .navigation-visit ul li:hover a {background: #cd9624; padding-bottom: 20px;transition: 0.5s; text-decoration: none;} .navigation-visit ul li a:before {content: '';position: absolute;width: 1px;height: 58px;background: #ffffff38;left: 0;} .h1 { font-family: Times New Roman; color: #fff; font-size: 40px; font-weight: 700; padding: 15px 20px 15px 20px; } @media(min-width:900px){ .menu li.menu-item-has-children{position: relative;} .menu li.menu-item-has-children:hover .sub-menu{display: block; z-index: 99;} .sub-menu { box-shadow: 0 5px 10px rgba(0,0,0,.1); border-radius: 12px; list-style: none; position: absolute; left: 50%; width: 300px; padding: 0; background: #fff; display: none; top: 38px; transform: translate(-50%); } .sub-menu::before { content: ""; top: -10px; width: 0; height: 0; border-color: transparent transparent var(--yellow); border-style: solid; border-width: 0 10px 10px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } header.header-content ul.sub-menu li { display: block; padding: 0; margin: 0; } header.header-content ul.sub-menu li a{font-weight: 500;} .sub-menu li a { z-index: 100; padding: 10px 15px!important; font-size: 16px; font-weight: 400; line-height: 24px; position: relative; display: block; letter-spacing: 0; text-align: left; color: var(--blue)!important; text-transform: none!important; transition: 0.3s ease all; } .sub-menu li a:hover { background: var(--yellow); border-radius: 12px; } .top-nav li:hover .sub-menu,.menu li.menu-item-has-children:hover .sub-menu {display: block; z-index: 99;} .top-nav li.quick-links:hover .sub-menu{top: 30px; z-index: 99;} } /*social icons*/ .social-icons{position: absolute;bottom: 50px;left: 0;text-align: center;justify-content: center;display: flex;width: 40%;} .social-icons ul li img {width: 40px;} .social-icons ul{list-style: none;margin: 0; padding: 0; display: flex;align-items: center;grid-column-gap: 10px;} .social-icons ul li{display: inline-block;} .social-icons ul li a{text-decoration: none;} body { overflow-x: hidden; } /*banner header start*/ .my-menu-close { position: absolute; right: 35px; top: 40px; } .my-menu-close a { display: inline-block; font-size: 14px; color: #fff; vertical-align: top; text-decoration: none!important; font-weight: 700; } .my-menu-close svg { height: 20px; width: 20px; vertical-align: middle; margin-left: 10px; } .my-menu-close svg path { fill: #fff; } .my-menu-close a:hover{ color: #E1A936; } .my-menu-close a:hover svg path{ fill: #E1A936; } .site-header .my-menu { margin-left: auto; margin-right: 0; margin-top: 30px; } /*banner header end*/ /* Promise */ .container-x3 { padding: 100px 120px 100px 120px; } .content-style-our-promise .row { display: flex; } .row.top-section-x1 .col-6 { padding-right: 80px; } .row.bottom-section-x1 { margin-top: 10px; flex-flow: row wrap; } .content-style-our-promise h2 { font-size: 52px; font-family: 'Lora', serif; color: #011B6B; } .row.top-section-x1 h3 { font-size: 18px; color: #011B6B; } .row.top-section-x1 p { font-size: 15px; line-height: 1.7; } .int-round-block { width: 390px; height: 370px; background: #e1633f; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 60; margin-top: 50px; justify-content: center; text-align: center; margin: 0 auto; margin-right: 15%; } .int-round-block-wrp { padding: 0px 50px 0px 50px; } .row.top-section-x1 p { font-size: 15px; line-height: 1.7; } .int-round-block-wrp p { color: #fff; } .row.bottom-section-x1 .content { padding: 10px 0; } .bottom-section-x1 .content { display: flex; align-items: center; } .bottom-section-x1 .content h3 { padding: 0 60px; font-size: 18px; font-weight: 400; margin: 0; } .row.bottom-section-x1 i.int-icon svg path, .row.bottom-section-x1 i.int-icon svg circle { fill: #e1633f!important; } .row.bottom-section-x1 i.int-icon svg { height: 55px; width: 55px; } section.content-style-our-promise { background: #F5F4F5; } section.content-style-our-promise .content { background: transparent; padding-top: 0; padding-bottom: 0 } /* Video start */ section.video-block-x1{position: relative;} section.video-block-x1:before{position: absolute;content: '';width: 100%;height: 50%;bottom: 0;background: #000D33;opacity: 0;} section.video-block-x1 .container { position: relative; } img.img-overlay-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; object-fit: cover; } a.video-play { position: absolute; z-index: 9999; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } a.video-play svg { width: 60px; background: #f2a900; border-radius: 50%; } a.video-play svg path, .video-play--1 svg path{ fill: #000; } .video-play--1 svg { z-index: 9; width: 110px; background: var(--yellow); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .video-play--1 { display: flex; position: absolute; left: 0; right: 0; align-items: center; justify-content: center; margin: auto; max-width: 200px; z-index: 99; top: 0; bottom: 0; background: transparent; box-shadow: none !important; outline: none !important; border: 0 !important; } .container-x75{ max-width: 75rem } .main-title h2 { font-size: 32px; font-family: 'Lora', serif; color: #012169; text-align: center; margin-bottom: 60px; } section.video-block-x1 h2 { margin-bottom: 60px; } section.video-block-x1 {padding: var(--section-gap) 0 0;} .container-x75.container.main-content { width: 1200px; height: 500px; object-fit: cover; } .main-title { text-align: center; max-width: 80%; margin: 0 auto; } section.video-block-x1 .main-title { text-align: center; max-width: 100%; margin: 0 auto; } section.stylish-banner-x2.clearfix h2, h2 { margin-bottom: 30px; font-size: 50px; color: #000; font-weight: 400; z-index: 9; font-family: var(--title), serif; color: #fff; } h2 { color: var(--blue); display: flex; align-items: center; gap: 10px; } h2 strong { font-size: 85px; font-family: var(--sub-title); font-style: italic; font-weight: normal; color: var(--yellow); line-height: normal; } section.video-block-x1 p { margin-bottom: 60px;display: inline-block;padding: 0 0px 0px 100px;font-size: 24px;font-family: 'Lora', serif;color: #000000;line-height: 1.4;margin-top: 10px;text-align: left;} header.header-content .right-content ul li a:hover { background-color: #055903; border-color: #055903; text-decoration: none; color: #fff; } header.header-content ul li a:hover { text-decoration: none; color: #E1A936; } .my-menu a:hover { background: var(--yellow); } /* banner-x3 start */ section.banner-x3 img{width: 100%;} section.banner-x3 a.btn.btn-x4:hover, button.btn.btn-x4:hover { background: #64a70b; text-decoration: none; } section.banner-x3 .inner-content a { text-transform: uppercase; letter-spacing: .2em; } section.banner-x3 .inner-content .title h2, section.banner-x3 .inner-content .title h3, section.banner-x3 .inner-content a { color: #fff; } section.banner-x3 a.btn.btn-x4, button.btn.btn-x4 { position: relative; font-weight: normal !important; box-sizing: border-box; display: inline-block; transition: background-color .3s ease, border-radius .3s ease; padding: 15px 30px; border: 0px solid #037e03; background-color: var(--yellow); font-size: 15px; margin-right: 5px; color: #fff; text-transform: uppercase; font-family: 'Nacelle', sans-serif; letter-spacing: .2em; cursor: pointer; } section.banner-x3 a.btn.btn-x4:nth-child(1){background:#E1A936;} section.banner-x3 .buttons { margin-top: 40px; } .banner-x3 { padding: 0 60px; } section.banner-x3 .content { top: 0; width: 100%; left: 0; background: transparent; height: 100%; display: flex; align-items: end; position: absolute; } section.banner-x3 .content-inner { position: relative; } section.banner-x3 .content-inner { padding: 62px 50px; } section.banner-x3 .content-inner:before { content: ""; display: block; position: absolute; left: 0px; bottom: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); z-index: -1; } section.banner-x3 .content .title { text-align: left; } section.banner-x3 .inner-content { position: relative; } section.banner-x3 i.arrow-rt-180 svg { width: 16px; height: 16px; transform: rotate(270deg); vertical-align: top; } i.arrow-rt-180 svg path { fill: #fff; } .overlay-image:before { position: absolute; top: 0; width: 100%; height: 100%; background: #00000061; content: ''; } /* banner-x3 end */ /* Test */ section.grade-system-x1 .col-inner { width: 100%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; overflow: hidden; height: 566px; } .grade-system-x1 .row {grid-column-gap: 20px;} section.grade-system-x1 .content-block { padding: 30px 10px 0 10px; background: #000619; position: absolute; bottom: 0; left: 0; width: 100%; transition: all .3s ease-in-out; height: 118px; overflow: hidden; text-align: center; } .grade-system-x1 .content-block h5 {color: #fff !important;text-transform: uppercase;font-size: 16px !important;letter-spacing: 2.5px;} section.grade-system-x1 .content-block h5, section.grade-system-x1 .content-block h2, section.grade-system-x1 .content-block p { font-size: 16px; color: #fff; font-weight: 400; text-align: center; margin: 0; } section.grade-system-x1 .content-block h2 { font-size: 26px; } section.grade-system-x1 .content-block p { color: #fff; max-width: 246px; font-size: 20px; margin: 0 auto; opacity: 0; transition: all .8s ease-in-out; font-size: 15px; margin-top: 30px; font-weight: 400; } .col-inner:hover .content-block { height: 260px; background: var(--blue);} .col-inner:hover .content-block p { opacity: 1; } section.grade-system-x1{background: #EFF1F6; margin-bottom: 0 !important;} section.grade-system-x1.clearfix { margin-bottom: 30px; } section.grade-system-x1.clearfix .inner-content { padding: 0px!important; } .afa-heading h3 { font-family: var(--title); font-size: 71px; color: var(--blue); line-height: 1.1; font-weight: 400; text-align: left; margin-bottom: 80px; } .afa-heading h3 span{ font-family: var(--title); font-size: 100px; color: var(--yellow); font-style: italic; } .afa-heading p{ margin-bottom: 60px;display: inline-block;padding: 0 0px 0px 100px;font-family: 'Lora', serif;color: #000000;line-height: 1.4;margin-top: 10px;text-align: left;} .title.x2 { margin-top: 80px; margin-bottom: 30px; } .title.x2 h2 { position: relative; display: inline-block; color: #333e48; } .title.x2 h2:before, .title.x2 h2:after { content: ''; background: #D9D9D9; width: 32px; height: 2px; position: absolute; bottom: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: calc(100% - -20px ); width: 85px; } .title.x2 h2:after { left: calc(100% - -20px ); } .content-block-x2.content-block-x2-afa .block-x2-afa-title ul { margin-left: 30px; } .content-block-x2.content-block-x2-afa .block-x2-afa-title ul li { color: #fff; line-height: 1.7; list-style: disc; } /* content-block-x2-afa start */ .content-block-x2-afa-caption {background: #011A65;padding: 50px 350px 50px 50px;text-align: left;} .content-block-x2-afa-caption{background: #011A65; overflow: hidden; position: relative;} .content-block-x2-afa-logo{position: absolute; max-width: 360px; right: 0px; bottom: 0;} .content-block-x2-afa-logo {position: absolute;max-width: 320px;right: -80px;bottom: -13%;} .content-block-x2-afa-caption .block-x2-afa-title h2 {color: #fff;font-size: 48px;line-height: 52.8px; margin-bottom: 20px;} .content-block-x2-afa-caption .block-x2-afa-title p{color: #FFFFFF; margin-bottom: 40px;} .content-block-x2-afa-link{display: flex; align-items: center; grid-column-gap:20px;} .content-block-x2-afa-link a {border: 1px solid var(--yellow);min-height: 77px;align-items: center;display: flex;padding: 0 30px;color: var(--yellow);font-size: 18px;font-weight: 600;text-transform: uppercase;} .content-block-x2-afa-link a.afa-link-fill{ background: var(--yellow); color: #011C6B; } .content-block-x2-afa-link a img {margin-right: 10px;margin-top: -2px;} .content-block-x2 { padding: 40px 0; background: var(--blue) url(../img/numbers-bg.webp); background-size: cover;} .increase-number-area .col-inner { background: var(--yellow); margin: 0 10px; padding: 15px 5px; margin-bottom: 70px; position: relative; } .increase-number-area .col-inner::after { content: ""; width: 0; height: 0; border-width: 75px 107px 0 0; border-color: #F7D643 transparent transparent transparent; border-style: solid; left: 0; position: absolute; bottom: -75px; } .increase-number-area .col-inner::before { content: ""; width: 0; height: 0; border-width: 0 107px 75px 0; border-color: transparent #F7D643 transparent transparent; border-style: solid; right: 0; position: absolute; bottom: -75px; } .content-block-x2.increase-number-area{ padding: 60px 5px 85px; background-size: cover; background-position: center; background-repeat: no-repeat; margin: 0; } section.content-block-x2.clearfix.content-block-x2-afa{background: #fff; position: relative; padding: 0;} section.content-block-x2.clearfix.content-block-x2-afa:before {content: '';position: absolute;background: #fff;height: 50%;width: 100%;bottom: 0; opacity: 0 } section.content-block-x2 .container { text-align: center; } section.content-block-x2 h2 { font-size: 50px; position: relative; display: block; text-align: left; color: #fff; margin-bottom: 30px; } section.content-block-x2 h2 span { display: block; font-family: var(--title); font-size: 90px; color: var(--yellow); font-style: italic; } section.content-block-x2 p { color: #3f3f3f; line-height: 1.6; margin-top: 15px; margin-bottom: 75px; font-weight: 400; padding: 0; } .data-box-x1 h3 { font-size: 64px; font-weight: 300; color: #fff; margin-top: 10px; } .data-box-x1 h3 span { font-weight: 300; font-family: 'Lora', serif; } .row.data-box-x1 p { color: #fff; font-size: 15px; margin-bottom: 0; margin-top: 10px; } i.icons.c-1 path { fill: var(--blue); } section.content-block-x2 i.icons svg { height: 55px; width: 55px; } i.icons.c-2 path { fill: var(--blue); } i.icons.c-3 path { fill: var(--blue); } i.icons.c-4 path { stroke: var(--blue)!important; } .title-x3 h2:before, .title-x3 h2:after { content: ''; background: #F2F4F6; width: 32px; height: 2px; position: absolute; bottom: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); right: calc(100% - -20px ); width: 85px; } .title-x3 h2:after { left: calc(100% - -20px ); } .title-x3 { text-align: center; margin-bottom: 30px; } .title-x3 h2 { display: inline-block; position: relative; color: #011B6B; } /* content-block-x2-afa end */ /* Stylis x3 */ section.stylish-banner-x2 { padding: 80px 0 100px; } section.stylish-banner-x2 .title-x3 { width: 80%; margin: 0 auto; } .row.l-content.clearfix { margin-top: 80px; display: flex; flex: 1; } .row.l-content.clearfix .col-3 { padding: 0px 20px; width: 33.33%; } .row.l-content.clearfix .col-3 .inner-col { background: #fff; border-radius: 50%; width: 275px; height: 275px; display: flex; align-items: center; justify-content: center; border: 1px solid #E1A936; border-bottom: 7px solid #E1A936; padding: 35px 40px; text-align: left; border-radius: 20px; height: 100%; padding: 0 40px; width: auto; } .row.l-content.clearfix .col-3 .inner-col .content { background: transparent; padding: 30px 0 30px; } .row.l-content.clearfix .col-3 .inner-col .content h5 { color: #011B6B !important; font-weight: 400; } .row.l-content p { font-size: 16px; margin: 0; } .row.l-content.clearfix .col-3.x-st-1 .inner-col .content svg path { fill: #E1A936 !important; } .row.l-content.clearfix .col-3 .inner-col .content svg path { fill: #123A6F!important; } .row.l-content.clearfix .col-3.x-st-2 .inner-col { border: 1px solid #F2F4F6; border-bottom: 7px solid #F2F4F6; background: #fff; } .row.l-content.clearfix .col-3.x-st-3 .inner-col { border: 1px solid #011B6B; border-bottom: 7px solid #011B6B; background: #032f5203; } .row.l-content.clearfix .col-3.x-st-4 .inner-col { border: 1px solid #017a01; border-bottom: 7px solid #017a01; background: #017a0103; } .row.l-content.clearfix .col-3.x-st-2 .inner-col .content svg path { fill: #F2F4F6 !important; } .row.l-content.clearfix .col-3.x-st-3 .inner-col .content svg path { fill: #123A6F!important; } .row.l-content.clearfix .col-3.x-st-4 .inner-col .content svg path { fill: #017a01!important; } /*our voices section*/ .our-voices-sec {background: #fff url(../img/foot-bg.webp); position: relative; background-repeat: repeat-x;} .content-block-x2-afa-logo img {filter: opacity(0.5);} .list-or-voices {margin: 40px 0px;} .voices-content {margin: 30px 0px 0px 0px;width: 100%;} .sign-icon {position: absolute;top: -41px;left: -21px;max-width: 40px;} .alfalah-voice-box-logo { background: #011C6B;width: 130px;height: 130px;position: absolute;top: 20px;border-radius: 100px;align-items: center;justify-content: center;display: flex;right: 90px;border: 5px solid #fff;} .alfalah-voice-box-logo img {width: 120px !important;height: 120px !important; border-radius: 0 !important;} .our-voices-vertical-title h3 { font-size: 56px !important; margin: 0; color: var(--blue); font-family: var(--title); line-height: var(--section-t-line-h); margin-bottom: 30px; } .our-voices-sec .row{justify-content: space-between;align-items: center;} .voices-tab-list{list-style: none; margin: 0; padding: 0; position: relative; z-index: 99; border-bottom: 1px solid rgb(0 0 0 / 20%); display: flex; grid-column-gap: 40px;} .voices-tab-list li {display: inline-block;} .voices-tab-list li a {color: #000000;font-size: 28px;font-weight: 400;line-height: 2.5;text-decoration: none; outline: none; padding: 20px 0px 17px;} .voices-tab-list li a.tab-a.tab-a-active {border-bottom: 1px solid #000; color: #011C6B;} .v-tabcheck {background: #fff;width: 40px;height: 40px; position: relative;} .alfalah-voice-img img {height: 503px;width: 503px;object-fit: cover;position: relative; border-radius: 63% 37% 70% 30% / 63% 71% 29% 37%;} /*.alfalah-voice-img:before {content: '';position: absolute;background: var(--yellow);width: 503px;height: 503px;left: 0px;right: -56px;top: 41px;bottom: 0;align-items: center;justify-content: center;display: flex;margin: auto;border-radius: 63% 37% 70% 30% / 63% 71% 29% 37%;}*/ .v-content-tab {display: none; grid-column-gap: 50px; } .v-content-tab-active{display: flex;align-items: center;overflow: visible;} .alfalah-voice-caption p {color: #000000; font-weight: 400;} .alfalah-voice-caption strong {color: #000000;display: block;line-height: 1.5;font-size: 22px;letter-spacing: 1px; font-weight: 400;} .alfalah-voice-caption strong:nth-child(2){color: #909090;} .alfalah-voice-caption {display: flex;flex-direction: column;text-align: left; max-width: 50%; grid-row-gap: 60px; position: relative;} .alfalah-voice-img {width: 50%;text-align: center; position: relative;} /*our voices section end*/ /**/ .my-menu a { color: white; background: #011B6B; padding: 35px; font-weight: 700; text-transform: uppercase; display: flex; align-items: center; text-decoration: none!important; transition: background 1s ease; font-size: 0; border-radius: 50%; position: relative; text-align: center; } span.menu span { width: 17.5px; height: 2px; background: #fff!important; left: 27px; z-index: 1; position: absolute; top: 26px; } span.menu span.second { top: 35px; width: 25px; left: 23px; } span.menu span.third { top: 44px; } object.embed-pdf-viewer { width: 100%; min-height: 1050px; } .scylla-banner {background-position: center 40%;} /*upcoming events start*/ .alfalah-news-x1{padding: 80px 0px;} .news-carousel {background: #011B6B;padding: 50px 80px 100px 80px; margin-top: 100px;} .news-carousel .owl-stage-outer { margin-top: -100px;} .news-image img {height: 370px;object-fit: cover;} .news-carousel-button{text-align: center;} .news-carousel-button a{background: #E1A936; text-decoration: none;} .news-carousel-button {text-align: center;margin: auto;z-index: 9999;position: absolute;left: 0;right: 0;bottom: 35px;} .alfalah-news-x1 .col-8 {position: relative;} .news-carousel-button a {background: #E1A936;text-decoration: none;padding: 15px 55px;border-radius: 10px;line-height: 15px;height: 40px;display: inline-block;color: #ffff;} .news-carousel .owl-nav {position: absolute;top: -40%;bottom: 0;align-items: center;justify-content: center;display: flex !important;left: 0;right: 0; z-index: -1;} .news-carousel .owl-nav button.owl-prev {position: absolute;left: 13px;} .news-carousel .owl-nav button.owl-next {position: absolute;right: 60px;} span.date-event {background: #011B6B;color: #fff;width: 90px;display: block;text-align: center;padding: 14px 10px 7px 10px; text-transform: uppercase;font-size: 16px;} .upcoming-eventss ul li a{display: flex; text-decoration: none; grid-column-gap: 20px;} .upcoming-eventss ul li a:hover{text-decoration: none;} .news-carousel .owl-nav button.owl-next span:before{background: url(../icons/alfh-arrow-right.png)!important;width: 55px;height: 55px;background-size: contain !important;transform: inherit !important;} .news-carousel .owl-nav button.owl-prev span:before{background: url(../icons/alfh-arrow-left.png)!important;width: 55px;height: 55px;background-size: contain !important;} .alfalah-news-x1 .row {grid-column-gap: 40px;} span.date-event strong {display: block;font-size: 34px;line-height: 40px; margin-top: 5px;} .alfalah-news-x1 .row {grid-column-gap: 50px;} .upcoming-eventss ul {display: flex;flex-direction: column;grid-row-gap: 15px;} .alfalah-news-x1 h3 {font-size: 42px;font-weight: bold; font-family: 'Lora', serif;} .event-calendardetail{list-style: none;margin: 0; padding: 0 ; margin-top: 20px;} .event-calendardetail li a{text-decoration: none; font-weight: bold; font-size: 19px; color: #E1A936; line-height: 33px; padding: 0 22px;} .event-calendardetail li{position: relative;} .event-calendardetail li:before{content: ''; width: 10px; height: 10px; position: absolute; left: 0; background: #E1A936; top: 11px;} /*upcoming events end*/ /*career page start */ .tm-content {padding: 50px 50px 0px 50px;text-align: center;font-weight: bold;font-size: 26px;} .single-scylla-careers .scylla-careers {padding: 30px 0px 40px;} .single-scylla-careers .scylla-careers a.btn-apply {background: #E1A936;position: relative;font-weight: normal !important;box-sizing: border-box;display: inline-block;transition: background-color .3s ease, border-radius .3s ease;padding: 15px 50px;font-size: 15px;color: #fff;text-transform: uppercase;letter-spacing: .2em;margin: auto;display: table;margin-top: 10px;max-width: 200px; text-decoration: none;} .single-scylla-careers .scylla-careers p b {font-family: 'Nacelle', sans-serif;color: #5c646c;font-weight: 700;} .scylla-careers-block.clearfix th{background: #011B6B; border-bottom: 2px solid #E1A936;} .scylla-careers-block tbody tr {border-bottom: 2px solid #E1A936 !important;} .scylla-careers-block.clearfix td:hover{background: #E1A936; color: #fff;} .scylla-careers-block.clearfix table tr:nth-child(2n) {background: #E1A936;} .scylla-careers-block.clearfix td {text-decoration: underline; font-size: 18px;} .syc-input-wrap {width: 48%;float: left;margin: 5px 1%;} .syc-input-wrap.clearfix.field-upload-resume {clear: both;width: 100%;} .syc-input-wrap.clearfix.field-scy-submit {clear: both;width: 100%;text-align: center;margin-top: 25px;} .scly-input-wrap {width: 100%;display: inline-block;vertical-align: top;} .syc-input-wrap input[type="text"], .syc-input-wrap input[type="email"], .syc-input-wrap input[type="phone"], .syc-input-wrap textarea, .syc-input-wrap select {box-shadow: none;border: 1px solid #5c646c!important; background: transparent;} .syc-input-wrap input[type="submit"], .syc-input-wrap input[type="file"]{background: transparent;} .single .syc-input-wrap input[type="submit"] {background: #E1A936;position: relative;font-weight: normal !important;box-sizing: border-box;display: inline-block;transition: background-color .3s ease, border-radius .3s ease;padding: 15px 50px;font-size: 15px;color: #fff;text-transform: uppercase;letter-spacing: .2em;margin: auto;display: table;margin-top: 10px;max-width: 200px;float: inherit; border-radius: 0px !important;} .type-scylla-careers ul {padding: 10px 0px 30px 20px;} .type-scylla-careers ul li {line-height: 1.6; list-style: disc;} /*career page end */ /*how to apply alfalah page start*/ /* .page-how-to-apply .afa-innerpage-wrapper{max-width: 85.666667%;margin: auto;} */ .page-how-to-apply .afa-inner-content h3 { margin-top: 0px; font-weight: 600; font-size: 30px; color: var(--blue); font-family: Baskervville; } .page-how-to-apply .afa-accordion-section {max-width: 85.666667%;padding: 0; margin-bottom: 50px;} .page-how-to-apply .column_1_img{margin: 0px 0px;} /* New Tempalte How to apply start */ .htp-wrapper-main{background: #f6f4ef;} .alfalh-hta-template-x2{padding: 60px 0px 10px; max-width: 66.6666666667%;margin: auto;} .alfalh-hta-template-grid{display: flex; grid-column-gap: 40px;} .alfalh-hta-alert-bnner-x2{text-align: left;background: #F2F4F6;color: #000;padding: 30px 30px;font-size: 25px;line-height: 160%;margin-bottom: 50px; position: relative;} .alfalh-hta-alert-bnner-x2 p{font-size: 25px;margin-bottom: 0; font-family: 'Nacelle'; color: #000; text-transform: uppercase;} .alfalh-hta-alert-bnner-x2 {border-left: 5px solid #E1A936; overflow: hidden; box-shadow: 0px 14px 22px #b5b3b36b;} .alfalh-hta-alert-bnner-x2 p strong{ color: #000; font-size: 23px; } .alfalh-hta-alert-bnner-x2 ul{list-style: none; margin-left: 35px; margin-top: 15px;} .alfalh-hta-alert-bnner-x2 ul li {font-size: 17px;line-height: 1.7; margin-bottom: 15px; position: relative;} .alfalh-hta-alert-bnner-x2 ul li img {max-width: 40px;margin-right: 20px;position: relative;top: -1px;} .alfalh-hta-alert-bnner-x2:before{content: '';position: absolute;width: 17px;height: 93%;background: #E1A936;right: 100px;top: -28px;transform: rotate3d(1, 1, 1, 45deg);border-radius: 10px 10px 10px 10px;} .alfalh-hta-alert-bnner-x2:after {content: '';position: absolute;width: 17px;height: 74%;background: #000619;right: 56px;top: -33px;transform: rotate3d(1, 1, 1, 45deg); border-radius: 10px 10px 10px 10px;} .alfalh-hta-template-x2 h3{ margin-top: 30px;text-transform: capitalize;font-weight: 800;font-size: 30px;color: #011b6b; font-family: 'Nacelle', sans-serif;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-header {font-weight: 400;} .alfalh-hta-alert-bnner-x2 ul li:before {content: '';position: absolute;width: 10px;height: 10px;background: #000;left: -20px;margin-top: 7px;transform: rotate(45deg);} .alfalh-hta-template-x2 p{ border: none; font-size: 16px;line-height: 1.7;} .alfalh-hta-template-x2 #accordion h3 {display: block;cursor: pointer;position: relative; font-weight: 500; font-family: Montserrat;margin: 2px 0 0 0;padding: 1.25rem 0;font-size: 17px; color: #242424;text-transform: capitalize;border: none;border-top: 1px solid #33333373;border-bottom: 1px solid #33333373;} .page-template-template-how-to-apply .alfalh-hta-template-x2 #accordion h3{ border-top: none;border-bottom: 1px solid #33333373 !important;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-header.ui-state-active{ background: transparent; display: block;cursor: pointer;position: relative;margin: 2px 0 0 0;padding: 1.25rem 0;font-size: 100%;color: #242424;text-transform: capitalize;border: none;border-top: 1px solid #33333373;border-bottom: 1px solid #cccccc9e; } .alfalh-hta-template-x2 .ui-accordion .ui-accordion-header{ background: transparent; display: block;cursor: pointer;position: relative;margin: 2px 0 0 0;padding: 1.25rem 0;font-size: 100%;color: #242424;text-transform: capitalize;border: none;border-top: 1px solid #33333373;border-bottom: 1px solid #33333373;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content {border: none;padding: 30px 40px 30px 15px;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content p{ font-size: 17px;color: #3f3f3f;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content:before{display: none !important;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ul li{font-size: 17px; color: #3f3f3f; margin-bottom: 20px; position: relative;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ul li:before {content: '';width: 0px;height: 0px;position: absolute; bottom: 4px; left: -22px;border-left: 6px solid #E1A936;border-right: 5px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ul {padding-left: 60px;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ol {padding-left: 50px; margin-top: 20px;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ol li{font-size: 17px; color: #3f3f3f; margin-bottom: 20px; position: relative;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ol li::marker {color: #E1A936;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ul li ul{margin-top: 20px;} .alfalh-hta-template-x2 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{ width: 20px;height: 20px;border: 0px solid #011B6B;border-radius: 100px;margin-right: 10px;margin-top: 4px;position: absolute; right: 0px} .alfalh-hta-template-x2 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s{ width: 20px;height: 20px;border: 0px solid #011B6B;border-radius: 100px;margin-right: 10px;margin-top: 4px;position: absolute; right: 0;} .alfalh-hta-template-x2 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s:before {content: '';width: 100%;height: 2px;background: #33333373;position: absolute;left: 0;right: 0;top: 0;bottom: 0;align-items: center;display: flex;justify-content: center;margin: auto;} .alfalh-hta-template-x2 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:before {content: '';width: 100%;height: 2px;background: #33333373;position: absolute;left: 0;right: 0;top: 0;bottom: 0;align-items: center;display: flex;justify-content: center;margin: auto;} .alfalh-hta-template-x2 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e:after {content: '';width: 2px;height: 100%;background: #33333373;position: absolute;top: 0;bottom: 0;align-items: center;display: flex;justify-content: center;margin: auto;left:1px;right: 0;} .alfalh-hta-template-x2 ul li{font-size: 17px; color: #3f3f3f; margin-bottom: 20px; position: relative;} .alfalh-hta-template-x2 ul li:before {content: '';width: 0px;height: 0px;position: absolute;left: -22px;border-left: 6px solid #E1A936;border-right: 5px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;} .alfalh-hta-template-x2 ul {padding-left: 60px;} .afa-hta-sidemenu{padding: 20px 20px; margin-top: 50px;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ul li a strong {color: #011b6b;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content ul li a {color: #011b6b !important;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content a{color: #011b6b !important;} .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content strong a{color: #011b6b !important;} .afa-hta-sidemenu h4{font-size: 32px;font-weight: 700; color: #000; font-family: 'Lora', serif;} .afa-hta-sidemenu ul{list-style: none; margin: 0; padding: 0; border-top: 1px solid #E1A936;margin-top: 30px;} .afa-hta-sidemenu ul li{display: block;} .afa-hta-sidemenu ul li:hover{background: #E1A936; color: #000;} .afa-hta-sidemenu ul li a{padding: 10px 0px; color: #000; text-decoration: none; display: flex !important; justify-content: space-between;} .afa-hta-sidemenu ul li:hover a{text-decoration: none;} .afa-hta-sidemenu {padding: 20px 20px;width: 33%;} .afa-hta-sidemenu ul li a {padding: 24px 20px;color: #000;display: block;font-size: 16px;border-bottom: 1px solid #E1A936; font-weight: 800;} .afa-hta-sidemenu ul li a img{max-width: 20px; height: 20px;} .alfalh-hta-template-content-left {width: 100%;} /* New Tempalte How to apply end */ /*inner page css start*/ .box-modules-card {max-width: 77.6666666667%;margin: auto;} .page-mission-vision .afa-inner-content h3{text-transform: uppercase;font-size: 18px;letter-spacing: 2px;font-weight: 900;} .afa-thumbnail-cardx1{padding: 50px 0px 0;} .text-center{text-align: center;} .tline{ text-align: center; line-height: normal; padding: 10px; margin-bottom: 5px; font-size: 45px; font-weight: 500; color: #000D33; } .tline.tgallery{margin-top: 55px;} .afa-thumbnail-cardx1{position: relative;} .afa-thumbnail-cardx1 h2 {font-size: 33px;text-transform: uppercase;letter-spacing: 1px;font-weight: bold;margin-top: 80px;} .afa-thumbnail-cardx1:before {content: '';position: absolute;width: 2px;height: 100px;left: 0;right: 0;margin: auto;top: -3px;background-image: linear-gradient(#ffffff00, #032f52, #ffffff00);} .afa-thumbnail-cardx1-image{overflow: hidden; height: 340px;} .afa-thumbnail-cardx1-image img{width: 100%; height: 100%; object-fit: cover;} .afa-thumbnail-cardx1-grid{margin: 0;} .afa-thumbnail-cardx1-grid .row {align-items: center;} .afa-thumbnail-cardx1-grid .row:nth-child(odd){ flex-direction: row; background: #fff;} .afa-thumbnail-cardx1-grid .row:nth-child(even){ flex-direction: row-reverse;} .afa-thumbnail-cardx1-caption{padding: 0px 50px;} .afa-thumbnail-cardx1-grid .row:nth-child(even) .afa-thumbnail-cardx1-caption{padding: 0px 0px 15px; padding-right: 50px; margin-left: 50px;} .afa-thumbnail-cardx1-caption p{margin-bottom: 0px;} .afa-thumbnail-cardx1-grid strong {font-size: 27px;line-height: 1.7;color: #000;margin-bottom: 10px;display: block;} .afa-inner-content li {font-size: 19px;line-height: 1.6;} .page-mission-vision .afa-inner-content ol {padding-left: 34px; margin-top: 20px;} .column_1_img img{width: 100%;} .column_1_img {margin: 20px 0px;} .afa-innerpage-wrapper .column_1_img {margin: 0 auto; max-width: 600px; } .page-tour-afa .column_1_img img { max-width: 200px; margin: 0; display: block; box-shadow: none; } .page-tour-afa iframe {margin-top: var(--section-gap);} .page-board-administration .afa-single-heading-line {padding-bottom: 0;} .afa-custom-section .row {grid-column-gap: 20px;} .afa-innerpage-wrapper .row {grid-column-gap: 20px;} a.afa-button-link {background: var(--yellow);color: #011C6B;text-decoration: none;border: none !important;min-height: 77px;align-items: center;display: flex;padding: 0 30px;color: var(--yellow);font-size: 18px;font-weight: 600;text-transform: uppercase;display: inline-flex;margin-top: 20px;} .page-2024-2025-school-calendar h3.banner-heading {text-transform: capitalize;} .page-back-to-school .afa-accordion-section{padding:0px 0px;} .page-counseling .afa-thumbnail-cardx1-image{ height: 440px;} .blue-text{color: var(--blue);} .afa-innerpage-wrapper h2{font-size: 47px;} /*inner page css end*/ /*ACF accordion design*/ .afa-accordion-section.alfalh-hta-template-x2 #accordion h3{border-bottom: none;} .afa-inner-content ul {padding-left: 30px; margin-bottom: 10px;} .afa-inner-content ul li{list-style: disk; color: #545454;} .afa-inner-content li strong, .afa-inner-content p strong,.afa-accordion-section strong{color: var(--blue); font-size: 24px;} .afa-inner-content ul li ul{margin-top: 20px;} .page-high-school .afa-accordion-section.alfalh-hta-template-x2{padding: 0px 0px; padding-bottom:50px;} .afa-accordion-section.alfalh-hta-template-x2 #accordion h3:nth-last-child(2) {border-bottom: 1px solid #33333373;} .page-uniform-policy .afa-accordion-section.alfalh-hta-template-x2 {padding: 0 0;} /*ACF accordion design end*/ /*single heading vertical line css*/ .text-center{text-align: center;} .afa-single-heading-line{position: relative; padding: 30px 0px;} .afa-single-heading-line h2 {font-size: 33px;text-transform: uppercase;letter-spacing: 1px;font-weight: bold; margin-top: 80px; display: block;} .afa-single-heading-line:before {content: '';position: absolute;width: 2px;height: 100px;left: 0;right: 0;margin: auto;top: -3px;background-image: linear-gradient(#ffffff00, #032f52, #ffffff00);} /*end heading vertical line*/ /*career page css start*/ .post-type-archive-scylla-careers{background: #f6f4ef;} .scylla-careers-block.clearfix table{background: #f6f4ef; padding: 100px 0 100px;} .scylla-careers-block.clearfix {max-width: 77.6666666667%;margin: auto;} .scylla-careers-block.clearfix th, .scylla-careers-block.clearfix td{ padding: 15px 20px; font-size: 17px; } .single-scylla-careers .scylla-careers {padding: 100px 40px; max-width: 77.6666666667%;margin: auto;} .syc-career-form-wrap{background: #f6f4ef;} /*career page css end */ /*contact us page start*/ .page-contact-us .afa-4-data {padding: 0 50px;} section.afa-custom-section { margin-top: 20px; } .page-contact-us .afa-inner-content p {margin-bottom: 0;} /*contact us page end*/ /*afa board members css start*/ .afa-team-card strong {font-family: 'Nacelle';color: #000;margin-bottom: 20px;display: block;text-transform: uppercase;letter-spacing: 2px;font-size: 18px;font-weight: bold;} .afa-team-info {font-size: 16px;line-height: 1.5;} .afa-team-card {padding: 21px 22px;} .afa-team .row {flex-wrap: wrap;} .afa-thik-line{position: relative;} .afa-thik-line:nth-child(odd) .afa-team-card{padding-left: 0;} .afa-thik-line:nth-child(even):before {content: '';position: absolute;width: 1px;height: 100%;background: #00000052;} .afa-thik-line{border-bottom: 1px solid #00000052;} .afa-thik-line:nth-last-child(1) {border-bottom: none;} .afa-thik-line:nth-last-child(2) {border-bottom: none;} .afa-thik-line:nth-child(even):after {content: '';position: absolute;width: 10px;height: 10px;background: #000;top: -6px;left: -5px;transform: rotate(45deg); } .afa-team{padding: 50px 0px;} .page-board-administration .afa-team {padding-top: 0;} section.colum-3-sec {padding: 20px 0px;} .job-listing .heading > *{flex: 1;} /*afa board members css end*/ /*faq */ .page-faqs .afa-accordion-section.alfalh-hta-template-x2{padding: 0px 0px;} .page-faqs .afa-accordion-section.alfalh-hta-template-x2 h3 {font-size: 18px !important;font-weight: 500;color: #000D33 !important;} /*end faq*/ /* tuition and fee table */ .page-tuition-and-fees table tbody tr td {border: none !important; padding: 14px 19px !important;} .page-tuition-and-fees table tbody tr:nth-child(even) {background: var(--blue); color: var(--white);} .page-tuition-and-fees table.fees-table tbody tr td{width: 50%;} .page-tuition-and-fees .fees-section table {padding-right: 0;} .page-tuition-and-fees table tbody tr:nth-child(odd) {background: var(--blue); color: #fff;} .page-tuition-and-fees table thead tr th {padding: 15px 0px; background: var(--blue);color: #fff;font-size: 22px;} .page-tuition-and-fees .container:nth-child(3) h3{text-align: center;} .page-tuition-and-fees .container:nth-child(4) h3{text-align: center;} .page-tuition-and-fees .container:nth-child(5) h3{text-align: center;} .page-tuition-and-fees table tbody tr td em {display: block;font-size: 14px;color: #fff;padding: 6px 20px;padding-bottom: 0; font-style: normal !important;} /* tuition and fee table end*/ /* updated css */ /*alfalah lessons page*/ .lesson-card{ padding: 20px 23px;position: relative;overflow: hidden;border-radius: 10px;width: 100%;min-height: 200px;background: #000D33; transition: 0.5s;} .lesson-card p{color: #fff;} .lesson-card h2 {position: absolute;bottom: 15px;font-size: 100px;line-height: 0;color: #000D33 !important;-webkit-text-stroke-width: 0.6px;-webkit-text-stroke-color: #fff;} .lesson-card svg{position: absolute;right: 10px;width: 40px;height: 40px;bottom: 11px;} .lesson-card svg path{fill: #979797;} .afa-lessons-section .row{padding: 30px 0px;} .link-lesson{text-decoration: none; color: #fff;} .link-lesson:hover{text-decoration: none;} .afa-lessons-section .row .custom-row{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 2rem;} .afa-lessons-section .col-3{width: 100%;} .afa-lessons-section {padding-bottom: 20px;} .afa-lessons-section-title{position: relative;} .afa-lessons-section-title h3 {display: flex;align-items: center;grid-column-gap: 50px;} a.link-lesson:hover .lesson-card {background: #fff;transition: 0.5s; box-shadow: 0px 0px 20px #a19090;} a.link-lesson:hover .lesson-card p{ color: #000D33; } a.link-lesson:hover svg{ transform: scale(1.5); transition: 0.5s;} a.link-lesson:hover svg:before{ position: absolute;top: 0;left: 0;z-index: -1;content: '';width: 44px;height: 44px;box-shadow: 0 0 0 0 rgba(255,255,255,.1);border-radius: 100%;opacity: 0;-webkit-animation: sdb03 3s infinite;animation: sdb03 3s infinite;box-sizing: border-box;} a.link-lesson svg{transition: 0.5s;} .animated-text{ animation: animate-in 1200ms ease 500ms backwards;} @keyframes animate-in {from {opacity: 0;transform: translateY(100px);}to {opacity: 1;transform: translate(0px);}} .drop-in {animation: animate-in 1s ease 200ms backwards;} .afa-lessons-section .row {display: none;} .activerow{display: block !important;} .afa-lessons-section-title {border-bottom: 1px solid #ccc;} .lessontitle-border { transition: 0.5s; position: relative;} .lessontitle-border:before {content: '';position: absolute;width: 30px;height: 2px;background: #33333373;top: 0;bottom: 0;display: flex;margin: auto;border-radius: 10px; transition: 0.5s;} .lessontitle-border:after {content: '';position: absolute;width: 2px;height: 30px;background: #33333373;border-radius: 10px;top: 0;bottom: 0; left: 15px; align-items: center;display: flex;justify-content: center;margin: auto; transition: 0.5s;} .activehed .lessontitle-border:after {content: '';transform: rotate(90deg);} /*alfalah lessons page end*/ /*program tax credit page*/ .page-ga-tax-credit-program .afa-4-data {background: #000D33;padding: 24px 20px;color: #fff;} .page-ga-tax-credit-program .afa-4-data p {color: #fff;} .page-ga-tax-credit-program .afa-4-data ul {padding-left: 35px;} .page-ga-tax-credit-program .afa-4-data ul li {font-size: 15px;margin-bottom: 10px; position: relative;} .page-ga-tax-credit-program .afa-4-data ul li:before {content: '';position: absolute;left: -18px;background: #fff;width: 7px;height: 7px;top: 4px;border-radius: 100px;box-shadow: inset 0px 0px 4px #000;} .page-ga-tax-credit-program section.afa-custom-section{padding: 0px 0px;} .page-ga-tax-credit-program .afa-4-data h4 a {background: var(--yellow);color: #Fff;padding: 15px 10px;text-transform: capitalize;font-size: 17px;line-height: 2.5;display: block;text-align: center; text-decoration: none;} .page-ga-tax-credit-program .afa-4-data h4 a:hover{text-decoration: none; background: rgb(225 169 54 / 90%) !important; transition: 0.5s;} /*end program tax*/ /*car4jannah page css */ h2.donate-btn-link a:hover{ transform: scale(1.1); transition: 0.5s;} h2.donate-btn-link a {font-size: 33px;background: var(--yellow);color: #fff;text-decoration: none;padding: 30px 30px;margin-bottom: 20px;display: inline-block;box-shadow: 0px 32px 30px var(--yellow)66; transition: 0.5s;} .page-cars4jannah h2 a{font-size: 33px;background: var(--yellow);color: #fff;text-decoration: none;padding: 30px 30px;margin-bottom: 20px;display: inline-block;box-shadow: 0px 32px 30px var(--yellow)66; transition: 0.5s;} .page-cars4jannah h2 a:hover{ transform: scale(1.1); transition: 0.5s;} /*end car4jannah css*/ a.btn.btn-x1:hover, section.image-box-x1 .quote-link a.btn.btn-x1:hover, .afa-button-link:hover{ background: #011a65; color: #fff } a.btn.btn-x1, section.image-box-x1 .quote-link a.btn.btn-x1, .afa-button-link { transition: background-color .3s ease, border-radius .3s ease; } .main-inner-wrapper{padding: var(--section-gap) 0px var(--section-gapb);} /* Contct US */ .map-res { font-size: 0; } .alfalah-map iframe { height: 600px; margin-top: 0; } .row.f-wrap { flex-wrap: wrap; gap: 30px; } .row.f-wrap .col-4 { float: none!important; color: #fff; width: calc( 33.33% - 20px); grid-column: 1 / span all; } .contact-us-info .inner-data { background: #000D33; padding: 30px; margin-bottom: 30px; display: flex; flex-direction: column; margin: 0; height: 100%; min-height: 190px; justify-content: center; } .contact-us-info .inner-data a, .contact-us-info .inner-data p { color: #fff; } .contact-us-info .inner-data p { margin-bottom: 0; } .cd-timer {display: flex; gap: 20px; text-align: center;} .cd-timer .item{display: flex; justify-content: center; flex-direction: column; align-items: center; width: 100px; height: 90px; border-radius: 22px; background: #031651; color: #FFF; font-size: 37px; font-style: normal; font-weight: 700; line-height: normal;} .cd-timer span{display: block; color: #A5DEFF; text-align: center; text-transform: uppercase; font-size: 15px; font-style: normal; font-weight: 300; line-height: normal;} .center-timer{margin: auto;} .site-header .center-timer + .my-menu{margin-left: 0;} .sup-ttl {color: #FFF; font-size: 17px; font-style: normal; font-weight: 400; line-height: normal; text-align: center; margin: 8px 0;} .sup-ttl strong{display: block; font-size: 22px;} .sup-ttl strong { display: block; font-size: 22px; color: #D9AB4E; text-transform: uppercase; } .box-modules-card p { font-size: 17px; } .box-modules-card p a { border-bottom: 1px solid #011B6B; color:#011B6B; } .scylla-banner:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; background-image: linear-gradient(#fff0, #000000b3); } .scylla-banner .scylla-banner-content { position: relative; z-index: 9; } .scylla-banner div#crumbs { position: relative; } .section-title h3 { font-size: 2rem; font-family: var(--title); } .box-modules-card table tbody tr td strong{ font-size: 20px; } .box-modules-card table tbody tr td { border: 1px solid #00000042; padding: 10px 19px; font-size: 17px; } .box-modules-card table { background: transparent; } .box-modules-card ul { margin-bottom: 20px; } .box-modules-card ul li { line-height: 22px; margin-bottom: 20px; } .box-modules-card ul li ul{ margin-top: 15px; } .ui-accordion .ui-accordion-header { border: 1px solid #cccccc9e; margin-bottom: 5px; } .ui-accordion .ui-accordion-content { border: 1px solid #cccccc9e; position: relative; } .ui-accordion .ui-accordion-content:before { content: ''; position: absolute; width: 10px; height: 10px; background: #011B6B; left: 18px; top: 23px; } .ui-accordion .ui-accordion-header.ui-state-active { background: #011B6B; color: #fff; } .gform-body input:focus{ border: 1px solid #0a0a0a54; outline: none; } .gform-body input { box-shadow: none; border: 1px solid #0a0a0a54; border-radius: 3px; background: transparent; } .gform-body textarea{ box-shadow: none; border: 1px solid #0a0a0a54; border-radius: 3px; background: transparent; } .gform-body select { box-shadow: none; border: 1px solid #0a0a0a54; border-radius: 3px; background: transparent; } .gform_footer .gform_button { background: #011B6B; color: #fff; padding: 13px 40px; border-radius: 100px; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0px 15px 20px #ccccccc2; cursor: pointer; border: 1px solid #011B6B; } img.shadow-image { text-align: center; margin: auto; display: block; box-shadow: 0px 10px 30px #ccc; margin-top: 20px; width: 100%; } /* updated css */ .scylla-container {height: 400px; width: 100%;} .scylla-banner-content { vertical-align: bottom; text-align: left; } #crumbs { max-width: 1400px; margin: 0 auto; text-align: left; padding-bottom: 10px; } .banner-heading { color: #fff; text-transform: uppercase; font-weight: normal; font-size: 75px; margin-bottom: 30px; font-family: Times New Roman; text-align: center; } #crumbs a,#crumbs { color: #fff; font-size: 14px; } table { background: #ffd25e; width: 100%; margin-bottom: 15px; } table td { padding: 10px; border: 1px solid #fafafa; } .row{ display: flex; } .align-center{ align-items: center; } .equal-colum{ max-width: 50%; } .feature-img{ position: relative; } .feature-img:before{ content: ''; position: absolute; width: 100%; height: 100%; background:#E1A936; z-index: -1; top: 5px; right: -10px; box-shadow: 0px 10px 40px #ccc; } .feature-img img{ max-width: 100%; width: 100%; border-top-left-radius: 10px; } .alfalah-pcontent{ padding: 50px 0px; } .top-heading h3{ font-size: 70px; margin: 0; font-family: 'Roboto', sans-serif; position: relative; } .top-heading h3 span{ display: block; font-size: 18px; font-weight: 400; color: #333; } .admission-text h2{ margin-top: 60px; font-family: 'Roboto', sans-serif; font-size: 55px; font-weight: bold; text-transform: uppercase; margin-bottom: 0px; } .admission-text h2 b{ display: block; color: #E1A936; } .admission-text p{ font-size: 25px; font-family: 'Roboto', sans-serif; color: #333; padding-right: 20px; } .admission-text span{ font-size: 30px; } .admission-text .btn-join{ color: #032f52; font-family: 'Roboto', sans-serif; padding: 0px 0px; text-decoration: none; font-size: 18px; border-radius: 50px; display: table; margin-top: 5px; text-decoration:underline; } .text-list ul{ margin: 0; padding: 0 30px; list-style: none; margin-bottom: 50px; } .text-list ul li{ font-size: 22px; margin-bottom: 15px; position: relative; } .text-list ul li:before{ position: absolute; content: ''; width: 15px; height: 15px; background: #000; left: -30px; margin-top: 6px; clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 25% 50%, 0% 0%); } .cta-panel{ background:#011B6B; position: relative; overflow: hidden; } .cta-panel span{ color: #E1A936; border-bottom: 5px solid #E1A936; } .cta-panel h3{ text-align: center; text-transform: uppercase; color: #fff; font-family: 'Roboto', sans-serif; font-size: 40px; margin: 0; letter-spacing: 1px; padding: 40px 0px; } .cta-panel .container:before{ background: #fff; height: 90%; width: 20px; position: absolute; content: ''; right: 0px; top: -10px; transform: rotate(15deg); } .cta-panel .container:after{ background: #fff; height: 50%; width: 20px; position: absolute; content: ''; right: 30px; top: -10px; transform: rotate(15deg); } /********** Date time ***/ .date-times{ display: flex; gap:20px; justify-content: space-between; padding: 80px 0px; } .date-card{ background: #fff; flex: 33.33%; border-radius: 10px; overflow: hidden; border-bottom: 8px solid #011B6B; } .date-card strong{ color: #fff; background: #011B6B; width: 100%; display: block; text-align: center; padding: 20px 0px; font-family: 'Roboto', sans-serif; letter-spacing: 1px; font-size: 22px; font-weight: 500; } .date-caption{ padding: 20px 0px; } .date-caption ul{ list-style: none; margin: 0; padding: 0; text-align: center; } .date-caption ul li{ color: #333; font-size: 24px; margin-bottom: 10px; } .date-caption ul li span{ font-size: 50px; color: #011B6B; font-weight: bold; } .date-caption ul li:nth-last-child(1){ margin-bottom: 0; } .single p { line-height: 1.55; } .single h2.post-title { font-size: 32px; color: #000; font-family: 'Nacelle', sans-serif; } /************ Address *******/ .address-section{ background: #D9D9D9; padding: 50px 0px; } .address-widget{ flex: 33.333%; position: relative; } .address-widget:nth-child(1):before{ background: transparent; } .address-widget:before{ content: ''; position: absolute; width: 2px; height: 50px; left: 0; background: #00000047; } .address-widget{ text-align: center; } .address-widget span{ text-transform: uppercase; font-weight: bold; font-size: 23px; font-family: 'Roboto', sans-serif; } .address-widget p{ margin: 0; padding-top: 20px; font-family: 'Roboto', sans-serif; } .address-widget p a{ color: #000; } .blog-header{ padding: 60px 0px; background: #F2F4F6; text-align: center; justify-content: center; display: flex; align-items: center; margin-bottom: 50px; border-bottom: 2px solid #E1A936; } .blog-header h3{ text-transform: uppercase; font-size: 50px; } .blog-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin: 60px 0; } .blog-single-post { background: #fff; overflow: hidden; border: 1px solid #cccccc70; transition: 0.3s; } .blog-caption p { color: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .post-featured-img{ overflow: hidden; position: relative; padding-bottom: 60%; } .blog-single-post:hover .post-featured-img img{ transform: scale(1.1); } .blog-caption h3 { margin-bottom: 5px; } .post-featured-img a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: 0.3s; } .blog-caption{ padding: 20px 20px; } .blog-caption h3 a{ color: var(--blue); text-decoration: none; } .blog-caption h3 a:hover{color: var(--yellow);} .single-post-detail{ padding: var(--section-gap) 0px; min-height: 475px; } .media-single-post{ margin-bottom: 30px; float: left; max-width: 500px; padding-right: 30px; margin-bottom: 0; } .media-single-post img{ width: auto; } .post-cat span { color: #333; font-size: 16px; padding-right: 10px; } .post-cat a { color: #fff; text-transform: uppercase; font-weight: bold; font-size: 18px; background: #032f52; padding: 7px 15px; } a.readmore-btn { text-decoration: none; background: var(--blue); padding: 0px 22px; color: #fff; line-height: 42px; height: 40px; display: inline-flex; font-size: 17px; margin-top: 25px; border-radius: 6px; transition: 0.3s; } a.readmore-btn:hover{ background: var(--yellow); color: var(--blue); box-shadow: 0px 9px 26px #ccc; transition: 0.3s; } a.helpcenter-btn { background: var(--yellow); color: #Fff !important; padding: 15px 30px !important; text-transform: capitalize; font-size: 17px; line-height: 2.5; display: inline-block; text-align: center; text-decoration: none; border: none !important; margin-bottom: 40px; } .colum-4-sec .row { grid-column-gap: 15px; } .page-athletics-at-afa .afa-accordion-section { padding-top: 0px; } section.colum-4-sec { padding: 40px 0px; } .sp-text-border{padding: 40px 40px 25px; margin-top: 40px; background: #000D33; border-left: 5px solid var(--yellow); color: #E7E9EE;} .sp-text-border p{color: #E7E9EE!important;} /* Form Newsletter */ .newsletter .gform_footer.top_label { padding: 0 !important; } .newsletter { display: block; text-align: center; padding-top: 0; flex-direction: column; } .row.newsletter h2 { margin-bottom: 30px; font-size: 50px; font-weight: 400; z-index: 9; font-family: 'Lora', serif; color: #fff; width: 100%; margin-bottom: 0; } .row.newsletter .gform-body input { border: 1px solid #E1A936!important; border-radius: 0!important; color: #fff; width: 350px!important; height: 50px!important; font-size: 16px!important; border-right: 0; margin-left: -1px; } .footer-top .row.newsletter { padding-top: 0; } .row.newsletter .container { background: #000d33; padding: 60px 0 80px; max-width: revert!important; } .row.newsletter p { color: #fff; margin-bottom: 35px; margin-top: 15px; font-size: 18px; } .row.newsletter { padding: var(--section-gapb) 60px var(--section-gapb); } .sec-gap{padding: 70px 0;} .row.newsletter input.gform-button { background: #e1a936!important; border: 0; width: 120px!important; height: 55px; color: #fff; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 45px; border-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; cursor: pointer; transition: 0.3s ease all; border-radius: 0!important; } .row.newsletter .gform_fields { display: flex !important; justify-content: center; grid-column-gap: 0 !important; } /* Tab Academic */ .v-content-tab.style-x2.v-content-tab-active { display: block; justify-content: center; flex-direction: column; margin: 0 auto; width: 100%; } .v-content-tab.style-x2 .s-title { text-align: left; } .v-content-tab.style-x2 .s-title h3 {} .v-content-tab.style-x2 .s-title h3 { color: #000; margin-bottom: 15px; } .v-content-tab.style-x2 .s-title p { font-size: 22px; margin-bottom: 60px; } .v-content-tab.style-x2 .s-content .row {gap: 0;flex-wrap: wrap;justify-content: normal;} .v-content-tab.style-x2 .s-content { display: block; width: 100%; } .v-content-tab.style-x2 .s-content .row .inner-data { border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .caption-content {/* display: flex; *//* flex-direction: column; */} .style-x3 .row {justify-content: revert;align-items: end;gap: 0;} .v-content-tab.style-x2 .caption-content p {color: #fff;font-size: 16px;height: 80px;overflow: hidden;margin: 0;} .v-content-tab.style-x2 .inner-data { overflow: hidden; position: relative; } .content-data { position: absolute; bottom: 0; width: 100%; color: #fff; padding: 30px; bottom: calc(-110px); z-index: 1; transition: all ease 0.3s; } .v-content-tab.style-x2 .content-data h3 { font-weight: 400; margin-bottom: 25px; font-family: 'Lora', serif; } .v-content-tab.style-x2 .inner-data img { height: 460px; width: 100%; object-fit: cover; } .v-content-tab.style-x2 .content-data { position: absolute; bottom: 0; width: 100%; color: #fff; padding: 30px; bottom: calc(-110px); z-index: 1; transition: all ease 0.3s; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 61%, rgba(0, 0, 0, 0.15) 62%, rgb(0 0 0 / 29%) 81%, rgb(0 0 0) 100%); } .v-content-tab.style-x2 .inner-data:after { content: ''; background: linear-gradient(180deg, rgba(0, 0, 0, 0.15) 61%, rgba(0, 0, 0, 0.15) 62%, rgb(0 0 0 / 29%) 81%, rgb(0 0 0) 100%); width: 100%; height: 100%; position: absolute; top: 0; } .v-content-tab.style-x2 .inner-data:hover .content-data { bottom: 0; transition: all ease 0.3s; } .style-x3 .col-4:first-child .image-block img, .style-x3 .col-4:last-child .image-block img { max-height: 500px; object-fit: cover; border-radius: 12px; /* box-shadow: rgba(0, 26, 52, 0.2) 0px 4px 32px 0px; */ -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; } .style-x3 .col-4:first-child .image-block .image-block { border-radius: 12px; box-shadow: rgba(0, 26, 52, 0.2) 0px 4px 32px 0px; } .style-x3 .row { overflow: visible; } .style-x3 .col-4:first-child, .style-x3 .col-4:last-child .image-block { padding-bottom: 0; } .style-x3 .col-4 .image-block img { max-height: 600px; object-fit: cover; border-radius: 12px; box-shadow: rgba(0, 26, 52, 0.2) 0px 4px 32px 0px; } .style-x3 .col-4 { contain-intrinsic-block-size: auto 100px; border-radius: 12px; padding: 20px 14px; overflow: hidden; margin-left: -1px; } .content-data { position: absolute; } .style-x3 .col-4 .content-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 30px; background: rgba(0, 40, 94, .8); color: #fff; text-align: center; border-radius: 12px; opacity: 0; -webkit-transform: scale(0.33); -ms-transform: scale(0.33); transform: scale(0.33); -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; flex-direction: column; } .style-x3 .col-4 .image-block { position: relative; box-shadow: rgba(0, 26, 52, 0.2) 0px 4px 32px 0px; border-radius: 12px; } .style-x3 .col-4:hover .content-data { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all .4s ease .15s; transition: all .4s ease .15s; } .style-x3 .col-4:first-child, .style-x3 .col-4:last-child { padding: 20px 15px !important; } .style-x3 .col-4 p { color: #fff; font-size: 16px; } .style-x3 .col-4 a { color: var(--yellow); align-items: center; grid-column-gap: 19px; justify-content: center; position: relative; font-weight: normal !important; box-sizing: border-box; display: inline-block; transition: background-color .3s ease, border-radius .3s ease; padding: 11px 30px; background-color: var(--yellow); font-size: 15px; margin-right: 5px; color: #fff; text-decoration: none; margin-top: 10px; } .content-data-vis { bottom: 16px; left: 20px; background: #00285e; position: absolute; font-weight: normal !important; box-sizing: border-box; display: inline-block; transition: background-color .3s ease, border-radius .3s ease; padding: 15px 30px; background-color: var(--yellow); font-size: 15px; margin-right: 5px; color: #fff; text-decoration: none; } .content-data-vis a { margin: 0!important; font-size: 20px; } .style-x3 .col-4 .image-block:hover .content-data-vis { -webkit-transform: translateY(200%); -ms-transform: translateY(200%); transform: translateY(200%); -webkit-transition: all .4s ease 0s; transition: all .4s ease 0s; } .style-x3 .col-4 .image-block:hover img { -webkit-transform: scale(1.12); -ms-transform: scale(1.12); transform: scale(1.12); -webkit-transition: all .4s ease .12s; transition: all .4s ease .12s; } .image-block { } .alignleft { padding: 0 30px 20px 0; float: left; padding-left: 0!important } .style-x3 .col-4 .image-block figure { overflow: hidden; border-radius: 12px; } .afa-lessons-section:last-child { padding: 0; } .afa-inner-content p {color: #494d56;} .box-modules-card p a.gap {padding: 30px 0;display: block;} .page-id-634 .afa-inner-content figure a {padding: 20px 0 30px;display: block;} .page-id-516 .afa-innerpage-wrapper .row { grid-column-gap: 20px; align-items: center; } body.page-template-default.page.page-id-513 .afa-inner-content p { text-align: justify; } /* Gallery */ .gallery .row { display: flex; gap: 30px; flex-wrap: wrap; } section.gallery.main-inner-wrapper .container { max-width: 1400px !important; } .gallery .row:after { content: ""; display: table; clear: both; } .gallery .column {width: calc(33.33% - 30px);float: left;height: 500px;position: relative;overflow: hidden;} /* The Modal (background) */ .gallery .modal { display: none; position: fixed; z-index: 1; padding-top: 0; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: black; } /* Modal Content */ .gallery .modal-content { position: relative; background-color: #fefefe; margin: auto; padding: 0; width: 100%; max-width: 1200px; display: flex; align-items: center; background: #000; } /* The Close Button */ .gallery .close { color: white; position: absolute; top: 10px; right: 25px; font-size: 35px; font-weight: bold; } .gallery .close:hover, .gallery .close:focus { color: #999; text-decoration: none; cursor: pointer; } .gallery .mySlides { display: none; background: #000; text-align: center; align-items: center; width: 100%; justify-content: center; height: 100vh; } .gallery .cursor { cursor: pointer; } /* Next & previous buttons */ .gallery .prev, .gallery .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: 0; color: white; font-weight: bold; font-size: 20px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none; -webkit-user-select: none; transform: translateY(-50%) } .gallery .modal-content .mySlides img { max-height: 100%; object-fit: cover; height: 100%; width: auto !important; max-width: 1000px !important; max-height: 600px; } /* Position the "next button" to the right */ .gallery .next { right: 0; border-radius: 3px 0 0 3px; } /* On hover, add a black background color with a little bit see-through */ .gallery .prev:hover,.gallery .next:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .gallery .gallery .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; } .gallery img { margin-bottom: -4px; } .gallery .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: white; } .gallery .demo { opacity: 0.6; width: 150px; height: 150px; object-fit: cover; } .gallery .active, .gallery .demo:hover { opacity: 1; } .gallery img.hover-shadow { transition: 0.3s; width: 500px !important; height: 100%; object-fit: cover; } .gallery .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .gallery .mySlides img { max-height: 500px; object-fit: cover; max-width: 500px !important; width: 500px !important; } .gallery .column .content-block { padding: 10px 10px 10px 10px; background: #000619db; position: absolute; bottom: 0; left: 0; width: 100%; transition: all .3s ease-in-out; height: auto; overflow: hidden; text-align: center; } .gallery .column .content-block h5 {} .gallery .column .content-block h3 { font-size: 22px; color: #fff; line-height: 2; margin: 0; } .gallery .column:hover .content-block { bottom: -64px; } .row.tab ul.tab-x2-title {justify-content: space-between;display: flex;} .row.tab { justify-content: center; } li.tab-content { padding: 20px; display: inline-block; color: var(--e-global-color-0e39fe0); background-color: var(--yellow); padding: 8px 25px; font-size: 18px; line-height: 27px; font-weight: 500; cursor: pointer; margin-bottom: 50px; margin-left: 3px; } li.tab-content.item.active { background: #011b6bd4; color: #fff; } button#loadMore { background: var(--yellow) !important; color: #011C6B !important; text-transform: uppercase; font-weight: 600; padding: 20px 30px; margin-left: 20px; border: 0; } .action-gallery { display: flex; justify-content: center; margin-top: 60px; } .gallery .next { right: 0; border-radius: 3px 0 0 3px; text-decoration: none !important; } /* Careers */ .job-listing { border: 1px solid #80808030; border-radius: 5px; flex-direction: column; padding: 30px; margin-bottom: 30px; } .job-listing .heading { display: flex; color: #000; align-items: center; padding-bottom: 10px; border-bottom: 1px solid #e0deda; } .job-listing .heading h3 { color: #000; margin: 0; font-size: 30px; font-family: Times New Roman; font-weight: normal; } .job-listing .job-year { font-weight: normal; } .job-listing .heading h2 { color: #000; margin: 0; font-size: 36px; } .job-listing .heading span { font-size: 16px; } .job-listing .right-data { margin-left: auto; display: flex; justify-content: right; align-items: center; } .job-tags ul li { list-style: disc; margin-bottom: 10px; } .job-qr { width: 200px; position: absolute; right: 0px; bottom: -30px; z-index: 2; padding: 30px; } .career-accordion .job-listing:nth-child(2n) {background: #fafafa;} .job-tags ul { padding-left: 30px; } .job-tags ul { margin-bottom: 0px; } .job-listing .right-data a.btn-x5 { background: var(--yellow) !important; color: #011C6B !important; text-transform: uppercase; font-weight: 600; padding: 17px 30px; margin-left: 20px; font-size: 18px; line-height: 1; } .job-listing .right-data a.btn-x5:hover{ background: var(--blue)!important; color: #fff!important; } .job-tags { padding: 30px 0 0; position: relative; } .deadline { padding: 30px 0 10px; text-align: right; font-size: 16px; } .career-inner { display: flex; flex-direction: column; } .career-inner .right-data {width: 100%;display: block;margin-top: 30px;} .career-inner h3 { display: block; margin: 0; } .bottom-single-career a { color: var(--yellow); } .left-data i svg { width: 60px; height: 60px; } .career-inner .left-data svg { position: absolute; } .career-inner h3, .career-inner a { padding-left: 50px; } .bottom-single-career { margin-top: 30px; } .career-inner .right-data svg { position: absolute; } .apply-form .gform_wrapper.gravity-theme .gform_delete_file { background: #ff0000; color: #000; padding: 5px; margin-top: 0; border-radius: 1px; position: absolute; right: 4px; top: 0; } .apply-form .gform_wrapper.gravity-theme * { box-sizing: border-box; position: relative; } .apply-form .gform_wrapper.gravity-theme .ginput_preview { padding-right: 40px; line-height: 1.5; } .apply-form .gform_wrapper.gravity-theme .gform_delete_file { background: #ff0000; color: #000; padding: 5px; margin-top: 12px; border-radius: 1px; } .apply-form input#gform_submit_button_5 { background: var(--yellow) !important; color: #011C6B !important; text-transform: uppercase; font-weight: 600!important; padding: 17px 30px; margin-left: 20px; font-size: 18px; line-height: 1; border: 0; border-radius: 0; margin: 0; box-shadow: none } button#gform_browse_button_5_4 { background: var(--yellow); color: #011C6B !important; padding: 10px 14px; } .gform_wrapper.gravity-theme .gfield textarea.medium { border: 1px solid #ffffff47; color: #fff; } .area-form { display: flex; } .apply-form .gform_wrapper.gravity-theme .gform_fileupload_rules { line-height: 1.7; } .apply-form { padding: 30px; border-bottom: 1px solid #e0deda; display: none; width: 35%; background-color: #000d33; margin-top: 35px } .apply-form input { border: 1px solid #47506c; } .area-form-left-content.apply-active { width: 65%; padding-right: 40px; } .apply-form input, .apply-form label, .apply-form div { color: #fff !important; font-weight: 400 !important; } .apply-form input::-webkit-input-placeholder, .apply-form textarea::-webkit-input-placeholder { color: #fff !important; } .apply-form input::-moz-placeholder, .apply-form input::-moz-placeholder { color: #fff !important; } .apply-form input:-ms-input-placeholder, .apply-form input:-ms-input-placeholder { color: #fff !important; } .apply-form input:-moz-placeholder, .apply-form input:-moz-placeholder { color: #fff !important; } .job-listing:last-child { margin-bottom: 0; } .row.f-wrap.contact-us-info h4 { text-transform: uppercase; } .nav-item li{padding: 0 14px; margin-right: -10px; position: relative;} .nav-item li.quick-links:after,.nav-item li.btn-search:after,.nav-item li.quick-links:after,.nav-item li:nth-child(2):after{ content: ""; width: 1px; height: 21px; background: #fff; position: absolute; left: 2px; top: 3px; } .nav-item li.btn-search:after{top: 7px;} .nav-item li.quick-links {padding-right: 30px; padding-bottom: 10px; margin-bottom: -10px;} .nav-item li.btn-search a { display: inline-block; width: 25px; height: 25px; background-image: url(../icons/icon-mglass.svg); background-repeat: no-repeat; background-position: center; background-size: 22px; } .nav-item li.btn-search a span{font-size: 0; opacity: 0;} /* Popup Style */ .sliding-bar{background-color: #2c3e50; color: #fff; padding: 10px; } .sliding-bar marquee {font-size: 25px; color: #fff; font-weight: bold; line-height: normal; margin-bottom: -4px;} .afa-anniversary-card { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 635px; margin: 30px auto; padding: 24px; background-color: #fff; border: 2px solid #fff; border-radius: 20px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); text-align: center; font-family: 'Segoe UI', sans-serif; background-image: url('/wp-content/uploads/2025/07/popup-bg.png'); background-position: center; background-size: cover; background-repeat: no-repeat; } .pum-close.popmake-close { position: absolute; top: -20px; right: -20px; background: transparent; border: none; font-size: 24px; color: #ffffff; cursor: pointer; line-height: 1; border: 2px solid #fff; border-radius: 100%; width: 25px; height: 25px; text-align: center; } .afa-logo { width: 120px; height: 120px; margin-bottom: 16px; } .afa-card-content { max-width: 400px; } .afa-card-content h2 { font-style: normal; font-weight: 500; font-size: 24px; line-height: 29px; color: #011B6B; } .afa-card-content p { font-style: normal; font-weight: 400; font-size: 16px; text-align: center; color: #000619; } .afa-btn { display: flex; width: 350px; height: 52px; background-color: #FFD25E; color: #282828; border-radius: 6px; text-decoration: none; font-weight: 600; margin-top: 16px; transition: background-color 0.3s ease; justify-content: center; align-items: center; font-size: 16px; text-transform: capitalize; text-decoration: none!important; margin: 0 auto; } .afa-btn:hover { background-color: var(--blue); color: #fff; } .afa-btn.btn-blue:hover{ background-color: var(--yellow); color: #fff; } .pum-theme-1150 .pum-title, .pum-theme-lightbox .pum-title{display: none !important;} .pum-theme-1150 .pum-container, .pum-theme-lightbox .pum-container{border: none !important; box-shadow: none !important; background-color: transparent !important;} .pum-theme-1173 .pum-content + .pum-close, .pum-theme-lightbox .pum-content + .pum-close { height: 20px!important; width: 20px!important; left: auto!important; right: 12px!important; bottom: auto!important; top: 11px!important; padding: 0px; color: #ffffff; font-family: Arial; font-weight: 100; font-size: 10px!important; line-height: 14px!important; border: 1px solid #006298!important; border-radius: 26px; box-shadow: none!important; text-shadow: none!important; background-color: rgb(8 46 158)!important; } .sliding-bar{background-color: #2c3e50; color: #fff; padding: 10px; position: sticky; top: 0; z-index: 99; display: flex; align-items: center; justify-content: center; gap: 20px;} .sliding-bar a{color: #fff;} .sliding-bar h2 {font-family: 'Lora', serif; font-size: 20px; color: #fff; font-weight: 500; margin: 0;} #countdown-timer { color: var(--yellow); font-weight: 700; font-size: 22px; justify-content: center; text-indent: -15px; } .sup-title { font-size: 64px; font-family: Baskervville; } .ft-title { font-size: 89px; font-family: Libre Baskerville; color: var(--yellow); font-style: italic; } .card { border: 3px solid var(--yellow); position: relative; } .card a{ display: block; padding: 25px; text-decoration: none; transition: 0.3s ease all; } .card a:hover { background: var(--yellow); } .card .icon { position: absolute; width: 30px; height: 30px; background: url(../icons/icon-letter.png); right: 10px; top: 10px; background-size: 20px; background-repeat: no-repeat; background-position: center; } .card .icon.icon-loc { background: url(../icons/icon-loc.png); background-size: 20px; background-repeat: no-repeat; background-position: center; } .card .icon.icon-doc { background: url(../icons/icon-doc.png); background-size: 20px; background-repeat: no-repeat; background-position: center; } .card .sm-title { text-transform: uppercase; } .j-title { font-size: 40px; font-family: var(--title); } .footer .container { max-width: 920px; } .footer-title { margin-bottom: 50px; } .rt-title h2 { font-size: 33px; margin: 0; font-family: Times New Roman; } .left-logo .row{gap: 10px;} .rt-col {text-align: right;} .news-letter { max-width: 285px; text-align: left; margin-left: auto; margin-top: 20px; position: relative; } .news-letter p{font-size: 17px; font-style: italic;} .news-letter .description_below { border: 1px solid var(--yellow); } .news-letter #input_4_5 { height: 35px; border: 0; background: transparent; color: #fff; } .news-letter #gform_submit_button_4 { font-size: 0; height: 35px; border: 0; background: var(--yellow) url(../icons/icon-letter.png); border-radius: 0; background-size: 20px; background-repeat: no-repeat; background-position: center; cursor: pointer; } #gform_4_validation_container,#validation_message_4_5 {display: none;} .news-letter #input_4_5[aria-invalid="true"]{border: 1px solid red;} .news-letter #gform_ajax_spinner_4{position: absolute; right: 25px; z-index: 1;} .phone-card {margin-top: 10px;} p.alright-copytext { font-size: 14px; text-align: left; margin-left: 0px; margin-top: 24px; } .left-logo.row {gap: 15px;} .side-button { position: fixed; right: 0; z-index: 100; top: 35%; max-width: 150px; } .side-button .afa-btn { width: auto; height: 60px; margin: 10px 0; padding: 25px; font-size: 19px; color: #fff; box-shadow: 0 0px 5px 0px rgba(255,255,255,0.3); text-transform: uppercase; } .afa-btn.btn-blue {background: var(--blue); box-shadow: 0 0px 5px 0px rgba(255,255,255,0.3)} .afa-btn.btn-fill,.afa-btn.btn-yellow{color:var(--blue);} .afa-btn.btn-blue:hover{color: var(--blue);} .afa-btn.btn-fill:hover,.afa-btn.btn-yellow:hover{color:#fff;} .slider-text marquee { font-size: 100px; font-family: var(--title); color: var(--blue); font-weight: 700; } .rt-title {max-width: 340px;} .page-nav {background: var(--blue);} .page-nav .menu { display: flex; justify-content: flex-start; overflow-x: scroll; scrollbar-width: none; -ms-overflow-style: none; } .page-nav .menu::-webkit-scrollbar { display: none; } .page-nav .menu li { min-width: 150px; } .page-nav .menu li a { padding: 15px 10px; font-size: 16px; line-height: 1.5; text-align: center; } .page-nav .menu li a:hover{background: var(--yellow); text-decoration: none; color: var(--blue) !important;} .page-nav .menu .faq-class a { text-transform: capitalize !important;} .figure { padding-bottom: 100%; position: relative; } .figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .card-content {padding-left: 40px;} .card-content .afa-btn { margin: 0; background: var(--blue); color: #fff; text-transform: uppercase; width: auto; max-width: 200px; } /* Timeline */ .spacer { height: 100vh; background: #f0f0f0; display: flex; align-items: center; justify-content: center; font-size: 24px; color: #444; } .sticky-inner .left h2{ font-family: 'Lora', serif; font-size: 56px; margin-bottom: 40px; color: #fff; justify-content: center; } .scroll-section { background: #000D33; color: #fff; position: relative; } .scroll-section .left img{ max-height: calc(100vh - 210px); width: auto; } .scroll-section p{color: #fff} #section2, .scroll-secondary-bg{background: var(--yellow)} #section2 .text-scroll{background: #000D33} #section2 .sticky-inner, .scroll-secondary-bg .sticky-inner{ flex-direction: row-reverse; } .sticky-inner { display: flex; position: relative; } .left { flex: 1; height: 100vh; position: sticky; top: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 10; } .right { flex: 1; padding: 10vh 80px; } .text-scroll { padding: 40px; box-sizing: border-box; width: 100%; transition: transform 0.2s ease-out; background: #65808f47; border-radius: 12px; } #textScroll p { margin-bottom: 30px; text-align:center; } .text-scroll h3 { text-align: center; font-size: 20px; } .text-scroll h2 { font-size: 28px; margin: 0 0 20px; font-weight: bold; text-align: center; color: #fff; justify-content: center; } .timeline-top-img img { height: calc(100vh); object-fit: cover; object-position: 0 70%; width: 100%; } .text-scroll p { font-size: 20px; line-height: 1.4; font-family: 'Lora', serif; text-align: center; margin-bottom: 40px; } .scroll-section .container{height: 100%; max-width: 1500px !important;} body.page-id-1188{ overflow: visible; } .afa-btn-classic { display: inline-block; padding: 10px 30px; height: auto; text-transform: uppercase; background: var(--blue); color: #fff; border-radius: 10px; font-size: 16px; text-decoration: none; } /* Timeline */ /*AFA Admission Process*/ .afa-adsec-top { display: flex; align-items: center; justify-content: center; position: relative; margin-bottom: 30px; } .afa-adsec-top img { display: block; margin: 0 auto; z-index: 2; } .afa-adsec-top::after { content: ""; position: absolute; bottom: 50px; left: 0; width: 100%; height: 2px; background: var(--yellow); } .afa-steps ul { display: flex; justify-content: flex-start; align-items: center; position: relative; overflow-x: auto; } .afa-steps { background: #fff; overflow: hidden; } .afa-steps ul li {position: relative; height: 120px; width: 220px; margin-right: -20px; display: flex; align-items: center; justify-content: center; background-color: var(--yellow); clip-path: polygon( 0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%, 25px 50% );} .afa-steps ul li:hover {background-color: var(--blue);} .afa-steps ul li a { display: block; padding: 0 50px; text-align: center; text-transform: uppercase; font-weight: 600; color: #000; display: flex; height: 100%; justify-content: center; align-items: center; } .afa-steps ul li:hover a{color: #fff; text-decoration: none;} .afa-steps ul li:last-child { clip-path: polygon( 0 0, 100% 0, 100% 100%, 0 100%, 25px 50% ); margin-right: 0; } .afa-steps ul li:first-child { clip-path: polygon( 0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100% ); } .ast-step { display: flex; align-items: center; gap: 20px; margin-top: 35px; } .afa-step-targets {max-width: 1020px; min-height: 235px;} .ast-step p{ font-size: 16px; text-transform: uppercase; font-weight: 300; margin-bottom: 0; } .ast-step div { width: 40px; background: #222; height: 1px; } .ast-card h2 { font-size: 26px; text-transform: capitalize; margin-bottom:10px; margin-top: 5px; } .ast-action{ display: inline-flex; align-items: center; height: 40px; background-color: #FFD25E; text-transform: uppercase; color: #282828; border-radius: 6px; text-decoration: none; font-size: 16px; padding: 0 20px; font-weight: 600; transition: background-color 0.3s ease; } .afa-steps ul li.active,.ast-action:hover{background-color: var(--blue); color: #fff; text-decoration: none;} .afa-steps ul li.active a { color: #fff; font-weight: bold; text-decoration: none; } .ast-card {display: none;} .ast-card.active {display: block;} .sec-afa-admission.sec-gap {padding-bottom: 0;} .btn-flat { display: inline-block; background: var(--yellow); color: #fff; padding: 15px 27px; border-radius: 10px; font-weight: 700; margin-top: 10px; transition: 0.3s ease all; } .btn-flat:hover { background: var(--blue); color: #fff; text-decoration: none; } .btn-flat:hover strong{color: #fff;} .afa-inner-content figure { position: relative; padding-bottom: 100%; } .afa-inner-content figure img{ position: absolute; width: 100%; height: 100%; object-fit: cover; } .afa-inner-content {padding-right: 50px;} .page-id-200 figure { margin: 51px 0px 10px 10px; } .desc h3,.fees-section h3{ font-size: 30px; color: var(--blue); font-family: var(--title); } .desc { text-align: center; padding: 30px 0; } .fees-section table{padding-right: 20px;} .sm-title { text-align: center; margin-bottom: 40px; } .sm-title h3{ text-align: center; font-family: var(--title); } .afa-btn.btn-green { margin: 30px 0 0; background: var(--blue); color: #fff; width: auto; display: inline-block; line-height: 1.6; padding: 10px 25px; } .afa-btn.btn-green:hover{background: #FFD25E; color: var(--blue);} .scholarship-card { max-width: 800px; margin: 0 auto; background: #ffffff; border-radius: 20px; padding: 30px 24px 30px; box-shadow: 0 6px 18px rgba(0,0,0,0.06); color: #545454; text-align: center; height: 100%; } .sch-header { display: inline-block; padding: 10px 36px; border-radius: 999px; background: #f44336; color: #fff; font-weight: 600; font-size: 20px; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 24px; } .sch-amount-box { background: #f7f7f7; border-radius: 16px; padding: 28px 20px; display: flex; align-items: center; justify-content: center; gap: 24px; margin-bottom: 28px; } .sch-amount-box img { max-width: 120px; height: auto; } .sch-amount-main { text-align: left; } .sch-amount-main .amount { font-size: 52px; font-weight: 700; color: #2e9336; line-height: 1.1; font-family: var(--title); } .sch-amount-main .per-student { color: #f7941d; font-weight: 600; margin-top: 4px; } .sch-amount-main .note { color: #f7941d; font-size: 12px; margin-top: 4px; } .sch-bottom { display: flex; flex-wrap: wrap; justify-content: center; gap: 32px; margin-top: 10px; } .sch-item {flex: 0 0 47%; max-width: 47%;} .sch-item img { max-width: 80px; height: auto; margin-bottom: 8px; } .sch-item p { margin: 0; font-size: 17px; line-height: 1.4; } @media (max-width: 600px) { .sch-amount-box { flex-direction: column; text-align: center; } .sch-amount-main { text-align: center; } } .student-eligibility-box { max-width: 850px; margin: 0 auto; padding: 30px 20px; background: #ffffff; border-radius: 20px; color: #333; text-align: left; } .se-header { display: block; padding: 10px 35px; background: #e94a43; color: #fff; font-size: 20px; font-weight: 700; border-radius: 40px; margin: 0 auto 25px; text-transform: uppercase; max-width: 274px; } .se-subtitle { color: #1f9d38; font-size: 20px; font-weight: 700; margin-bottom: 20px; text-align: left; } .se-item { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 25px; } .se-item img { width: 75px; height: 75px; object-fit: contain; } .se-item p { font-size: 17px; line-height: 1.45; margin: 0; } @media (max-width: 600px) { .se-item { gap: 12px; } .se-item img { width: 45px; } } .student-elgadd { padding: 55px 0 0;} .student-elgadd .col-6 + .col-6 .afa-inner-content{ padding-right: 0; height: 100%;} .afa-accordion-section .sm-title { margin: 25px 0 0; text-align: left; font-size: 30px; font-family: var(--title); color: var(--blue); padding: 25px 0 25px; } .page-faqs .afa-accordion-section .ui-accordion-header {margin: 0 0 -1px!important;} .search-form { display: flex; } .search-form [type="search"] { height: 45px; border: 0; padding: 10px; font-size: 16px; width: 100%; } .search-form label{width: 100%;} .search-form .search-submit { border: 0; padding: 10px; font-size: 0; width: 50px; background-color: var(--yellow); height: 45px; background-image: url(../icons/icon-mglass.svg); background-size: 30px; background-position: center; background-repeat: no-repeat; cursor: pointer; border-radius: 0 6px 6px 0; } .page-faqs .alfalh-hta-template-x2 .ui-accordion .ui-accordion-content.ui-accordion-content-active {background: rgba(247, 214, 67, 0.2); } .page-faqs .alfalh-hta-template-x2 .ui-accordion .ui-accordion-header{padding-left: 15px;} .page-faqs .alfalh-hta-template-x2 .ui-accordion .ui-accordion-header.ui-state-active, .page-faqs .alfalh-hta-template-x2 .ui-accordion .ui-accordion-header:hover{background: var(--blue); color: #fff !important;} .btn-search .sub-menu {transform: translate(-93%);} .btn-search .sub-menu::before {left: auto; right: 3px;} .page-welcome-to-afa .afa-inner-content, .page-mission-vision .afa-inner-content, .page-board-administration .afa-inner-content, .page-alumni .afa-inner-content, .page-tour-afa .afa-inner-content, .page-tuition-and-fees .afa-inner-content, .page-financial-aid .afa-inner-content, .page-gapromise .afa-inner-content, .page-faqs .afa-inner-content, .page-elementary-school .afa-inner-content, .page-middle-school .afa-inner-content, .page-high-school .afa-inner-content, .page-pto .afa-inner-content, .page-uniform-policy .afa-inner-content, .page-mandated-parent-service .afa-inner-content, .page-school-supplies-list .afa-inner-content, .page-helpcounter .afa-inner-content, .page-after-school .afa-inner-content, .page-counseling .afa-inner-content, .page-athletics-calendar .afa-inner-content, .page-donation .afa-inner-content, .page-gatax .afa-inner-content, .page-cars4jannah .afa-inner-content, .page-2025-2026-school-calendar .afa-inner-content { padding-right: 0; } .page-welcome-to-afa .column_1_img{ padding-left: 0; margin-top: 15px; } .events-speech iframe { display: block; margin: 25px auto; } .gform_wrapper.gravity-theme .gfield input.medium {width: 100% !important;} #gform_6 .gfield_label, #gform_6 .gform-field-label { font-size: 18px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 6px; color: #000; } #gform_6 .gfield_checkbox .gform-field-label { font-size: 16px; font-weight: 500; margin-bottom: 0; } #gform_6 .gfield_checkbox { display: flex; flex-direction: column; gap: 10px; } #gform_6 input[type="text"], #gform_6 input[type="email"], #gform_6 input[type="tel"], #gform_6 select{height: 45px !important;} #gform_6 textarea{min-height: 200px; resize: none;} #gform_6 input[type="text"]:focus, #gform_6 input[type="email"]:focus, #gform_6 input[type="tel"]:focus, #gform_6 textarea:focus { outline: none; box-shadow: none; border-color: var(--yellow); } #gform_submit_button_6 { width: auto; margin: 10px 0; font-weight: 700; padding: 25px; font-size: 19px; color: #fff; border-radius: 6px; padding: 15px 25px; } #gform_submit_button_6:hover{background-color: var(--yellow); border-color: var(--yellow); color: var(--blue);} .cls-02 .afa-innerpage-wrapper{margin-top: 25px;} /* ================================ SEARCH HEADER ================================ */ .search-header { text-align: center; margin-bottom: 55px; } .search-header h1 { font-size: 34px; font-weight: 700; color: var(--blue); margin-bottom: 10px; } .search-header h1 span { color: var(--yellow); } .result-count { font-size: 15px; color: var(--text-light); margin-top: 15px; } /* ================================ SEARCH FORM ================================ */ .search-form { display: flex; justify-content: center; gap: 0px; } .search-field { width: 60%; padding: 15px 18px; font-size: 16px; border: 1px solid var(--border-light) !important; border-radius: 6px 0 0 6px; transition: border-color 0.3s, box-shadow 0.3s; } .search-field:focus { outline: none; border-width: 2px !important; box-shadow: 0 0 0 3px rgba(8, 46, 158, 0.15); } .search-header .search-submit { padding: 15px 26px; width: 50px !important; background-color: var(--blue) !important; color: var(--white) !important; font-weight: 600; border: none; border-radius: 6px; cursor: pointer; transition: background 0.3s, color 0.3s, transform 0.2s; } .search-header .search-submit:hover { background-color: var(--yellow) !important; color: var(--blue) !important; transform: translateY(-1px); } /* ================================ SEARCH RESULTS LAYOUT ================================ */ .search-results { display: grid; grid-template-columns: 1fr; gap: 30px; } /* ================================ SEARCH RESULT CARD ================================ */ .search-card { padding: 28px; background: var(--white); border: 1px solid var(--border-light); border-radius: 8px; transition: box-shadow 0.3s, transform 0.3s; } .search-card:hover { box-shadow: 0 15px 35px rgba(8, 46, 158, 0.1); transform: translateY(-4px); } /* ================================ TITLE & LINKS ================================ */ .search-title a { font-size: 22px; font-weight: 600; color: var(--blue); text-decoration: none; transition: color 0.3s; } .search-title a:hover { color: var(--yellow); } /* ================================ META INFO ================================ */ .search-meta { font-size: 14px; color: var(--text-light); margin: 10px 0 14px; } /* ================================ EXCERPT ================================ */ .search-excerpt { color: var(--text-dark); line-height: 1.6; } /* ================================ READ MORE LINK (HOVER EFFECT) ================================ */ .read-more { display: inline-block; margin-top: 12px; font-weight: 600; color: var(--blue); text-decoration: none; position: relative; transition: color 0.3s; } .read-more:hover { color: var(--yellow); } .read-more:hover::after { width: 100%; } /* ================================ NO RESULTS STATE ================================ */ .no-results { text-align: center; padding: 70px 20px; } .no-results h2 { color: var(--blue); margin-bottom: 10px; } .no-results p { color: var(--text-light); margin-bottom: 25px; } /* ================================ PAGINATION ================================ */ .pagination { text-align: center; margin-top: 40px; } .pagination .page-numbers { display: inline-block; margin: 0 5px; padding: 10px 14px; border-radius: 6px; border: 1px solid var(--border-light); color: var(--blue); text-decoration: none; font-weight: 500; transition: background 0.3s, color 0.3s, border-color 0.3s; } .pagination .page-numbers:hover, .pagination .page-numbers.current { background: var(--blue); color: var(--white); border-color: var(--blue); } .single-post { max-width: 100%; color: var(--text-dark); } /* Header */ .single-post-header { margin-bottom: 20px; } .post-meta { font-size: 16px; color: var(--text-light); margin-bottom: 10px; } .post-meta a { color: var(--blue); text-decoration: none; font-weight: 500; } .meta-separator { margin: 0 8px; } .post-title { font-size: 36px; line-height: 1.3; font-weight: 700; color: var(--text-dark); } /* Featured Image */ .single-post-thumbnail { margin: 40px 0; } .single-post-thumbnail img { width: 100%; border-radius: 10px; } /* Excerpt */ .post-excerpt { background: #dddddd47; border-left: 5px solid var(--blue); padding: 20px; margin-bottom: 30px; font-size: 18px; color: var(--text-dark); } .post-excerpt p{margin-bottom: 0;} /* Content */ .single-post-content { font-size: 17px; line-height: 1.8; color: var(--text-dark); } .single-post-content p { margin-bottom: 20px; } .single-post-content h2, .single-post-content h3 { margin: 40px 0 15px; color: var(--blue); } /* Footer */ .single-post-footer { margin-top: 40px; padding-top: 20px; } .post-tags span { font-weight: 600; margin-right: 8px; } .post-tags a { color: var(--blue); text-decoration: none; margin-right: 10px; font-size: 14px; } /* Navigation */ .post-navigation { display: flex; justify-content: space-between; margin: 60px auto; max-width: 850px; } .post-navigation a { color: var(--blue); font-weight: 600; text-decoration: none; } .post-navigation a:hover {color: var(--yellow);} .afa-accordion-section + .container .afa-innerpage-wrapper {margin-top: 40px;} .afa-4-data img {width: 100%;} .page-tuition-and-fees.tour-page-table { text-align: center; font-size: 22px; } .page-tuition-and-fees.tour-page-table h2{text-align: center; justify-content: center;} .page-tuition-and-fees.tour-page-table table thead tr th {font-size: 22px;} .fees-section { text-align: center; max-width: 990px; margin: 30px auto; font-size: 22px; } .tuition-table-wrapper { max-width: 990px; margin: 0 auto; text-align: center; } #form_96b3816f-33c3-4276-8475-dabaeaa37e17 { max-width: 100% !important; } .pum-title {text-align: center !important;} .afa-inner-content h3 { font-size: 2rem; font-family: var(--title); } .sfp-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .sfp-card { box-shadow: 0 5px 16px 0 rgb(0 0 0 / 8%); padding: 20px 20px 15px; border-radius: 4px; background: #fff; } .sfp-card h2 { font-size: 20px; text-transform: capitalize; margin: 15px 0 3px; text-decoration: none; } .sfp-card p { color: #012169; margin-bottom: 0; } .sfp-card a:hover{text-decoration: none; color: #FFD25E;} .sfp-card a:hover p, .sfp-card a:hover h2{color: #FFD25E;} .sfp-card a { display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; } .sec-family-portal { background: #fff url(../img/foot-bg.webp); background-repeat: repeat-x; background-position: top; background-size: 60%; } .area-form .accordion { max-width: 100%; margin: auto; } .area-form .accordion-item { width: 100%; background: var(--white); border: 1px solid #E3E3E3; border-radius: 5px; padding: 5px 20px; box-sizing: border-box; } .area-form .accordion-item:not(:first-child) { margin-top: 20px; } .area-form .accordion-item.active { background: rgba(250, 250, 250, 1); height: auto; } .area-form .accordion-header { padding: 15px 10px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background 0.3s ease; font-weight: 600; font-size: 18px; line-height: 31px; letter-spacing: -0.3px; color: #181818; } .area-form .accordion-header{margin-bottom: 0;} .area-form .arrow { transition: transform 0.3s ease; font-size: 18px; } .area-form .accordion-content { max-height: 0; overflow: hidden; padding: 0 20px; transition: max-height 0.4s ease, padding 0.3s ease; } .area-form .accordion-content p { padding: 15px 0; margin: 0; color: #555; } .area-form .accordion-item.active .accordion-content {max-height: 100%;} .area-form .accordion-item.active .arrow {transform: rotate(180deg);} .scylla-banner.career-banner { background: url(../img/staff.webp); background-position: center -215px; background-size: 100%; background-repeat: no-repeat; } .career-accordion .accordion-item { border: 1px solid #ccc; margin: 10px 0; border-radius: 10px; overflow: hidden; } .career-accordion .accordion-header { width: 100%; text-align: left; background: #fff; padding: 20px 20px; font-size: 24px; font-weight: 500; border: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .career-accordion .accordion-header:hover {background: #eee;} .career-accordion .accordion-icon { font-size: 24px; transition: 0.3s; } .career-accordion .accordion-item.active .accordion-icon {transform: rotate(-180deg);} .career-accordion .accordion-content { display: none; padding: 20px; background: #fff; } .career-accordion .job-listing {margin-bottom: 20px;} .career-accordion .btn-x5 { background: #000; color: #fff; padding: 6px 14px; text-decoration: none; font-size: 14px; } .awards-gallery { padding: 40px 0; display: flex; justify-content: center; background: #EFF1F6; } .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 200px)); gap: 15px; justify-content: center; } .gallery-item img { width: 100%; height: auto; display: block; border-radius: 8px; } .awards-section { background: #EFF1F6; padding: 30px 0; justify-content: center; display: flex; flex-direction: column; align-items: center; margin-top: 45px; } .awards-section .afa-heading h3{margin-bottom:0; font-size:40px; padding: 0 10px;} .awards-section .afa-heading h3 span{font-size:40px;} .header-bow{ position: absolute; top: 0; left: 40px; width: 140px; background: var(--blue); clip-path: polygon( 0% 0%, 100% 0%, 100% 100%, 50% 90%, 0% 100% ); padding: 25px 15px 40px; } .application-email { padding: 60px 20px; background: #f7f8fa; } .application-card { max-width: 900px; margin: 0 auto; background: #fff; border-radius: 16px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,.08); } .application-card h2 { margin: 0 0 15px; font-size: 2rem; font-weight: 700; color: #1a1a1a; } .application-card .intro { margin-bottom: 30px; color: #666; line-height: 1.7; } .application-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 35px; } .application-box { background: #f8fafc; border: 1px solid #e5e7eb; border-radius: 12px; padding: 24px; } .application-box h3 { margin: 0 0 15px; font-size: 1.2rem; color: #111827; } .application-box ul { margin: 0; padding-left: 20px; } .application-box li { margin-bottom: 12px; line-height: 1; color: #4b5563; list-style: decimal; } .application-box span { color: #6b7280; font-size: .95em; } .apply-btn { display: inline-flex; align-items: center; justify-content: center; padding: 14px 28px; background: #111827; color: #fff; text-decoration: none; border-radius: 8px; font-weight: 600; transition: .3s ease; } .apply-btn:hover { transform: translateY(-2px); opacity: .9; } .area-form-left-content { width: 100%; margin-bottom: 35px; } .dt-wrap { display: flex; justify-content: center; align-items: center; text-align: center; } .dt-inner p a { border-bottom: navajowhite; } .dt-inner { display: flex; flex-direction: column; gap: 10px; } .page-id-1768 .awards-section{margin-top: 0;} .afa-banquet-block{--navy:#082e9e;--navy-light:#0b2858;--gold:#d9a83e;--gold-light:#f3d17b;--white:#fff;width:min(1180px,calc(100% - 32px));margin:60px auto;font-family:Arial,Helvetica,sans-serif} .afa-banquet-row{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);min-height:560px;margin:0 0 38px;overflow:hidden;border:1px solid rgba(217,168,62,.25);border-radius:28px;background:var(--navy);box-shadow:0 24px 65px rgba(3,18,47,.18)} .afa-banquet-row:last-child{margin-bottom:0}.afa-banquet-media{position:relative;min-height:560px;overflow:hidden;background:#061838}.afa-banquet-media:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)} .afa-banquet-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s ease} .afa-banquet-action{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;min-width:0;padding:clamp(38px,6vw,76px);text-align:center;background:radial-gradient(circle at 50% 12%,rgba(243,209,123,.18),transparent 36%),linear-gradient(145deg,var(--navy-light),var(--navy))} .afa-banquet-action:before{content:"";width:52px;height:2px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent)}.afa-banquet-action h2{margin:0;color:var(--white);font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.1rem,4vw,4rem);font-weight:600;line-height:1.05;letter-spacing:-.025em} .afa-banquet-action p{max-width:390px;margin:-8px 0 0;color:#cbd5e6;font-size:1rem;line-height:1.65} .afa-banquet-button{display:inline-flex!important;align-items:center;justify-content:center;min-width:210px;min-height:58px;padding:17px 30px!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:linear-gradient(135deg,var(--gold-light),var(--gold))!important;box-shadow:0 14px 35px rgba(217,168,62,.26);color:#07152f!important;font-family:Arial,Helvetica,sans-serif!important;font-size:1rem!important;font-weight:800!important;line-height:1.2!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:.07em;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease} .afa-banquet-button:hover,.afa-banquet-button:focus-visible{transform:translateY(-3px);filter:brightness(1.07);box-shadow:0 18px 42px rgba(217,168,62,.35)} .afa-sponsor-row .afa-banquet-action{order:1}.afa-sponsor-row .afa-banquet-media{order:2}.afa-sponsor-row .afa-banquet-media img{object-fit:contain;padding:0px;background:#020f2a} .afa-donation-panel{display:none;grid-column:1/-1;padding:25px;background:#fff;border-top:1px solid rgba(217,168,62,.25)}.afa-donation-panel.is-open{display:block}.afa-donation-panel .qgiv-embed-container{max-width:100%!important;margin:0 auto} @media(max-width:800px){.afa-banquet-block{margin:30px auto}.afa-banquet-row{grid-template-columns:1fr;min-height:0}.afa-banquet-media{min-height:min(125vw,680px)}.afa-banquet-action{min-height:300px}.afa-sponsor-row .afa-banquet-media{order:1}.afa-sponsor-row .afa-banquet-action{order:2}} @media(max-width:480px){.afa-banquet-block{width:min(100% - 20px,1180px)}.afa-banquet-row{margin-bottom:24px;border-radius:20px}.afa-banquet-action{padding:38px 22px}.afa-banquet-button{width:100%;min-width:0}} @media(prefers-reduced-motion:reduce){.afa-banquet-media img,.afa-banquet-button{transition:none}} @media (max-width: 768px) { .application-card { padding: 25px; } .application-grid { grid-template-columns: 1fr; } .dt-wrap{flex-direction: column-reverse;} }