diff --git a/odex25_base/odex_new_website/__init__.py b/odex25_base/odex_new_website/__init__.py new file mode 100644 index 000000000..511a0ca3a --- /dev/null +++ b/odex25_base/odex_new_website/__init__.py @@ -0,0 +1,4 @@ +# -*- coding: utf-8 -*- + +from . import controllers +from . import models \ No newline at end of file diff --git a/odex25_base/odex_new_website/__manifest__.py b/odex25_base/odex_new_website/__manifest__.py new file mode 100644 index 000000000..da983ea24 --- /dev/null +++ b/odex25_base/odex_new_website/__manifest__.py @@ -0,0 +1,29 @@ +# -*- coding: utf-8 -*- +{ + 'name': "odex_new_website", + + 'author' : 'Expert Co. Ltd.', + 'website': 'https://www.exp-sa.com', + 'category' : 'website', + 'version' : '14.0', + + # for the full list + 'category': 'Uncategorized', + 'version': '0.1', + + 'depends': ['base','website'], + + # always loaded + 'data': [ + # 'security/ir.model.access.csv', + 'template/index.xml', + 'template/footer.xml', + 'template/header.xml', + 'template/courses.xml', + 'template/resources.xml', + ], + # only loaded in demonstration mode + 'demo': [ + 'demo/demo.xml', + ], +} diff --git a/odex25_base/odex_new_website/controllers/__init__.py b/odex25_base/odex_new_website/controllers/__init__.py new file mode 100644 index 000000000..457bae27e --- /dev/null +++ b/odex25_base/odex_new_website/controllers/__init__.py @@ -0,0 +1,3 @@ +# -*- coding: utf-8 -*- + +from . import controllers \ No newline at end of file diff --git a/odex25_base/odex_new_website/controllers/controllers.py b/odex25_base/odex_new_website/controllers/controllers.py new file mode 100644 index 000000000..e90319aad --- /dev/null +++ b/odex25_base/odex_new_website/controllers/controllers.py @@ -0,0 +1,25 @@ +# -*- coding: utf-8 -*- +from odoo import http +from odoo.http import request + +class OdexNewWebsite(http.Controller): + @http.route('/', type='http', auth='public', website=True) + def home(self, **kw): + return request.render("odex_new_website.home") + + @http.route('/courses', type='http', auth='public', website=True) + def courses(self, **kw): + return request.render("odex_new_website.courses") + +# @http.route('/odex_new_website/odex_new_website/objects/', auth='public') +# def list(self, **kw): +# return http.request.render('odex_new_website.listing', { +# 'root': '/odex_new_website/odex_new_website', +# 'objects': http.request.env['odex_new_website.odex_new_website'].search([]), +# }) + +# @http.route('/odex_new_website/odex_new_website/objects//', auth='public') +# def object(self, obj, **kw): +# return http.request.render('odex_new_website.object', { +# 'object': obj +# }) diff --git a/odex25_base/odex_new_website/demo/demo.xml b/odex25_base/odex_new_website/demo/demo.xml new file mode 100644 index 000000000..68db1daef --- /dev/null +++ b/odex25_base/odex_new_website/demo/demo.xml @@ -0,0 +1,30 @@ + + + + + \ No newline at end of file diff --git a/odex25_base/odex_new_website/models/__init__.py b/odex25_base/odex_new_website/models/__init__.py new file mode 100644 index 000000000..5305644df --- /dev/null +++ b/odex25_base/odex_new_website/models/__init__.py @@ -0,0 +1,3 @@ +# -*- coding: utf-8 -*- + +from . import models \ No newline at end of file diff --git a/odex25_base/odex_new_website/models/models.py b/odex25_base/odex_new_website/models/models.py new file mode 100644 index 000000000..fb1ce6aab --- /dev/null +++ b/odex25_base/odex_new_website/models/models.py @@ -0,0 +1,18 @@ +# -*- coding: utf-8 -*- + +# from odoo import models, fields, api + + +# class odex_new_website(models.Model): +# _name = 'odex_new_website.odex_new_website' +# _description = 'odex_new_website.odex_new_website' + +# name = fields.Char() +# value = fields.Integer() +# value2 = fields.Float(compute="_value_pc", store=True) +# description = fields.Text() +# +# @api.depends('value') +# def _value_pc(self): +# for record in self: +# record.value2 = float(record.value) / 100 diff --git a/odex25_base/odex_new_website/security/ir.model.access.csv b/odex25_base/odex_new_website/security/ir.model.access.csv new file mode 100644 index 000000000..ee4a4385c --- /dev/null +++ b/odex25_base/odex_new_website/security/ir.model.access.csv @@ -0,0 +1,2 @@ +id,name,model_id:id,group_id:id,perm_read,perm_write,perm_create,perm_unlink +access_odex_new_website_odex_new_website,odex_new_website.odex_new_website,model_odex_new_website_odex_new_website,base.group_user,1,1,1,1 \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Black.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Black.ttf new file mode 100644 index 000000000..5baa365ac Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Black.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf new file mode 100644 index 000000000..12b5e07f4 Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf new file mode 100644 index 000000000..f0dcb1d8b Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf new file mode 100644 index 000000000..780ac61d8 Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Light.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Light.ttf new file mode 100644 index 000000000..cec9d2d4a Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Light.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf new file mode 100644 index 000000000..41e6c989d Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf new file mode 100644 index 000000000..b1a0f5c38 Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf new file mode 100644 index 000000000..c5d322d6a Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf differ diff --git a/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf new file mode 100644 index 000000000..66f731df7 Binary files /dev/null and b/odex25_base/odex_new_website/static/fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf differ diff --git a/odex25_base/odex_new_website/static/img/all-courses.png b/odex25_base/odex_new_website/static/img/all-courses.png new file mode 100644 index 000000000..a1c3b7e23 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/all-courses.png differ diff --git a/odex25_base/odex_new_website/static/img/calendar.png b/odex25_base/odex_new_website/static/img/calendar.png new file mode 100644 index 000000000..a72f149f5 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/calendar.png differ diff --git a/odex25_base/odex_new_website/static/img/call.png b/odex25_base/odex_new_website/static/img/call.png new file mode 100644 index 000000000..bd9cf228c Binary files /dev/null and b/odex25_base/odex_new_website/static/img/call.png differ diff --git a/odex25_base/odex_new_website/static/img/career-course.png b/odex25_base/odex_new_website/static/img/career-course.png new file mode 100644 index 000000000..626d25ebd Binary files /dev/null and b/odex25_base/odex_new_website/static/img/career-course.png differ diff --git a/odex25_base/odex_new_website/static/img/consultations.png b/odex25_base/odex_new_website/static/img/consultations.png new file mode 100644 index 000000000..04aa3dbb3 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/consultations.png differ diff --git a/odex25_base/odex_new_website/static/img/course-bg.png b/odex25_base/odex_new_website/static/img/course-bg.png new file mode 100644 index 000000000..0e05c1c21 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/course-bg.png differ diff --git a/odex25_base/odex_new_website/static/img/customization.png b/odex25_base/odex_new_website/static/img/customization.png new file mode 100644 index 000000000..41c2a7700 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/customization.png differ diff --git a/odex25_base/odex_new_website/static/img/duration.png b/odex25_base/odex_new_website/static/img/duration.png new file mode 100644 index 000000000..1532cde74 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/duration.png differ diff --git a/odex25_base/odex_new_website/static/img/email.png b/odex25_base/odex_new_website/static/img/email.png new file mode 100644 index 000000000..a251952b0 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/email.png differ diff --git a/odex25_base/odex_new_website/static/img/ex.png b/odex25_base/odex_new_website/static/img/ex.png new file mode 100644 index 000000000..8f1cafbad Binary files /dev/null and b/odex25_base/odex_new_website/static/img/ex.png differ diff --git a/odex25_base/odex_new_website/static/img/facebook.png b/odex25_base/odex_new_website/static/img/facebook.png new file mode 100644 index 000000000..c5a40e20a Binary files /dev/null and b/odex25_base/odex_new_website/static/img/facebook.png differ diff --git a/odex25_base/odex_new_website/static/img/header-bg.png b/odex25_base/odex_new_website/static/img/header-bg.png new file mode 100644 index 000000000..b9a60b95b Binary files /dev/null and b/odex25_base/odex_new_website/static/img/header-bg.png differ diff --git a/odex25_base/odex_new_website/static/img/hours.png b/odex25_base/odex_new_website/static/img/hours.png new file mode 100644 index 000000000..7b296c925 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/hours.png differ diff --git a/odex25_base/odex_new_website/static/img/implementation.png b/odex25_base/odex_new_website/static/img/implementation.png new file mode 100644 index 000000000..7f155b432 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/implementation.png differ diff --git a/odex25_base/odex_new_website/static/img/linkedin.png b/odex25_base/odex_new_website/static/img/linkedin.png new file mode 100644 index 000000000..8e1c361cd Binary files /dev/null and b/odex25_base/odex_new_website/static/img/linkedin.png differ diff --git a/odex25_base/odex_new_website/static/img/location.png b/odex25_base/odex_new_website/static/img/location.png new file mode 100644 index 000000000..91fcc426d Binary files /dev/null and b/odex25_base/odex_new_website/static/img/location.png differ diff --git a/odex25_base/odex_new_website/static/img/logo-footer.png b/odex25_base/odex_new_website/static/img/logo-footer.png new file mode 100644 index 000000000..762ff0455 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/logo-footer.png differ diff --git a/odex25_base/odex_new_website/static/img/logo.png b/odex25_base/odex_new_website/static/img/logo.png new file mode 100644 index 000000000..6b384536f Binary files /dev/null and b/odex25_base/odex_new_website/static/img/logo.png differ diff --git a/odex25_base/odex_new_website/static/img/our-team.png b/odex25_base/odex_new_website/static/img/our-team.png new file mode 100644 index 000000000..946746f5d Binary files /dev/null and b/odex25_base/odex_new_website/static/img/our-team.png differ diff --git a/odex25_base/odex_new_website/static/img/scroll-down.png b/odex25_base/odex_new_website/static/img/scroll-down.png new file mode 100644 index 000000000..201c7d93d Binary files /dev/null and b/odex25_base/odex_new_website/static/img/scroll-down.png differ diff --git a/odex25_base/odex_new_website/static/img/show-cases-bg.png b/odex25_base/odex_new_website/static/img/show-cases-bg.png new file mode 100644 index 000000000..5b3a899fa Binary files /dev/null and b/odex25_base/odex_new_website/static/img/show-cases-bg.png differ diff --git a/odex25_base/odex_new_website/static/img/slider-1.png b/odex25_base/odex_new_website/static/img/slider-1.png new file mode 100644 index 000000000..77c5e6095 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/slider-1.png differ diff --git a/odex25_base/odex_new_website/static/img/technical-course.png b/odex25_base/odex_new_website/static/img/technical-course.png new file mode 100644 index 000000000..ef44629a5 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/technical-course.png differ diff --git a/odex25_base/odex_new_website/static/img/training.png b/odex25_base/odex_new_website/static/img/training.png new file mode 100644 index 000000000..3799a22ad Binary files /dev/null and b/odex25_base/odex_new_website/static/img/training.png differ diff --git a/odex25_base/odex_new_website/static/img/x.png b/odex25_base/odex_new_website/static/img/x.png new file mode 100644 index 000000000..f90faa327 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/x.png differ diff --git a/odex25_base/odex_new_website/static/img/youtube.png b/odex25_base/odex_new_website/static/img/youtube.png new file mode 100644 index 000000000..b86c059b8 Binary files /dev/null and b/odex25_base/odex_new_website/static/img/youtube.png differ diff --git a/odex25_base/odex_new_website/static/js/courses.js b/odex25_base/odex_new_website/static/js/courses.js new file mode 100644 index 000000000..f5ba51290 --- /dev/null +++ b/odex25_base/odex_new_website/static/js/courses.js @@ -0,0 +1,65 @@ +$(document).ready(function () { + + gsap.registerPlugin(ScrollTrigger); + + const tabButtonsCourses = document.querySelectorAll(".courses_section .tab-btn"); + const trainingFieldContents = document.querySelectorAll(".training_field"); + const allCoursesLinks = document.querySelectorAll(".all_courses"); + + function openTabCourses(tabIndex) { + trainingFieldContents.forEach((content) => { + content.style.display = "none"; + }); + + tabButtonsCourses.forEach((button) => { + button.classList.remove("active"); + }); + + if (trainingFieldContents.length > 0) { + if (tabIndex === 0) { + trainingFieldContents[0].style.display = "block"; + } else { + if (tabIndex < trainingFieldContents.length) { + trainingFieldContents[tabIndex].style.display = "block"; + } + } + + tabButtonsCourses[tabIndex].classList.add("active"); + } + + ScrollTrigger.refresh(); + } + + tabButtonsCourses.forEach((button, index) => { + button.addEventListener("click", function () { + openTabCourses(index); + }); + }); + + allCoursesLinks.forEach((link) => { + link.addEventListener("click", function (e) { + e.preventDefault(); + openTabCourses(0); + }); + }); + + openTabCourses(0); + + + function initGsapForLargeScreens() { + if (window.innerWidth >= 1366) { + gsap.to('.courses_categories_sidebar', { + scrollTrigger: { + trigger: ".courses_list_container", + start: "top 20%", + end: "bottom", + pin: ".courses_categories_sidebar", + } + }); + } + } + + initGsapForLargeScreens(); + window.addEventListener('resize', initGsapForLargeScreens); + +}) \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/js/hdr_footer.js b/odex25_base/odex_new_website/static/js/hdr_footer.js new file mode 100644 index 000000000..496fd75cd --- /dev/null +++ b/odex25_base/odex_new_website/static/js/hdr_footer.js @@ -0,0 +1,43 @@ +$(document).ready(function () { + + gsap.registerPlugin(ScrollTrigger); + + const showAnim = gsap.from("nav.navbar", { yPercent: -100, paused: true, duration: 0.2 }).progress(1); + + // Global ScrollTrigger to show the navbar anytime we scroll up + let lastScrollY = window.scrollY; + + window.addEventListener("scroll", function () { + let currentScrollY = window.scrollY; + + if (currentScrollY < lastScrollY) { + // Scroll up detected + showAnim.play(); + } else if (currentScrollY > lastScrollY) { + // Scroll down detected + showAnim.reverse(); + } + lastScrollY = currentScrollY; + }); + + gsap.to("nav.navbar", { + backgroundColor: "initial", + background: "linear-gradient(210.92deg, #0CB28B 10.45%, #0C3A5A 93.09%)", + scrollTrigger: { + trigger: ".courses_show_case_container", + start: "top-=100px top", + end: "+=100px", + scrub: true, + // markers: true + } + }); + + // set the contact call number + var footerCallLink = document.getElementById('call-link'); + if (footerCallLink) { + footerCallLink.setAttribute('href', 'tel:0504448524'); + } else { + console.error("Element with ID 'call-link' not found."); + } + +}) \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/js/index.js b/odex25_base/odex_new_website/static/js/index.js new file mode 100644 index 000000000..e8ae89b4d --- /dev/null +++ b/odex25_base/odex_new_website/static/js/index.js @@ -0,0 +1,72 @@ +$(document).ready(function () { + + // Header Slider + const swiperHeader = new Swiper(".cta", { + centeredSlides: false, + spaceBetween: 40, + grabCursor: true, + loop: true, + autoplay: { + delay: 5000, + disableOnInteraction: false, + }, + autoplay: false, + breakpoints: { + 1: { + slidesPerView: 1, + }, + }, + pagination: { + el: ".swiper-pagination", + clickable: true, + }, + }); + + const tabButtons = document.querySelectorAll(".tab-btn"); + const tabContents = document.querySelectorAll(".tab-content"); + + if (tabButtons.length > 0 && tabContents.length > 0) { + function openTab(tabIndex) { + tabContents.forEach((content) => { + content.style.display = "none"; + }); + + tabButtons.forEach((button) => { + button.classList.remove("active"); + }); + + tabContents[tabIndex].style.display = "flex"; + tabButtons[tabIndex].classList.add("active"); + } + + tabButtons.forEach((button, index) => { + button.addEventListener("click", function () { + openTab(index); + }); + }); + + openTab(0); + } + + + + + // course level + // Function to update the indicator based on course level + function setCourseLevel(level) { + const bars = document.querySelectorAll(".bar"); + + // Reset all bars + bars.forEach((bar, index) => { + if (index < level) { + bar.classList.add("active"); + } else { + bar.classList.remove("active"); + } + }); + } + + setCourseLevel(3); + + +}) \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/js/swiper-bundle.min.js b/odex25_base/odex_new_website/static/js/swiper-bundle.min.js new file mode 100644 index 000000000..56eef2066 --- /dev/null +++ b/odex25_base/odex_new_website/static/js/swiper-bundle.min.js @@ -0,0 +1,14 @@ +/** + * Swiper 8.4.6 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: January 17, 2023 + */ + +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).Swiper=t()}(this,(function(){"use strict";function e(e){return null!==e&&"object"==typeof e&&"constructor"in e&&e.constructor===Object}function t(s,a){void 0===s&&(s={}),void 0===a&&(a={}),Object.keys(a).forEach((i=>{void 0===s[i]?s[i]=a[i]:e(a[i])&&e(s[i])&&Object.keys(a[i]).length>0&&t(s[i],a[i])}))}const s={body:{},addEventListener(){},removeEventListener(){},activeElement:{blur(){},nodeName:""},querySelector:()=>null,querySelectorAll:()=>[],getElementById:()=>null,createEvent:()=>({initEvent(){}}),createElement:()=>({children:[],childNodes:[],style:{},setAttribute(){},getElementsByTagName:()=>[]}),createElementNS:()=>({}),importNode:()=>null,location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""}};function a(){const e="undefined"!=typeof document?document:{};return t(e,s),e}const i={document:s,navigator:{userAgent:""},location:{hash:"",host:"",hostname:"",href:"",origin:"",pathname:"",protocol:"",search:""},history:{replaceState(){},pushState(){},go(){},back(){}},CustomEvent:function(){return this},addEventListener(){},removeEventListener(){},getComputedStyle:()=>({getPropertyValue:()=>""}),Image(){},Date(){},screen:{},setTimeout(){},clearTimeout(){},matchMedia:()=>({}),requestAnimationFrame:e=>"undefined"==typeof setTimeout?(e(),null):setTimeout(e,0),cancelAnimationFrame(e){"undefined"!=typeof setTimeout&&clearTimeout(e)}};function r(){const e="undefined"!=typeof window?window:{};return t(e,i),e}class n extends Array{constructor(e){"number"==typeof e?super(e):(super(...e||[]),function(e){const t=e.__proto__;Object.defineProperty(e,"__proto__",{get:()=>t,set(e){t.__proto__=e}})}(this))}}function l(e){void 0===e&&(e=[]);const t=[];return e.forEach((e=>{Array.isArray(e)?t.push(...l(e)):t.push(e)})),t}function o(e,t){return Array.prototype.filter.call(e,t)}function d(e,t){const s=r(),i=a();let l=[];if(!t&&e instanceof n)return e;if(!e)return new n(l);if("string"==typeof e){const s=e.trim();if(s.indexOf("<")>=0&&s.indexOf(">")>=0){let e="div";0===s.indexOf("e.split(" "))));return this.forEach((e=>{e.classList.add(...a)})),this},removeClass:function(){for(var e=arguments.length,t=new Array(e),s=0;se.split(" "))));return this.forEach((e=>{e.classList.remove(...a)})),this},hasClass:function(){for(var e=arguments.length,t=new Array(e),s=0;se.split(" "))));return o(this,(e=>a.filter((t=>e.classList.contains(t))).length>0)).length>0},toggleClass:function(){for(var e=arguments.length,t=new Array(e),s=0;se.split(" "))));this.forEach((e=>{a.forEach((t=>{e.classList.toggle(t)}))}))},attr:function(e,t){if(1===arguments.length&&"string"==typeof e)return this[0]?this[0].getAttribute(e):void 0;for(let s=0;s=0;e-=1){const i=a[e];r&&i.listener===r||r&&i.listener&&i.listener.dom7proxy&&i.listener.dom7proxy===r?(s.removeEventListener(t,i.proxyListener,n),a.splice(e,1)):r||(s.removeEventListener(t,i.proxyListener,n),a.splice(e,1))}}}return this},trigger:function(){const e=r();for(var t=arguments.length,s=new Array(t),a=0;at>0)),i.dispatchEvent(t),i.dom7EventData=[],delete i.dom7EventData}}}return this},transitionEnd:function(e){const t=this;return e&&t.on("transitionend",(function s(a){a.target===this&&(e.call(this,a),t.off("transitionend",s))})),this},outerWidth:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetWidth+parseFloat(e.getPropertyValue("margin-right"))+parseFloat(e.getPropertyValue("margin-left"))}return this[0].offsetWidth}return null},outerHeight:function(e){if(this.length>0){if(e){const e=this.styles();return this[0].offsetHeight+parseFloat(e.getPropertyValue("margin-top"))+parseFloat(e.getPropertyValue("margin-bottom"))}return this[0].offsetHeight}return null},styles:function(){const e=r();return this[0]?e.getComputedStyle(this[0],null):{}},offset:function(){if(this.length>0){const e=r(),t=a(),s=this[0],i=s.getBoundingClientRect(),n=t.body,l=s.clientTop||n.clientTop||0,o=s.clientLeft||n.clientLeft||0,d=s===e?e.scrollY:s.scrollTop,c=s===e?e.scrollX:s.scrollLeft;return{top:i.top+d-l,left:i.left+c-o}}return null},css:function(e,t){const s=r();let a;if(1===arguments.length){if("string"!=typeof e){for(a=0;a{e.apply(t,[t,s])})),this):this},html:function(e){if(void 0===e)return this[0]?this[0].innerHTML:null;for(let t=0;tt-1)return d([]);if(e<0){const s=t+e;return d(s<0?[]:[this[s]])}return d([this[e]])},append:function(){let e;const t=a();for(let s=0;s=0;i-=1)this[s].insertBefore(a.childNodes[i],this[s].childNodes[0])}else if(e instanceof n)for(i=0;i0?e?this[0].nextElementSibling&&d(this[0].nextElementSibling).is(e)?d([this[0].nextElementSibling]):d([]):this[0].nextElementSibling?d([this[0].nextElementSibling]):d([]):d([])},nextAll:function(e){const t=[];let s=this[0];if(!s)return d([]);for(;s.nextElementSibling;){const a=s.nextElementSibling;e?d(a).is(e)&&t.push(a):t.push(a),s=a}return d(t)},prev:function(e){if(this.length>0){const t=this[0];return e?t.previousElementSibling&&d(t.previousElementSibling).is(e)?d([t.previousElementSibling]):d([]):t.previousElementSibling?d([t.previousElementSibling]):d([])}return d([])},prevAll:function(e){const t=[];let s=this[0];if(!s)return d([]);for(;s.previousElementSibling;){const a=s.previousElementSibling;e?d(a).is(e)&&t.push(a):t.push(a),s=a}return d(t)},parent:function(e){const t=[];for(let s=0;s6&&(i=i.split(", ").map((e=>e.replace(",","."))).join(", ")),n=new s.WebKitCSSMatrix("none"===i?"":i)):(n=l.MozTransform||l.OTransform||l.MsTransform||l.msTransform||l.transform||l.getPropertyValue("transform").replace("translate(","matrix(1, 0, 0, 1,"),a=n.toString().split(",")),"x"===t&&(i=s.WebKitCSSMatrix?n.m41:16===a.length?parseFloat(a[12]):parseFloat(a[4])),"y"===t&&(i=s.WebKitCSSMatrix?n.m42:16===a.length?parseFloat(a[13]):parseFloat(a[5])),i||0}function m(e){return"object"==typeof e&&null!==e&&e.constructor&&"Object"===Object.prototype.toString.call(e).slice(8,-1)}function f(e){return"undefined"!=typeof window&&void 0!==window.HTMLElement?e instanceof HTMLElement:e&&(1===e.nodeType||11===e.nodeType)}function g(){const e=Object(arguments.length<=0?void 0:arguments[0]),t=["__proto__","constructor","prototype"];for(let s=1;st.indexOf(e)<0));for(let t=0,i=s.length;tn?"next":"prev",p=(e,t)=>"next"===c&&e>=t||"prev"===c&&e<=t,u=()=>{l=(new Date).getTime(),null===o&&(o=l);const e=Math.max(Math.min((l-o)/d,1),0),r=.5-Math.cos(e*Math.PI)/2;let c=n+r*(s-n);if(p(c,s)&&(c=s),t.wrapperEl.scrollTo({[a]:c}),p(c,s))return t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.scrollSnapType="",setTimeout((()=>{t.wrapperEl.style.overflow="",t.wrapperEl.scrollTo({[a]:c})})),void i.cancelAnimationFrame(t.cssModeFrameID);t.cssModeFrameID=i.requestAnimationFrame(u)};u()}let b,x,y;function E(){return b||(b=function(){const e=r(),t=a();return{smoothScroll:t.documentElement&&"scrollBehavior"in t.documentElement.style,touch:!!("ontouchstart"in e||e.DocumentTouch&&t instanceof e.DocumentTouch),passiveListener:function(){let t=!1;try{const s=Object.defineProperty({},"passive",{get(){t=!0}});e.addEventListener("testPassiveListener",null,s)}catch(e){}return t}(),gestures:"ongesturestart"in e}}()),b}function C(e){return void 0===e&&(e={}),x||(x=function(e){let{userAgent:t}=void 0===e?{}:e;const s=E(),a=r(),i=a.navigator.platform,n=t||a.navigator.userAgent,l={ios:!1,android:!1},o=a.screen.width,d=a.screen.height,c=n.match(/(Android);?[\s\/]+([\d.]+)?/);let p=n.match(/(iPad).*OS\s([\d_]+)/);const u=n.match(/(iPod)(.*OS\s([\d_]+))?/),h=!p&&n.match(/(iPhone\sOS|iOS)\s([\d_]+)/),m="Win32"===i;let f="MacIntel"===i;return!p&&f&&s.touch&&["1024x1366","1366x1024","834x1194","1194x834","834x1112","1112x834","768x1024","1024x768","820x1180","1180x820","810x1080","1080x810"].indexOf(`${o}x${d}`)>=0&&(p=n.match(/(Version)\/([\d.]+)/),p||(p=[0,1,"13_0_0"]),f=!1),c&&!m&&(l.os="android",l.android=!0),(p||h||u)&&(l.os="ios",l.ios=!0),l}(e)),x}function T(){return y||(y=function(){const e=r();return{isSafari:function(){const t=e.navigator.userAgent.toLowerCase();return t.indexOf("safari")>=0&&t.indexOf("chrome")<0&&t.indexOf("android")<0}(),isWebView:/(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)/i.test(e.navigator.userAgent)}}()),y}Object.keys(c).forEach((e=>{Object.defineProperty(d.fn,e,{value:c[e],writable:!0})}));var $={on(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;const i=s?"unshift":"push";return e.split(" ").forEach((e=>{a.eventsListeners[e]||(a.eventsListeners[e]=[]),a.eventsListeners[e][i](t)})),a},once(e,t,s){const a=this;if(!a.eventsListeners||a.destroyed)return a;if("function"!=typeof t)return a;function i(){a.off(e,i),i.__emitterProxy&&delete i.__emitterProxy;for(var s=arguments.length,r=new Array(s),n=0;n=0&&t.eventsAnyListeners.splice(s,1),t},off(e,t){const s=this;return!s.eventsListeners||s.destroyed?s:s.eventsListeners?(e.split(" ").forEach((e=>{void 0===t?s.eventsListeners[e]=[]:s.eventsListeners[e]&&s.eventsListeners[e].forEach(((a,i)=>{(a===t||a.__emitterProxy&&a.__emitterProxy===t)&&s.eventsListeners[e].splice(i,1)}))})),s):s},emit(){const e=this;if(!e.eventsListeners||e.destroyed)return e;if(!e.eventsListeners)return e;let t,s,a;for(var i=arguments.length,r=new Array(i),n=0;n{e.eventsAnyListeners&&e.eventsAnyListeners.length&&e.eventsAnyListeners.forEach((e=>{e.apply(a,[t,...s])})),e.eventsListeners&&e.eventsListeners[t]&&e.eventsListeners[t].forEach((e=>{e.apply(a,s)}))})),e}};var S={updateSize:function(){const e=this;let t,s;const a=e.$el;t=void 0!==e.params.width&&null!==e.params.width?e.params.width:a[0].clientWidth,s=void 0!==e.params.height&&null!==e.params.height?e.params.height:a[0].clientHeight,0===t&&e.isHorizontal()||0===s&&e.isVertical()||(t=t-parseInt(a.css("padding-left")||0,10)-parseInt(a.css("padding-right")||0,10),s=s-parseInt(a.css("padding-top")||0,10)-parseInt(a.css("padding-bottom")||0,10),Number.isNaN(t)&&(t=0),Number.isNaN(s)&&(s=0),Object.assign(e,{width:t,height:s,size:e.isHorizontal()?t:s}))},updateSlides:function(){const e=this;function t(t){return e.isHorizontal()?t:{width:"height","margin-top":"margin-left","margin-bottom ":"margin-right","margin-left":"margin-top","margin-right":"margin-bottom","padding-left":"padding-top","padding-right":"padding-bottom",marginRight:"marginBottom"}[t]}function s(e,s){return parseFloat(e.getPropertyValue(t(s))||0)}const a=e.params,{$wrapperEl:i,size:r,rtlTranslate:n,wrongRTL:l}=e,o=e.virtual&&a.virtual.enabled,d=o?e.virtual.slides.length:e.slides.length,c=i.children(`.${e.params.slideClass}`),p=o?e.virtual.slides.length:c.length;let u=[];const h=[],m=[];let f=a.slidesOffsetBefore;"function"==typeof f&&(f=a.slidesOffsetBefore.call(e));let g=a.slidesOffsetAfter;"function"==typeof g&&(g=a.slidesOffsetAfter.call(e));const w=e.snapGrid.length,b=e.slidesGrid.length;let x=a.spaceBetween,y=-f,E=0,C=0;if(void 0===r)return;"string"==typeof x&&x.indexOf("%")>=0&&(x=parseFloat(x.replace("%",""))/100*r),e.virtualSize=-x,n?c.css({marginLeft:"",marginBottom:"",marginTop:""}):c.css({marginRight:"",marginBottom:"",marginTop:""}),a.centeredSlides&&a.cssMode&&(v(e.wrapperEl,"--swiper-centered-offset-before",""),v(e.wrapperEl,"--swiper-centered-offset-after",""));const T=a.grid&&a.grid.rows>1&&e.grid;let $;T&&e.grid.initSlides(p);const S="auto"===a.slidesPerView&&a.breakpoints&&Object.keys(a.breakpoints).filter((e=>void 0!==a.breakpoints[e].slidesPerView)).length>0;for(let i=0;i1&&u.push(e.virtualSize-r)}if(0===u.length&&(u=[0]),0!==a.spaceBetween){const s=e.isHorizontal()&&n?"marginLeft":t("marginRight");c.filter(((e,t)=>!a.cssMode||t!==c.length-1)).css({[s]:`${x}px`})}if(a.centeredSlides&&a.centeredSlidesBounds){let e=0;m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween;const t=e-r;u=u.map((e=>e<0?-f:e>t?t+g:e))}if(a.centerInsufficientSlides){let e=0;if(m.forEach((t=>{e+=t+(a.spaceBetween?a.spaceBetween:0)})),e-=a.spaceBetween,e{u[s]=e-t})),h.forEach(((e,s)=>{h[s]=e+t}))}}if(Object.assign(e,{slides:c,snapGrid:u,slidesGrid:h,slidesSizesGrid:m}),a.centeredSlides&&a.cssMode&&!a.centeredSlidesBounds){v(e.wrapperEl,"--swiper-centered-offset-before",-u[0]+"px"),v(e.wrapperEl,"--swiper-centered-offset-after",e.size/2-m[m.length-1]/2+"px");const t=-e.snapGrid[0],s=-e.slidesGrid[0];e.snapGrid=e.snapGrid.map((e=>e+t)),e.slidesGrid=e.slidesGrid.map((e=>e+s))}if(p!==d&&e.emit("slidesLengthChange"),u.length!==w&&(e.params.watchOverflow&&e.checkOverflow(),e.emit("snapGridLengthChange")),h.length!==b&&e.emit("slidesGridLengthChange"),a.watchSlidesProgress&&e.updateSlidesOffset(),!(o||a.cssMode||"slide"!==a.effect&&"fade"!==a.effect)){const t=`${a.containerModifierClass}backface-hidden`,s=e.$el.hasClass(t);p<=a.maxBackfaceHiddenSlides?s||e.$el.addClass(t):s&&e.$el.removeClass(t)}},updateAutoHeight:function(e){const t=this,s=[],a=t.virtual&&t.params.virtual.enabled;let i,r=0;"number"==typeof e?t.setTransition(e):!0===e&&t.setTransition(t.params.speed);const n=e=>a?t.slides.filter((t=>parseInt(t.getAttribute("data-swiper-slide-index"),10)===e))[0]:t.slides.eq(e)[0];if("auto"!==t.params.slidesPerView&&t.params.slidesPerView>1)if(t.params.centeredSlides)(t.visibleSlides||d([])).each((e=>{s.push(e)}));else for(i=0;it.slides.length&&!a)break;s.push(n(e))}else s.push(n(t.activeIndex));for(i=0;ir?e:r}(r||0===r)&&t.$wrapperEl.css("height",`${r}px`)},updateSlidesOffset:function(){const e=this,t=e.slides;for(let s=0;s=0&&p1&&u<=t.size||p<=0&&u>=t.size)&&(t.visibleSlides.push(l),t.visibleSlidesIndexes.push(e),a.eq(e).addClass(s.slideVisibleClass)),l.progress=i?-d:d,l.originalProgress=i?-c:c}t.visibleSlides=d(t.visibleSlides)},updateProgress:function(e){const t=this;if(void 0===e){const s=t.rtlTranslate?-1:1;e=t&&t.translate&&t.translate*s||0}const s=t.params,a=t.maxTranslate()-t.minTranslate();let{progress:i,isBeginning:r,isEnd:n}=t;const l=r,o=n;0===a?(i=0,r=!0,n=!0):(i=(e-t.minTranslate())/a,r=i<=0,n=i>=1),Object.assign(t,{progress:i,isBeginning:r,isEnd:n}),(s.watchSlidesProgress||s.centeredSlides&&s.autoHeight)&&t.updateSlidesProgress(e),r&&!l&&t.emit("reachBeginning toEdge"),n&&!o&&t.emit("reachEnd toEdge"),(l&&!r||o&&!n)&&t.emit("fromEdge"),t.emit("progress",i)},updateSlidesClasses:function(){const e=this,{slides:t,params:s,$wrapperEl:a,activeIndex:i,realIndex:r}=e,n=e.virtual&&s.virtual.enabled;let l;t.removeClass(`${s.slideActiveClass} ${s.slideNextClass} ${s.slidePrevClass} ${s.slideDuplicateActiveClass} ${s.slideDuplicateNextClass} ${s.slideDuplicatePrevClass}`),l=n?e.$wrapperEl.find(`.${s.slideClass}[data-swiper-slide-index="${i}"]`):t.eq(i),l.addClass(s.slideActiveClass),s.loop&&(l.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${r}"]`).addClass(s.slideDuplicateActiveClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${r}"]`).addClass(s.slideDuplicateActiveClass));let o=l.nextAll(`.${s.slideClass}`).eq(0).addClass(s.slideNextClass);s.loop&&0===o.length&&(o=t.eq(0),o.addClass(s.slideNextClass));let d=l.prevAll(`.${s.slideClass}`).eq(0).addClass(s.slidePrevClass);s.loop&&0===d.length&&(d=t.eq(-1),d.addClass(s.slidePrevClass)),s.loop&&(o.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${o.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicateNextClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${o.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicateNextClass),d.hasClass(s.slideDuplicateClass)?a.children(`.${s.slideClass}:not(.${s.slideDuplicateClass})[data-swiper-slide-index="${d.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicatePrevClass):a.children(`.${s.slideClass}.${s.slideDuplicateClass}[data-swiper-slide-index="${d.attr("data-swiper-slide-index")}"]`).addClass(s.slideDuplicatePrevClass)),e.emitSlidesClasses()},updateActiveIndex:function(e){const t=this,s=t.rtlTranslate?t.translate:-t.translate,{slidesGrid:a,snapGrid:i,params:r,activeIndex:n,realIndex:l,snapIndex:o}=t;let d,c=e;if(void 0===c){for(let e=0;e=a[e]&&s=a[e]&&s=a[e]&&(c=e);r.normalizeSlideIndex&&(c<0||void 0===c)&&(c=0)}if(i.indexOf(s)>=0)d=i.indexOf(s);else{const e=Math.min(r.slidesPerGroupSkip,c);d=e+Math.floor((c-e)/r.slidesPerGroup)}if(d>=i.length&&(d=i.length-1),c===n)return void(d!==o&&(t.snapIndex=d,t.emit("snapIndexChange")));const p=parseInt(t.slides.eq(c).attr("data-swiper-slide-index")||c,10);Object.assign(t,{snapIndex:d,realIndex:p,previousIndex:n,activeIndex:c}),t.emit("activeIndexChange"),t.emit("snapIndexChange"),l!==p&&t.emit("realIndexChange"),(t.initialized||t.params.runCallbacksOnInit)&&t.emit("slideChange")},updateClickedSlide:function(e){const t=this,s=t.params,a=d(e).closest(`.${s.slideClass}`)[0];let i,r=!1;if(a)for(let e=0;eo?o:a&&en?"next":r=o.length&&(g=o.length-1);const v=-o[g];if(l.normalizeSlideIndex)for(let e=0;e=s&&t=s&&t=s&&(n=e)}if(r.initialized&&n!==p){if(!r.allowSlideNext&&vr.translate&&v>r.maxTranslate()&&(p||0)!==n)return!1}let b;if(n!==(c||0)&&s&&r.emit("beforeSlideChangeStart"),r.updateProgress(v),b=n>p?"next":n{r.wrapperEl.style.scrollSnapType="",r._swiperImmediateVirtual=!1}))}else{if(!r.support.smoothScroll)return w({swiper:r,targetPosition:s,side:e?"left":"top"}),!0;h.scrollTo({[e?"left":"top"]:s,behavior:"smooth"})}return!0}return r.setTransition(t),r.setTranslate(v),r.updateActiveIndex(n),r.updateSlidesClasses(),r.emit("beforeTransitionStart",t,a),r.transitionStart(s,b),0===t?r.transitionEnd(s,b):r.animating||(r.animating=!0,r.onSlideToWrapperTransitionEnd||(r.onSlideToWrapperTransitionEnd=function(e){r&&!r.destroyed&&e.target===this&&(r.$wrapperEl[0].removeEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].removeEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd),r.onSlideToWrapperTransitionEnd=null,delete r.onSlideToWrapperTransitionEnd,r.transitionEnd(s,b))}),r.$wrapperEl[0].addEventListener("transitionend",r.onSlideToWrapperTransitionEnd),r.$wrapperEl[0].addEventListener("webkitTransitionEnd",r.onSlideToWrapperTransitionEnd)),!0},slideToLoop:function(e,t,s,a){if(void 0===e&&(e=0),void 0===t&&(t=this.params.speed),void 0===s&&(s=!0),"string"==typeof e){const t=parseInt(e,10);if(!isFinite(t))throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${e}] given.`);e=t}const i=this;let r=e;return i.params.loop&&(r+=i.loopedSlides),i.slideTo(r,t,s,a)},slideNext:function(e,t,s){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0);const a=this,{animating:i,enabled:r,params:n}=a;if(!r)return a;let l=n.slidesPerGroup;"auto"===n.slidesPerView&&1===n.slidesPerGroup&&n.slidesPerGroupAuto&&(l=Math.max(a.slidesPerViewDynamic("current",!0),1));const o=a.activeIndexc(e)));let h=n[u.indexOf(p)-1];if(void 0===h&&i.cssMode){let e;n.forEach(((t,s)=>{p>=t&&(e=s)})),void 0!==e&&(h=n[e>0?e-1:e])}let m=0;if(void 0!==h&&(m=l.indexOf(h),m<0&&(m=a.activeIndex-1),"auto"===i.slidesPerView&&1===i.slidesPerGroup&&i.slidesPerGroupAuto&&(m=m-a.slidesPerViewDynamic("previous",!0)+1,m=Math.max(m,0))),i.rewind&&a.isBeginning){const i=a.params.virtual&&a.params.virtual.enabled&&a.virtual?a.virtual.slides.length-1:a.slides.length-1;return a.slideTo(i,e,t,s)}return a.slideTo(m,e,t,s)},slideReset:function(e,t,s){return void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),this.slideTo(this.activeIndex,e,t,s)},slideToClosest:function(e,t,s,a){void 0===e&&(e=this.params.speed),void 0===t&&(t=!0),void 0===a&&(a=.5);const i=this;let r=i.activeIndex;const n=Math.min(i.params.slidesPerGroupSkip,r),l=n+Math.floor((r-n)/i.params.slidesPerGroup),o=i.rtlTranslate?i.translate:-i.translate;if(o>=i.snapGrid[l]){const e=i.snapGrid[l];o-e>(i.snapGrid[l+1]-e)*a&&(r+=i.params.slidesPerGroup)}else{const e=i.snapGrid[l-1];o-e<=(i.snapGrid[l]-e)*a&&(r-=i.params.slidesPerGroup)}return r=Math.max(r,0),r=Math.min(r,i.slidesGrid.length-1),i.slideTo(r,e,t,s)},slideToClickedSlide:function(){const e=this,{params:t,$wrapperEl:s}=e,a="auto"===t.slidesPerView?e.slidesPerViewDynamic():t.slidesPerView;let i,r=e.clickedIndex;if(t.loop){if(e.animating)return;i=parseInt(d(e.clickedSlide).attr("data-swiper-slide-index"),10),t.centeredSlides?re.slides.length-e.loopedSlides+a/2?(e.loopFix(),r=s.children(`.${t.slideClass}[data-swiper-slide-index="${i}"]:not(.${t.slideDuplicateClass})`).eq(0).index(),p((()=>{e.slideTo(r)}))):e.slideTo(r):r>e.slides.length-a?(e.loopFix(),r=s.children(`.${t.slideClass}[data-swiper-slide-index="${i}"]:not(.${t.slideDuplicateClass})`).eq(0).index(),p((()=>{e.slideTo(r)}))):e.slideTo(r)}else e.slideTo(r)}};var z={loopCreate:function(){const e=this,t=a(),{params:s,$wrapperEl:i}=e,r=i.children().length>0?d(i.children()[0].parentNode):i;r.children(`.${s.slideClass}.${s.slideDuplicateClass}`).remove();let n=r.children(`.${s.slideClass}`);if(s.loopFillGroupWithBlank){const e=s.slidesPerGroup-n.length%s.slidesPerGroup;if(e!==s.slidesPerGroup){for(let a=0;an.length&&e.params.loopedSlidesLimit&&(e.loopedSlides=n.length);const l=[],o=[];n.each(((e,t)=>{d(e).attr("data-swiper-slide-index",t)}));for(let t=0;t=0;e-=1)r.prepend(d(l[e].cloneNode(!0)).addClass(s.slideDuplicateClass))},loopFix:function(){const e=this;e.emit("beforeLoopFix");const{activeIndex:t,slides:s,loopedSlides:a,allowSlidePrev:i,allowSlideNext:r,snapGrid:n,rtlTranslate:l}=e;let o;e.allowSlidePrev=!0,e.allowSlideNext=!0;const d=-n[t]-e.getTranslate();if(t=s.length-a){o=-s.length+t+a,o+=a;e.slideTo(o,0,!1,!0)&&0!==d&&e.setTranslate((l?-e.translate:e.translate)-d)}e.allowSlidePrev=i,e.allowSlideNext=r,e.emit("loopFix")},loopDestroy:function(){const{$wrapperEl:e,params:t,slides:s}=this;e.children(`.${t.slideClass}.${t.slideDuplicateClass},.${t.slideClass}.${t.slideBlankClass}`).remove(),s.removeAttr("data-swiper-slide-index")}};function L(e){const t=this,s=a(),i=r(),n=t.touchEventsData,{params:l,touches:o,enabled:c}=t;if(!c)return;if(t.animating&&l.preventInteractionOnTransition)return;!t.animating&&l.cssMode&&l.loop&&t.loopFix();let p=e;p.originalEvent&&(p=p.originalEvent);let h=d(p.target);if("wrapper"===l.touchEventsTarget&&!h.closest(t.wrapperEl).length)return;if(n.isTouchEvent="touchstart"===p.type,!n.isTouchEvent&&"which"in p&&3===p.which)return;if(!n.isTouchEvent&&"button"in p&&p.button>0)return;if(n.isTouched&&n.isMoved)return;const m=!!l.noSwipingClass&&""!==l.noSwipingClass,f=e.composedPath?e.composedPath():e.path;m&&p.target&&p.target.shadowRoot&&f&&(h=d(f[0]));const g=l.noSwipingSelector?l.noSwipingSelector:`.${l.noSwipingClass}`,v=!(!p.target||!p.target.shadowRoot);if(l.noSwiping&&(v?function(e,t){return void 0===t&&(t=this),function t(s){if(!s||s===a()||s===r())return null;s.assignedSlot&&(s=s.assignedSlot);const i=s.closest(e);return i||s.getRootNode?i||t(s.getRootNode().host):null}(t)}(g,h[0]):h.closest(g)[0]))return void(t.allowClick=!0);if(l.swipeHandler&&!h.closest(l.swipeHandler)[0])return;o.currentX="touchstart"===p.type?p.targetTouches[0].pageX:p.pageX,o.currentY="touchstart"===p.type?p.targetTouches[0].pageY:p.pageY;const w=o.currentX,b=o.currentY,x=l.edgeSwipeDetection||l.iOSEdgeSwipeDetection,y=l.edgeSwipeThreshold||l.iOSEdgeSwipeThreshold;if(x&&(w<=y||w>=i.innerWidth-y)){if("prevent"!==x)return;e.preventDefault()}if(Object.assign(n,{isTouched:!0,isMoved:!1,allowTouchCallbacks:!0,isScrolling:void 0,startMoving:void 0}),o.startX=w,o.startY=b,n.touchStartTime=u(),t.allowClick=!0,t.updateSize(),t.swipeDirection=void 0,l.threshold>0&&(n.allowThresholdMove=!1),"touchstart"!==p.type){let e=!0;h.is(n.focusableElements)&&(e=!1,"SELECT"===h[0].nodeName&&(n.isTouched=!1)),s.activeElement&&d(s.activeElement).is(n.focusableElements)&&s.activeElement!==h[0]&&s.activeElement.blur();const a=e&&t.allowTouchMove&&l.touchStartPreventDefault;!l.touchStartForcePreventDefault&&!a||h[0].isContentEditable||p.preventDefault()}t.params.freeMode&&t.params.freeMode.enabled&&t.freeMode&&t.animating&&!l.cssMode&&t.freeMode.onTouchStart(),t.emit("touchStart",p)}function O(e){const t=a(),s=this,i=s.touchEventsData,{params:r,touches:n,rtlTranslate:l,enabled:o}=s;if(!o)return;let c=e;if(c.originalEvent&&(c=c.originalEvent),!i.isTouched)return void(i.startMoving&&i.isScrolling&&s.emit("touchMoveOpposite",c));if(i.isTouchEvent&&"touchmove"!==c.type)return;const p="touchmove"===c.type&&c.targetTouches&&(c.targetTouches[0]||c.changedTouches[0]),h="touchmove"===c.type?p.pageX:c.pageX,m="touchmove"===c.type?p.pageY:c.pageY;if(c.preventedByNestedSwiper)return n.startX=h,void(n.startY=m);if(!s.allowTouchMove)return d(c.target).is(i.focusableElements)||(s.allowClick=!1),void(i.isTouched&&(Object.assign(n,{startX:h,startY:m,currentX:h,currentY:m}),i.touchStartTime=u()));if(i.isTouchEvent&&r.touchReleaseOnEdges&&!r.loop)if(s.isVertical()){if(mn.startY&&s.translate>=s.minTranslate())return i.isTouched=!1,void(i.isMoved=!1)}else if(hn.startX&&s.translate>=s.minTranslate())return;if(i.isTouchEvent&&t.activeElement&&c.target===t.activeElement&&d(c.target).is(i.focusableElements))return i.isMoved=!0,void(s.allowClick=!1);if(i.allowTouchCallbacks&&s.emit("touchMove",c),c.targetTouches&&c.targetTouches.length>1)return;n.currentX=h,n.currentY=m;const f=n.currentX-n.startX,g=n.currentY-n.startY;if(s.params.threshold&&Math.sqrt(f**2+g**2)=25&&(e=180*Math.atan2(Math.abs(g),Math.abs(f))/Math.PI,i.isScrolling=s.isHorizontal()?e>r.touchAngle:90-e>r.touchAngle)}if(i.isScrolling&&s.emit("touchMoveOpposite",c),void 0===i.startMoving&&(n.currentX===n.startX&&n.currentY===n.startY||(i.startMoving=!0)),i.isScrolling)return void(i.isTouched=!1);if(!i.startMoving)return;s.allowClick=!1,!r.cssMode&&c.cancelable&&c.preventDefault(),r.touchMoveStopPropagation&&!r.nested&&c.stopPropagation(),i.isMoved||(r.loop&&!r.cssMode&&s.loopFix(),i.startTranslate=s.getTranslate(),s.setTransition(0),s.animating&&s.$wrapperEl.trigger("webkitTransitionEnd transitionend"),i.allowMomentumBounce=!1,!r.grabCursor||!0!==s.allowSlideNext&&!0!==s.allowSlidePrev||s.setGrabCursor(!0),s.emit("sliderFirstMove",c)),s.emit("sliderMove",c),i.isMoved=!0;let v=s.isHorizontal()?f:g;n.diff=v,v*=r.touchRatio,l&&(v=-v),s.swipeDirection=v>0?"prev":"next",i.currentTranslate=v+i.startTranslate;let w=!0,b=r.resistanceRatio;if(r.touchReleaseOnEdges&&(b=0),v>0&&i.currentTranslate>s.minTranslate()?(w=!1,r.resistance&&(i.currentTranslate=s.minTranslate()-1+(-s.minTranslate()+i.startTranslate+v)**b)):v<0&&i.currentTranslatei.startTranslate&&(i.currentTranslate=i.startTranslate),s.allowSlidePrev||s.allowSlideNext||(i.currentTranslate=i.startTranslate),r.threshold>0){if(!(Math.abs(v)>r.threshold||i.allowThresholdMove))return void(i.currentTranslate=i.startTranslate);if(!i.allowThresholdMove)return i.allowThresholdMove=!0,n.startX=n.currentX,n.startY=n.currentY,i.currentTranslate=i.startTranslate,void(n.diff=s.isHorizontal()?n.currentX-n.startX:n.currentY-n.startY)}r.followFinger&&!r.cssMode&&((r.freeMode&&r.freeMode.enabled&&s.freeMode||r.watchSlidesProgress)&&(s.updateActiveIndex(),s.updateSlidesClasses()),s.params.freeMode&&r.freeMode.enabled&&s.freeMode&&s.freeMode.onTouchMove(),s.updateProgress(i.currentTranslate),s.setTranslate(i.currentTranslate))}function I(e){const t=this,s=t.touchEventsData,{params:a,touches:i,rtlTranslate:r,slidesGrid:n,enabled:l}=t;if(!l)return;let o=e;if(o.originalEvent&&(o=o.originalEvent),s.allowTouchCallbacks&&t.emit("touchEnd",o),s.allowTouchCallbacks=!1,!s.isTouched)return s.isMoved&&a.grabCursor&&t.setGrabCursor(!1),s.isMoved=!1,void(s.startMoving=!1);a.grabCursor&&s.isMoved&&s.isTouched&&(!0===t.allowSlideNext||!0===t.allowSlidePrev)&&t.setGrabCursor(!1);const d=u(),c=d-s.touchStartTime;if(t.allowClick){const e=o.path||o.composedPath&&o.composedPath();t.updateClickedSlide(e&&e[0]||o.target),t.emit("tap click",o),c<300&&d-s.lastClickTime<300&&t.emit("doubleTap doubleClick",o)}if(s.lastClickTime=u(),p((()=>{t.destroyed||(t.allowClick=!0)})),!s.isTouched||!s.isMoved||!t.swipeDirection||0===i.diff||s.currentTranslate===s.startTranslate)return s.isTouched=!1,s.isMoved=!1,void(s.startMoving=!1);let h;if(s.isTouched=!1,s.isMoved=!1,s.startMoving=!1,h=a.followFinger?r?t.translate:-t.translate:-s.currentTranslate,a.cssMode)return;if(t.params.freeMode&&a.freeMode.enabled)return void t.freeMode.onTouchEnd({currentPos:h});let m=0,f=t.slidesSizesGrid[0];for(let e=0;e=n[e]&&h=n[e]&&(m=e,f=n[n.length-1]-n[n.length-2])}let g=null,v=null;a.rewind&&(t.isBeginning?v=t.params.virtual&&t.params.virtual.enabled&&t.virtual?t.virtual.slides.length-1:t.slides.length-1:t.isEnd&&(g=0));const w=(h-n[m])/f,b=ma.longSwipesMs){if(!a.longSwipes)return void t.slideTo(t.activeIndex);"next"===t.swipeDirection&&(w>=a.longSwipesRatio?t.slideTo(a.rewind&&t.isEnd?g:m+b):t.slideTo(m)),"prev"===t.swipeDirection&&(w>1-a.longSwipesRatio?t.slideTo(m+b):null!==v&&w<0&&Math.abs(w)>a.longSwipesRatio?t.slideTo(v):t.slideTo(m))}else{if(!a.shortSwipes)return void t.slideTo(t.activeIndex);t.navigation&&(o.target===t.navigation.nextEl||o.target===t.navigation.prevEl)?o.target===t.navigation.nextEl?t.slideTo(m+b):t.slideTo(m):("next"===t.swipeDirection&&t.slideTo(null!==g?g:m+b),"prev"===t.swipeDirection&&t.slideTo(null!==v?v:m))}}function A(){const e=this,{params:t,el:s}=e;if(s&&0===s.offsetWidth)return;t.breakpoints&&e.setBreakpoint();const{allowSlideNext:a,allowSlidePrev:i,snapGrid:r}=e;e.allowSlideNext=!0,e.allowSlidePrev=!0,e.updateSize(),e.updateSlides(),e.updateSlidesClasses(),("auto"===t.slidesPerView||t.slidesPerView>1)&&e.isEnd&&!e.isBeginning&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),e.autoplay&&e.autoplay.running&&e.autoplay.paused&&e.autoplay.run(),e.allowSlidePrev=i,e.allowSlideNext=a,e.params.watchOverflow&&r!==e.snapGrid&&e.checkOverflow()}function D(e){const t=this;t.enabled&&(t.allowClick||(t.params.preventClicks&&e.preventDefault(),t.params.preventClicksPropagation&&t.animating&&(e.stopPropagation(),e.stopImmediatePropagation())))}function G(){const e=this,{wrapperEl:t,rtlTranslate:s,enabled:a}=e;if(!a)return;let i;e.previousTranslate=e.translate,e.isHorizontal()?e.translate=-t.scrollLeft:e.translate=-t.scrollTop,0===e.translate&&(e.translate=0),e.updateActiveIndex(),e.updateSlidesClasses();const r=e.maxTranslate()-e.minTranslate();i=0===r?0:(e.translate-e.minTranslate())/r,i!==e.progress&&e.updateProgress(s?-e.translate:e.translate),e.emit("setTranslate",e.translate,!1)}let N=!1;function B(){}const H=(e,t)=>{const s=a(),{params:i,touchEvents:r,el:n,wrapperEl:l,device:o,support:d}=e,c=!!i.nested,p="on"===t?"addEventListener":"removeEventListener",u=t;if(d.touch){const t=!("touchstart"!==r.start||!d.passiveListener||!i.passiveListeners)&&{passive:!0,capture:!1};n[p](r.start,e.onTouchStart,t),n[p](r.move,e.onTouchMove,d.passiveListener?{passive:!1,capture:c}:c),n[p](r.end,e.onTouchEnd,t),r.cancel&&n[p](r.cancel,e.onTouchEnd,t)}else n[p](r.start,e.onTouchStart,!1),s[p](r.move,e.onTouchMove,c),s[p](r.end,e.onTouchEnd,!1);(i.preventClicks||i.preventClicksPropagation)&&n[p]("click",e.onClick,!0),i.cssMode&&l[p]("scroll",e.onScroll),i.updateOnWindowResize?e[u](o.ios||o.android?"resize orientationchange observerUpdate":"resize observerUpdate",A,!0):e[u]("observerUpdate",A,!0)};var X={attachEvents:function(){const e=this,t=a(),{params:s,support:i}=e;e.onTouchStart=L.bind(e),e.onTouchMove=O.bind(e),e.onTouchEnd=I.bind(e),s.cssMode&&(e.onScroll=G.bind(e)),e.onClick=D.bind(e),i.touch&&!N&&(t.addEventListener("touchstart",B),N=!0),H(e,"on")},detachEvents:function(){H(this,"off")}};const Y=(e,t)=>e.grid&&t.grid&&t.grid.rows>1;var R={addClasses:function(){const e=this,{classNames:t,params:s,rtl:a,$el:i,device:r,support:n}=e,l=function(e,t){const s=[];return e.forEach((e=>{"object"==typeof e?Object.keys(e).forEach((a=>{e[a]&&s.push(t+a)})):"string"==typeof e&&s.push(t+e)})),s}(["initialized",s.direction,{"pointer-events":!n.touch},{"free-mode":e.params.freeMode&&s.freeMode.enabled},{autoheight:s.autoHeight},{rtl:a},{grid:s.grid&&s.grid.rows>1},{"grid-column":s.grid&&s.grid.rows>1&&"column"===s.grid.fill},{android:r.android},{ios:r.ios},{"css-mode":s.cssMode},{centered:s.cssMode&&s.centeredSlides},{"watch-progress":s.watchSlidesProgress}],s.containerModifierClass);t.push(...l),i.addClass([...t].join(" ")),e.emitContainerClasses()},removeClasses:function(){const{$el:e,classNames:t}=this;e.removeClass(t.join(" ")),this.emitContainerClasses()}};var W={init:!0,direction:"horizontal",touchEventsTarget:"wrapper",initialSlide:0,speed:300,cssMode:!1,updateOnWindowResize:!0,resizeObserver:!0,nested:!1,createElements:!1,enabled:!0,focusableElements:"input, select, option, textarea, button, video, label",width:null,height:null,preventInteractionOnTransition:!1,userAgent:null,url:null,edgeSwipeDetection:!1,edgeSwipeThreshold:20,autoHeight:!1,setWrapperSize:!1,virtualTranslate:!1,effect:"slide",breakpoints:void 0,breakpointsBase:"window",spaceBetween:0,slidesPerView:1,slidesPerGroup:1,slidesPerGroupSkip:0,slidesPerGroupAuto:!1,centeredSlides:!1,centeredSlidesBounds:!1,slidesOffsetBefore:0,slidesOffsetAfter:0,normalizeSlideIndex:!0,centerInsufficientSlides:!1,watchOverflow:!0,roundLengths:!1,touchRatio:1,touchAngle:45,simulateTouch:!0,shortSwipes:!0,longSwipes:!0,longSwipesRatio:.5,longSwipesMs:300,followFinger:!0,allowTouchMove:!0,threshold:0,touchMoveStopPropagation:!1,touchStartPreventDefault:!0,touchStartForcePreventDefault:!1,touchReleaseOnEdges:!1,uniqueNavElements:!0,resistance:!0,resistanceRatio:.85,watchSlidesProgress:!1,grabCursor:!1,preventClicks:!0,preventClicksPropagation:!0,slideToClickedSlide:!1,preloadImages:!0,updateOnImagesReady:!0,loop:!1,loopAdditionalSlides:0,loopedSlides:null,loopedSlidesLimit:!0,loopFillGroupWithBlank:!1,loopPreventsSlide:!0,rewind:!1,allowSlidePrev:!0,allowSlideNext:!0,swipeHandler:null,noSwiping:!0,noSwipingClass:"swiper-no-swiping",noSwipingSelector:null,passiveListeners:!0,maxBackfaceHiddenSlides:10,containerModifierClass:"swiper-",slideClass:"swiper-slide",slideBlankClass:"swiper-slide-invisible-blank",slideActiveClass:"swiper-slide-active",slideDuplicateActiveClass:"swiper-slide-duplicate-active",slideVisibleClass:"swiper-slide-visible",slideDuplicateClass:"swiper-slide-duplicate",slideNextClass:"swiper-slide-next",slideDuplicateNextClass:"swiper-slide-duplicate-next",slidePrevClass:"swiper-slide-prev",slideDuplicatePrevClass:"swiper-slide-duplicate-prev",wrapperClass:"swiper-wrapper",runCallbacksOnInit:!0,_emitClasses:!1};function q(e,t){return function(s){void 0===s&&(s={});const a=Object.keys(s)[0],i=s[a];"object"==typeof i&&null!==i?(["navigation","pagination","scrollbar"].indexOf(a)>=0&&!0===e[a]&&(e[a]={auto:!0}),a in e&&"enabled"in i?(!0===e[a]&&(e[a]={enabled:!0}),"object"!=typeof e[a]||"enabled"in e[a]||(e[a].enabled=!0),e[a]||(e[a]={enabled:!1}),g(t,s)):g(t,s)):g(t,s)}}const j={eventsEmitter:$,update:S,translate:M,transition:{setTransition:function(e,t){const s=this;s.params.cssMode||s.$wrapperEl.transition(e),s.emit("setTransition",e,t)},transitionStart:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;a.cssMode||(a.autoHeight&&s.updateAutoHeight(),P({swiper:s,runCallbacks:e,direction:t,step:"Start"}))},transitionEnd:function(e,t){void 0===e&&(e=!0);const s=this,{params:a}=s;s.animating=!1,a.cssMode||(s.setTransition(0),P({swiper:s,runCallbacks:e,direction:t,step:"End"}))}},slide:k,loop:z,grabCursor:{setGrabCursor:function(e){const t=this;if(t.support.touch||!t.params.simulateTouch||t.params.watchOverflow&&t.isLocked||t.params.cssMode)return;const s="container"===t.params.touchEventsTarget?t.el:t.wrapperEl;s.style.cursor="move",s.style.cursor=e?"grabbing":"grab"},unsetGrabCursor:function(){const e=this;e.support.touch||e.params.watchOverflow&&e.isLocked||e.params.cssMode||(e["container"===e.params.touchEventsTarget?"el":"wrapperEl"].style.cursor="")}},events:X,breakpoints:{setBreakpoint:function(){const e=this,{activeIndex:t,initialized:s,loopedSlides:a=0,params:i,$el:r}=e,n=i.breakpoints;if(!n||n&&0===Object.keys(n).length)return;const l=e.getBreakpoint(n,e.params.breakpointsBase,e.el);if(!l||e.currentBreakpoint===l)return;const o=(l in n?n[l]:void 0)||e.originalParams,d=Y(e,i),c=Y(e,o),p=i.enabled;d&&!c?(r.removeClass(`${i.containerModifierClass}grid ${i.containerModifierClass}grid-column`),e.emitContainerClasses()):!d&&c&&(r.addClass(`${i.containerModifierClass}grid`),(o.grid.fill&&"column"===o.grid.fill||!o.grid.fill&&"column"===i.grid.fill)&&r.addClass(`${i.containerModifierClass}grid-column`),e.emitContainerClasses()),["navigation","pagination","scrollbar"].forEach((t=>{const s=i[t]&&i[t].enabled,a=o[t]&&o[t].enabled;s&&!a&&e[t].disable(),!s&&a&&e[t].enable()}));const u=o.direction&&o.direction!==i.direction,h=i.loop&&(o.slidesPerView!==i.slidesPerView||u);u&&s&&e.changeDirection(),g(e.params,o);const m=e.params.enabled;Object.assign(e,{allowTouchMove:e.params.allowTouchMove,allowSlideNext:e.params.allowSlideNext,allowSlidePrev:e.params.allowSlidePrev}),p&&!m?e.disable():!p&&m&&e.enable(),e.currentBreakpoint=l,e.emit("_beforeBreakpoint",o),h&&s&&(e.loopDestroy(),e.loopCreate(),e.updateSlides(),e.slideTo(t-a+e.loopedSlides,0,!1)),e.emit("breakpoint",o)},getBreakpoint:function(e,t,s){if(void 0===t&&(t="window"),!e||"container"===t&&!s)return;let a=!1;const i=r(),n="window"===t?i.innerHeight:s.clientHeight,l=Object.keys(e).map((e=>{if("string"==typeof e&&0===e.indexOf("@")){const t=parseFloat(e.substr(1));return{value:n*t,point:e}}return{value:e,point:e}}));l.sort(((e,t)=>parseInt(e.value,10)-parseInt(t.value,10)));for(let e=0;es}else e.isLocked=1===e.snapGrid.length;!0===s.allowSlideNext&&(e.allowSlideNext=!e.isLocked),!0===s.allowSlidePrev&&(e.allowSlidePrev=!e.isLocked),t&&t!==e.isLocked&&(e.isEnd=!1),t!==e.isLocked&&e.emit(e.isLocked?"lock":"unlock")}},classes:R,images:{loadImage:function(e,t,s,a,i,n){const l=r();let o;function c(){n&&n()}d(e).parent("picture")[0]||e.complete&&i?c():t?(o=new l.Image,o.onload=c,o.onerror=c,a&&(o.sizes=a),s&&(o.srcset=s),t&&(o.src=t)):c()},preloadImages:function(){const e=this;function t(){null!=e&&e&&!e.destroyed&&(void 0!==e.imagesLoaded&&(e.imagesLoaded+=1),e.imagesLoaded===e.imagesToLoad.length&&(e.params.updateOnImagesReady&&e.update(),e.emit("imagesReady")))}e.imagesToLoad=e.$el.find("img");for(let s=0;s1){const e=[];return d(t.el).each((s=>{const a=g({},t,{el:s});e.push(new V(a))})),e}const r=this;r.__swiper__=!0,r.support=E(),r.device=C({userAgent:t.userAgent}),r.browser=T(),r.eventsListeners={},r.eventsAnyListeners=[],r.modules=[...r.__modules__],t.modules&&Array.isArray(t.modules)&&r.modules.push(...t.modules);const n={};r.modules.forEach((e=>{e({swiper:r,extendParams:q(t,n),on:r.on.bind(r),once:r.once.bind(r),off:r.off.bind(r),emit:r.emit.bind(r)})}));const l=g({},W,n);return r.params=g({},l,_,t),r.originalParams=g({},r.params),r.passedParams=g({},t),r.params&&r.params.on&&Object.keys(r.params.on).forEach((e=>{r.on(e,r.params.on[e])})),r.params&&r.params.onAny&&r.onAny(r.params.onAny),r.$=d,Object.assign(r,{enabled:r.params.enabled,el:e,classNames:[],slides:d(),slidesGrid:[],snapGrid:[],slidesSizesGrid:[],isHorizontal:()=>"horizontal"===r.params.direction,isVertical:()=>"vertical"===r.params.direction,activeIndex:0,realIndex:0,isBeginning:!0,isEnd:!1,translate:0,previousTranslate:0,progress:0,velocity:0,animating:!1,allowSlideNext:r.params.allowSlideNext,allowSlidePrev:r.params.allowSlidePrev,touchEvents:function(){const e=["touchstart","touchmove","touchend","touchcancel"],t=["pointerdown","pointermove","pointerup"];return r.touchEventsTouch={start:e[0],move:e[1],end:e[2],cancel:e[3]},r.touchEventsDesktop={start:t[0],move:t[1],end:t[2]},r.support.touch||!r.params.simulateTouch?r.touchEventsTouch:r.touchEventsDesktop}(),touchEventsData:{isTouched:void 0,isMoved:void 0,allowTouchCallbacks:void 0,touchStartTime:void 0,isScrolling:void 0,currentTranslate:void 0,startTranslate:void 0,allowThresholdMove:void 0,focusableElements:r.params.focusableElements,lastClickTime:u(),clickTimeout:void 0,velocities:[],allowMomentumBounce:void 0,isTouchEvent:void 0,startMoving:void 0},allowClick:!0,allowTouchMove:r.params.allowTouchMove,touches:{startX:0,startY:0,currentX:0,currentY:0,diff:0},imagesToLoad:[],imagesLoaded:0}),r.emit("_swiper"),r.params.init&&r.init(),r}enable(){const e=this;e.enabled||(e.enabled=!0,e.params.grabCursor&&e.setGrabCursor(),e.emit("enable"))}disable(){const e=this;e.enabled&&(e.enabled=!1,e.params.grabCursor&&e.unsetGrabCursor(),e.emit("disable"))}setProgress(e,t){const s=this;e=Math.min(Math.max(e,0),1);const a=s.minTranslate(),i=(s.maxTranslate()-a)*e+a;s.translateTo(i,void 0===t?0:t),s.updateActiveIndex(),s.updateSlidesClasses()}emitContainerClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=e.el.className.split(" ").filter((t=>0===t.indexOf("swiper")||0===t.indexOf(e.params.containerModifierClass)));e.emit("_containerClasses",t.join(" "))}getSlideClasses(e){const t=this;return t.destroyed?"":e.className.split(" ").filter((e=>0===e.indexOf("swiper-slide")||0===e.indexOf(t.params.slideClass))).join(" ")}emitSlidesClasses(){const e=this;if(!e.params._emitClasses||!e.el)return;const t=[];e.slides.each((s=>{const a=e.getSlideClasses(s);t.push({slideEl:s,classNames:a}),e.emit("_slideClass",s,a)})),e.emit("_slideClasses",t)}slidesPerViewDynamic(e,t){void 0===e&&(e="current"),void 0===t&&(t=!1);const{params:s,slides:a,slidesGrid:i,slidesSizesGrid:r,size:n,activeIndex:l}=this;let o=1;if(s.centeredSlides){let e,t=a[l].swiperSlideSize;for(let s=l+1;sn&&(e=!0));for(let s=l-1;s>=0;s-=1)a[s]&&!e&&(t+=a[s].swiperSlideSize,o+=1,t>n&&(e=!0))}else if("current"===e)for(let e=l+1;e=0;e-=1){i[l]-i[e]1)&&e.isEnd&&!e.params.centeredSlides?e.slideTo(e.slides.length-1,0,!1,!0):e.slideTo(e.activeIndex,0,!1,!0),i||a()),s.watchOverflow&&t!==e.snapGrid&&e.checkOverflow(),e.emit("update")}changeDirection(e,t){void 0===t&&(t=!0);const s=this,a=s.params.direction;return e||(e="horizontal"===a?"vertical":"horizontal"),e===a||"horizontal"!==e&&"vertical"!==e||(s.$el.removeClass(`${s.params.containerModifierClass}${a}`).addClass(`${s.params.containerModifierClass}${e}`),s.emitContainerClasses(),s.params.direction=e,s.slides.each((t=>{"vertical"===e?t.style.width="":t.style.height=""})),s.emit("changeDirection"),t&&s.update()),s}changeLanguageDirection(e){const t=this;t.rtl&&"rtl"===e||!t.rtl&&"ltr"===e||(t.rtl="rtl"===e,t.rtlTranslate="horizontal"===t.params.direction&&t.rtl,t.rtl?(t.$el.addClass(`${t.params.containerModifierClass}rtl`),t.el.dir="rtl"):(t.$el.removeClass(`${t.params.containerModifierClass}rtl`),t.el.dir="ltr"),t.update())}mount(e){const t=this;if(t.mounted)return!0;const s=d(e||t.params.el);if(!(e=s[0]))return!1;e.swiper=t;const i=()=>`.${(t.params.wrapperClass||"").trim().split(" ").join(".")}`;let r=(()=>{if(e&&e.shadowRoot&&e.shadowRoot.querySelector){const t=d(e.shadowRoot.querySelector(i()));return t.children=e=>s.children(e),t}return s.children?s.children(i()):d(s).children(i())})();if(0===r.length&&t.params.createElements){const e=a().createElement("div");r=d(e),e.className=t.params.wrapperClass,s.append(e),s.children(`.${t.params.slideClass}`).each((e=>{r.append(e)}))}return Object.assign(t,{$el:s,el:e,$wrapperEl:r,wrapperEl:r[0],mounted:!0,rtl:"rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction"),rtlTranslate:"horizontal"===t.params.direction&&("rtl"===e.dir.toLowerCase()||"rtl"===s.css("direction")),wrongRTL:"-webkit-box"===r.css("display")}),!0}init(e){const t=this;if(t.initialized)return t;return!1===t.mount(e)||(t.emit("beforeInit"),t.params.breakpoints&&t.setBreakpoint(),t.addClasses(),t.params.loop&&t.loopCreate(),t.updateSize(),t.updateSlides(),t.params.watchOverflow&&t.checkOverflow(),t.params.grabCursor&&t.enabled&&t.setGrabCursor(),t.params.preloadImages&&t.preloadImages(),t.params.loop?t.slideTo(t.params.initialSlide+t.loopedSlides,0,t.params.runCallbacksOnInit,!1,!0):t.slideTo(t.params.initialSlide,0,t.params.runCallbacksOnInit,!1,!0),t.attachEvents(),t.initialized=!0,t.emit("init"),t.emit("afterInit")),t}destroy(e,t){void 0===e&&(e=!0),void 0===t&&(t=!0);const s=this,{params:a,$el:i,$wrapperEl:r,slides:n}=s;return void 0===s.params||s.destroyed||(s.emit("beforeDestroy"),s.initialized=!1,s.detachEvents(),a.loop&&s.loopDestroy(),t&&(s.removeClasses(),i.removeAttr("style"),r.removeAttr("style"),n&&n.length&&n.removeClass([a.slideVisibleClass,a.slideActiveClass,a.slideNextClass,a.slidePrevClass].join(" ")).removeAttr("style").removeAttr("data-swiper-slide-index")),s.emit("destroy"),Object.keys(s.eventsListeners).forEach((e=>{s.off(e)})),!1!==e&&(s.$el[0].swiper=null,function(e){const t=e;Object.keys(t).forEach((e=>{try{t[e]=null}catch(e){}try{delete t[e]}catch(e){}}))}(s)),s.destroyed=!0),null}static extendDefaults(e){g(_,e)}static get extendedDefaults(){return _}static get defaults(){return W}static installModule(e){V.prototype.__modules__||(V.prototype.__modules__=[]);const t=V.prototype.__modules__;"function"==typeof e&&t.indexOf(e)<0&&t.push(e)}static use(e){return Array.isArray(e)?(e.forEach((e=>V.installModule(e))),V):(V.installModule(e),V)}}function F(e,t,s,i){const r=a();return e.params.createElements&&Object.keys(i).forEach((a=>{if(!s[a]&&!0===s.auto){let n=e.$el.children(`.${i[a]}`)[0];n||(n=r.createElement("div"),n.className=i[a],e.$el.append(n)),s[a]=n,t[a]=n}})),s}function U(e){return void 0===e&&(e=""),`.${e.trim().replace(/([\.:!\/])/g,"\\$1").replace(/ /g,".")}`}function K(e){const t=this,{$wrapperEl:s,params:a}=t;if(a.loop&&t.loopDestroy(),"object"==typeof e&&"length"in e)for(let t=0;t=l)return void s.appendSlide(t);let o=n>e?n+1:n;const d=[];for(let t=l-1;t>=e;t-=1){const e=s.slides.eq(t);e.remove(),d.unshift(e)}if("object"==typeof t&&"length"in t){for(let e=0;ee?n+t.length:n}else a.append(t);for(let e=0;e{if(s.params.effect!==t)return;s.classNames.push(`${s.params.containerModifierClass}${t}`),l&&l()&&s.classNames.push(`${s.params.containerModifierClass}3d`);const e=n?n():{};Object.assign(s.params,e),Object.assign(s.originalParams,e)})),a("setTranslate",(()=>{s.params.effect===t&&i()})),a("setTransition",((e,a)=>{s.params.effect===t&&r(a)})),a("transitionEnd",(()=>{if(s.params.effect===t&&o){if(!d||!d().slideShadows)return;s.slides.each((e=>{s.$(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").remove()})),o()}})),a("virtualUpdate",(()=>{s.params.effect===t&&(s.slides.length||(c=!0),requestAnimationFrame((()=>{c&&s.slides&&s.slides.length&&(i(),c=!1)})))}))}function se(e,t){return e.transformEl?t.find(e.transformEl).css({"backface-visibility":"hidden","-webkit-backface-visibility":"hidden"}):t}function ae(e){let{swiper:t,duration:s,transformEl:a,allSlides:i}=e;const{slides:r,activeIndex:n,$wrapperEl:l}=t;if(t.params.virtualTranslate&&0!==s){let e,s=!1;e=i?a?r.find(a):r:a?r.eq(n).find(a):r.eq(n),e.transitionEnd((()=>{if(s)return;if(!t||t.destroyed)return;s=!0,t.animating=!1;const e=["webkitTransitionEnd","transitionend"];for(let t=0;t`),i.append(r)),r}Object.keys(j).forEach((e=>{Object.keys(j[e]).forEach((t=>{V.prototype[t]=j[e][t]}))})),V.use([function(e){let{swiper:t,on:s,emit:a}=e;const i=r();let n=null,l=null;const o=()=>{t&&!t.destroyed&&t.initialized&&(a("beforeResize"),a("resize"))},d=()=>{t&&!t.destroyed&&t.initialized&&a("orientationchange")};s("init",(()=>{t.params.resizeObserver&&void 0!==i.ResizeObserver?t&&!t.destroyed&&t.initialized&&(n=new ResizeObserver((e=>{l=i.requestAnimationFrame((()=>{const{width:s,height:a}=t;let i=s,r=a;e.forEach((e=>{let{contentBoxSize:s,contentRect:a,target:n}=e;n&&n!==t.el||(i=a?a.width:(s[0]||s).inlineSize,r=a?a.height:(s[0]||s).blockSize)})),i===s&&r===a||o()}))})),n.observe(t.el)):(i.addEventListener("resize",o),i.addEventListener("orientationchange",d))})),s("destroy",(()=>{l&&i.cancelAnimationFrame(l),n&&n.unobserve&&t.el&&(n.unobserve(t.el),n=null),i.removeEventListener("resize",o),i.removeEventListener("orientationchange",d)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=[],l=r(),o=function(e,t){void 0===t&&(t={});const s=new(l.MutationObserver||l.WebkitMutationObserver)((e=>{if(1===e.length)return void i("observerUpdate",e[0]);const t=function(){i("observerUpdate",e[0])};l.requestAnimationFrame?l.requestAnimationFrame(t):l.setTimeout(t,0)}));s.observe(e,{attributes:void 0===t.attributes||t.attributes,childList:void 0===t.childList||t.childList,characterData:void 0===t.characterData||t.characterData}),n.push(s)};s({observer:!1,observeParents:!1,observeSlideChildren:!1}),a("init",(()=>{if(t.params.observer){if(t.params.observeParents){const e=t.$el.parents();for(let t=0;t{n.forEach((e=>{e.disconnect()})),n.splice(0,n.length)}))}]);const re=[function(e){let t,{swiper:s,extendParams:a,on:i,emit:r}=e;function n(e,t){const a=s.params.virtual;if(a.cache&&s.virtual.cache[t])return s.virtual.cache[t];const i=a.renderSlide?d(a.renderSlide.call(s,e,t)):d(`
${e}
`);return i.attr("data-swiper-slide-index")||i.attr("data-swiper-slide-index",t),a.cache&&(s.virtual.cache[t]=i),i}function l(e){const{slidesPerView:t,slidesPerGroup:a,centeredSlides:i}=s.params,{addSlidesBefore:l,addSlidesAfter:o}=s.params.virtual,{from:d,to:c,slides:p,slidesGrid:u,offset:h}=s.virtual;s.params.cssMode||s.updateActiveIndex();const m=s.activeIndex||0;let f,g,v;f=s.rtlTranslate?"right":s.isHorizontal()?"left":"top",i?(g=Math.floor(t/2)+a+o,v=Math.floor(t/2)+a+l):(g=t+(a-1)+o,v=a+l);const w=Math.max((m||0)-v,0),b=Math.min((m||0)+g,p.length-1),x=(s.slidesGrid[w]||0)-(s.slidesGrid[0]||0);function y(){s.updateSlides(),s.updateProgress(),s.updateSlidesClasses(),s.lazy&&s.params.lazy.enabled&&s.lazy.load(),r("virtualUpdate")}if(Object.assign(s.virtual,{from:w,to:b,offset:x,slidesGrid:s.slidesGrid}),d===w&&c===b&&!e)return s.slidesGrid!==u&&x!==h&&s.slides.css(f,`${x}px`),s.updateProgress(),void r("virtualUpdate");if(s.params.virtual.renderExternal)return s.params.virtual.renderExternal.call(s,{offset:x,from:w,to:b,slides:function(){const e=[];for(let t=w;t<=b;t+=1)e.push(p[t]);return e}()}),void(s.params.virtual.renderExternalUpdate?y():r("virtualUpdate"));const E=[],C=[];if(e)s.$wrapperEl.find(`.${s.params.slideClass}`).remove();else for(let e=d;e<=c;e+=1)(eb)&&s.$wrapperEl.find(`.${s.params.slideClass}[data-swiper-slide-index="${e}"]`).remove();for(let t=0;t=w&&t<=b&&(void 0===c||e?C.push(t):(t>c&&C.push(t),t{s.$wrapperEl.append(n(p[e],e))})),E.sort(((e,t)=>t-e)).forEach((e=>{s.$wrapperEl.prepend(n(p[e],e))})),s.$wrapperEl.children(".swiper-slide").css(f,`${x}px`),y()}a({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}}),s.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]},i("beforeInit",(()=>{s.params.virtual.enabled&&(s.virtual.slides=s.params.virtual.slides,s.classNames.push(`${s.params.containerModifierClass}virtual`),s.params.watchSlidesProgress=!0,s.originalParams.watchSlidesProgress=!0,s.params.initialSlide||l())})),i("setTranslate",(()=>{s.params.virtual.enabled&&(s.params.cssMode&&!s._immediateVirtual?(clearTimeout(t),t=setTimeout((()=>{l()}),100)):l())})),i("init update resize",(()=>{s.params.virtual.enabled&&s.params.cssMode&&v(s.wrapperEl,"--swiper-virtual-size",`${s.virtualSize}px`)})),Object.assign(s.virtual,{appendSlide:function(e){if("object"==typeof e&&"length"in e)for(let t=0;t{const a=e[s],r=a.attr("data-swiper-slide-index");r&&a.attr("data-swiper-slide-index",parseInt(r,10)+i),t[parseInt(s,10)+i]=a})),s.virtual.cache=t}l(!0),s.slideTo(a,0)},removeSlide:function(e){if(null==e)return;let t=s.activeIndex;if(Array.isArray(e))for(let a=e.length-1;a>=0;a-=1)s.virtual.slides.splice(e[a],1),s.params.virtual.cache&&delete s.virtual.cache[e[a]],e[a]0&&0===t.$el.parents(`.${t.params.slideActiveClass}`).length)return;const a=t.$el,i=a[0].clientWidth,r=a[0].clientHeight,n=o.innerWidth,l=o.innerHeight,d=t.$el.offset();s&&(d.left-=t.$el[0].scrollLeft);const c=[[d.left,d.top],[d.left+i,d.top],[d.left,d.top+r],[d.left+i,d.top+r]];for(let t=0;t=0&&s[0]<=n&&s[1]>=0&&s[1]<=l){if(0===s[0]&&0===s[1])continue;e=!0}}if(!e)return}t.isHorizontal()?((d||c||p||u)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),((c||u)&&!s||(d||p)&&s)&&t.slideNext(),((d||p)&&!s||(c||u)&&s)&&t.slidePrev()):((d||c||h||m)&&(a.preventDefault?a.preventDefault():a.returnValue=!1),(c||m)&&t.slideNext(),(d||h)&&t.slidePrev()),n("keyPress",i)}}function p(){t.keyboard.enabled||(d(l).on("keydown",c),t.keyboard.enabled=!0)}function u(){t.keyboard.enabled&&(d(l).off("keydown",c),t.keyboard.enabled=!1)}t.keyboard={enabled:!1},s({keyboard:{enabled:!1,onlyInViewport:!0,pageUpDown:!0}}),i("init",(()=>{t.params.keyboard.enabled&&p()})),i("destroy",(()=>{t.keyboard.enabled&&u()})),Object.assign(t.keyboard,{enable:p,disable:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();let l;s({mousewheel:{enabled:!1,releaseOnEdges:!1,invert:!1,forceToAxis:!1,sensitivity:1,eventsTarget:"container",thresholdDelta:null,thresholdTime:null}}),t.mousewheel={enabled:!1};let o,c=u();const h=[];function m(){t.enabled&&(t.mouseEntered=!0)}function f(){t.enabled&&(t.mouseEntered=!1)}function g(e){return!(t.params.mousewheel.thresholdDelta&&e.delta=6&&u()-c<60||(e.direction<0?t.isEnd&&!t.params.loop||t.animating||(t.slideNext(),i("scroll",e.raw)):t.isBeginning&&!t.params.loop||t.animating||(t.slidePrev(),i("scroll",e.raw)),c=(new n.Date).getTime(),!1)))}function v(e){let s=e,a=!0;if(!t.enabled)return;const r=t.params.mousewheel;t.params.cssMode&&s.preventDefault();let n=t.$el;if("container"!==t.params.mousewheel.eventsTarget&&(n=d(t.params.mousewheel.eventsTarget)),!t.mouseEntered&&!n[0].contains(s.target)&&!r.releaseOnEdges)return!0;s.originalEvent&&(s=s.originalEvent);let c=0;const m=t.rtlTranslate?-1:1,f=function(e){let t=0,s=0,a=0,i=0;return"detail"in e&&(s=e.detail),"wheelDelta"in e&&(s=-e.wheelDelta/120),"wheelDeltaY"in e&&(s=-e.wheelDeltaY/120),"wheelDeltaX"in e&&(t=-e.wheelDeltaX/120),"axis"in e&&e.axis===e.HORIZONTAL_AXIS&&(t=s,s=0),a=10*t,i=10*s,"deltaY"in e&&(i=e.deltaY),"deltaX"in e&&(a=e.deltaX),e.shiftKey&&!a&&(a=i,i=0),(a||i)&&e.deltaMode&&(1===e.deltaMode?(a*=40,i*=40):(a*=800,i*=800)),a&&!t&&(t=a<1?-1:1),i&&!s&&(s=i<1?-1:1),{spinX:t,spinY:s,pixelX:a,pixelY:i}}(s);if(r.forceToAxis)if(t.isHorizontal()){if(!(Math.abs(f.pixelX)>Math.abs(f.pixelY)))return!0;c=-f.pixelX*m}else{if(!(Math.abs(f.pixelY)>Math.abs(f.pixelX)))return!0;c=-f.pixelY}else c=Math.abs(f.pixelX)>Math.abs(f.pixelY)?-f.pixelX*m:-f.pixelY;if(0===c)return!0;r.invert&&(c=-c);let v=t.getTranslate()+c*r.sensitivity;if(v>=t.minTranslate()&&(v=t.minTranslate()),v<=t.maxTranslate()&&(v=t.maxTranslate()),a=!!t.params.loop||!(v===t.minTranslate()||v===t.maxTranslate()),a&&t.params.nested&&s.stopPropagation(),t.params.freeMode&&t.params.freeMode.enabled){const e={time:u(),delta:Math.abs(c),direction:Math.sign(c)},a=o&&e.time=t.minTranslate()&&(n=t.minTranslate()),n<=t.maxTranslate()&&(n=t.maxTranslate()),t.setTransition(0),t.setTranslate(n),t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses(),(!d&&t.isBeginning||!u&&t.isEnd)&&t.updateSlidesClasses(),t.params.freeMode.sticky){clearTimeout(l),l=void 0,h.length>=15&&h.shift();const s=h.length?h[h.length-1]:void 0,a=h[0];if(h.push(e),s&&(e.delta>s.delta||e.direction!==s.direction))h.splice(0);else if(h.length>=15&&e.time-a.time<500&&a.delta-e.delta>=1&&e.delta<=6){const s=c>0?.8:.2;o=e,h.splice(0),l=p((()=>{t.slideToClosest(t.params.speed,!0,void 0,s)}),0)}l||(l=p((()=>{o=e,h.splice(0),t.slideToClosest(t.params.speed,!0,void 0,.5)}),500))}if(a||i("scroll",s),t.params.autoplay&&t.params.autoplayDisableOnInteraction&&t.autoplay.stop(),n===t.minTranslate()||n===t.maxTranslate())return!0}}else{const s={time:u(),delta:Math.abs(c),direction:Math.sign(c),raw:e};h.length>=2&&h.shift();const a=h.length?h[h.length-1]:void 0;if(h.push(s),a?(s.direction!==a.direction||s.delta>a.delta||s.time>a.time+150)&&g(s):g(s),function(e){const s=t.params.mousewheel;if(e.direction<0){if(t.isEnd&&!t.params.loop&&s.releaseOnEdges)return!0}else if(t.isBeginning&&!t.params.loop&&s.releaseOnEdges)return!0;return!1}(s))return!0}return s.preventDefault?s.preventDefault():s.returnValue=!1,!1}function w(e){let s=t.$el;"container"!==t.params.mousewheel.eventsTarget&&(s=d(t.params.mousewheel.eventsTarget)),s[e]("mouseenter",m),s[e]("mouseleave",f),s[e]("wheel",v)}function b(){return t.params.cssMode?(t.wrapperEl.removeEventListener("wheel",v),!0):!t.mousewheel.enabled&&(w("on"),t.mousewheel.enabled=!0,!0)}function x(){return t.params.cssMode?(t.wrapperEl.addEventListener(event,v),!0):!!t.mousewheel.enabled&&(w("off"),t.mousewheel.enabled=!1,!0)}a("init",(()=>{!t.params.mousewheel.enabled&&t.params.cssMode&&x(),t.params.mousewheel.enabled&&b()})),a("destroy",(()=>{t.params.cssMode&&b(),t.mousewheel.enabled&&x()})),Object.assign(t.mousewheel,{enable:b,disable:x})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;function r(e){let s;return e&&(s=d(e),t.params.uniqueNavElements&&"string"==typeof e&&s.length>1&&1===t.$el.find(e).length&&(s=t.$el.find(e))),s}function n(e,s){const a=t.params.navigation;e&&e.length>0&&(e[s?"addClass":"removeClass"](a.disabledClass),e[0]&&"BUTTON"===e[0].tagName&&(e[0].disabled=s),t.params.watchOverflow&&t.enabled&&e[t.isLocked?"addClass":"removeClass"](a.lockClass))}function l(){if(t.params.loop)return;const{$nextEl:e,$prevEl:s}=t.navigation;n(s,t.isBeginning&&!t.params.rewind),n(e,t.isEnd&&!t.params.rewind)}function o(e){e.preventDefault(),(!t.isBeginning||t.params.loop||t.params.rewind)&&(t.slidePrev(),i("navigationPrev"))}function c(e){e.preventDefault(),(!t.isEnd||t.params.loop||t.params.rewind)&&(t.slideNext(),i("navigationNext"))}function p(){const e=t.params.navigation;if(t.params.navigation=F(t,t.originalParams.navigation,t.params.navigation,{nextEl:"swiper-button-next",prevEl:"swiper-button-prev"}),!e.nextEl&&!e.prevEl)return;const s=r(e.nextEl),a=r(e.prevEl);s&&s.length>0&&s.on("click",c),a&&a.length>0&&a.on("click",o),Object.assign(t.navigation,{$nextEl:s,nextEl:s&&s[0],$prevEl:a,prevEl:a&&a[0]}),t.enabled||(s&&s.addClass(e.lockClass),a&&a.addClass(e.lockClass))}function u(){const{$nextEl:e,$prevEl:s}=t.navigation;e&&e.length&&(e.off("click",c),e.removeClass(t.params.navigation.disabledClass)),s&&s.length&&(s.off("click",o),s.removeClass(t.params.navigation.disabledClass))}s({navigation:{nextEl:null,prevEl:null,hideOnClick:!1,disabledClass:"swiper-button-disabled",hiddenClass:"swiper-button-hidden",lockClass:"swiper-button-lock",navigationDisabledClass:"swiper-navigation-disabled"}}),t.navigation={nextEl:null,$nextEl:null,prevEl:null,$prevEl:null},a("init",(()=>{!1===t.params.navigation.enabled?h():(p(),l())})),a("toEdge fromEdge lock unlock",(()=>{l()})),a("destroy",(()=>{u()})),a("enable disable",(()=>{const{$nextEl:e,$prevEl:s}=t.navigation;e&&e[t.enabled?"removeClass":"addClass"](t.params.navigation.lockClass),s&&s[t.enabled?"removeClass":"addClass"](t.params.navigation.lockClass)})),a("click",((e,s)=>{const{$nextEl:a,$prevEl:r}=t.navigation,n=s.target;if(t.params.navigation.hideOnClick&&!d(n).is(r)&&!d(n).is(a)){if(t.pagination&&t.params.pagination&&t.params.pagination.clickable&&(t.pagination.el===n||t.pagination.el.contains(n)))return;let e;a?e=a.hasClass(t.params.navigation.hiddenClass):r&&(e=r.hasClass(t.params.navigation.hiddenClass)),i(!0===e?"navigationShow":"navigationHide"),a&&a.toggleClass(t.params.navigation.hiddenClass),r&&r.toggleClass(t.params.navigation.hiddenClass)}}));const h=()=>{t.$el.addClass(t.params.navigation.navigationDisabledClass),u()};Object.assign(t.navigation,{enable:()=>{t.$el.removeClass(t.params.navigation.navigationDisabledClass),p(),l()},disable:h,update:l,init:p,destroy:u})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const r="swiper-pagination";let n;s({pagination:{el:null,bulletElement:"span",clickable:!1,hideOnClick:!1,renderBullet:null,renderProgressbar:null,renderFraction:null,renderCustom:null,progressbarOpposite:!1,type:"bullets",dynamicBullets:!1,dynamicMainBullets:1,formatFractionCurrent:e=>e,formatFractionTotal:e=>e,bulletClass:`${r}-bullet`,bulletActiveClass:`${r}-bullet-active`,modifierClass:`${r}-`,currentClass:`${r}-current`,totalClass:`${r}-total`,hiddenClass:`${r}-hidden`,progressbarFillClass:`${r}-progressbar-fill`,progressbarOppositeClass:`${r}-progressbar-opposite`,clickableClass:`${r}-clickable`,lockClass:`${r}-lock`,horizontalClass:`${r}-horizontal`,verticalClass:`${r}-vertical`,paginationDisabledClass:`${r}-disabled`}}),t.pagination={el:null,$el:null,bullets:[]};let l=0;function o(){return!t.params.pagination.el||!t.pagination.el||!t.pagination.$el||0===t.pagination.$el.length}function c(e,s){const{bulletActiveClass:a}=t.params.pagination;e[s]().addClass(`${a}-${s}`)[s]().addClass(`${a}-${s}-${s}`)}function p(){const e=t.rtl,s=t.params.pagination;if(o())return;const a=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,r=t.pagination.$el;let p;const u=t.params.loop?Math.ceil((a-2*t.loopedSlides)/t.params.slidesPerGroup):t.snapGrid.length;if(t.params.loop?(p=Math.ceil((t.activeIndex-t.loopedSlides)/t.params.slidesPerGroup),p>a-1-2*t.loopedSlides&&(p-=a-2*t.loopedSlides),p>u-1&&(p-=u),p<0&&"bullets"!==t.params.paginationType&&(p=u+p)):p=void 0!==t.snapIndex?t.snapIndex:t.activeIndex||0,"bullets"===s.type&&t.pagination.bullets&&t.pagination.bullets.length>0){const a=t.pagination.bullets;let i,o,u;if(s.dynamicBullets&&(n=a.eq(0)[t.isHorizontal()?"outerWidth":"outerHeight"](!0),r.css(t.isHorizontal()?"width":"height",n*(s.dynamicMainBullets+4)+"px"),s.dynamicMainBullets>1&&void 0!==t.previousIndex&&(l+=p-(t.previousIndex-t.loopedSlides||0),l>s.dynamicMainBullets-1?l=s.dynamicMainBullets-1:l<0&&(l=0)),i=Math.max(p-l,0),o=i+(Math.min(a.length,s.dynamicMainBullets)-1),u=(o+i)/2),a.removeClass(["","-next","-next-next","-prev","-prev-prev","-main"].map((e=>`${s.bulletActiveClass}${e}`)).join(" ")),r.length>1)a.each((e=>{const t=d(e),a=t.index();a===p&&t.addClass(s.bulletActiveClass),s.dynamicBullets&&(a>=i&&a<=o&&t.addClass(`${s.bulletActiveClass}-main`),a===i&&c(t,"prev"),a===o&&c(t,"next"))}));else{const e=a.eq(p),r=e.index();if(e.addClass(s.bulletActiveClass),s.dynamicBullets){const e=a.eq(i),n=a.eq(o);for(let e=i;e<=o;e+=1)a.eq(e).addClass(`${s.bulletActiveClass}-main`);if(t.params.loop)if(r>=a.length){for(let e=s.dynamicMainBullets;e>=0;e-=1)a.eq(a.length-e).addClass(`${s.bulletActiveClass}-main`);a.eq(a.length-s.dynamicMainBullets-1).addClass(`${s.bulletActiveClass}-prev`)}else c(e,"prev"),c(n,"next");else c(e,"prev"),c(n,"next")}}if(s.dynamicBullets){const i=Math.min(a.length,s.dynamicMainBullets+4),r=(n*i-n)/2-u*n,l=e?"right":"left";a.css(t.isHorizontal()?l:"top",`${r}px`)}}if("fraction"===s.type&&(r.find(U(s.currentClass)).text(s.formatFractionCurrent(p+1)),r.find(U(s.totalClass)).text(s.formatFractionTotal(u))),"progressbar"===s.type){let e;e=s.progressbarOpposite?t.isHorizontal()?"vertical":"horizontal":t.isHorizontal()?"horizontal":"vertical";const a=(p+1)/u;let i=1,n=1;"horizontal"===e?i=a:n=a,r.find(U(s.progressbarFillClass)).transform(`translate3d(0,0,0) scaleX(${i}) scaleY(${n})`).transition(t.params.speed)}"custom"===s.type&&s.renderCustom?(r.html(s.renderCustom(t,p+1,u)),i("paginationRender",r[0])):i("paginationUpdate",r[0]),t.params.watchOverflow&&t.enabled&&r[t.isLocked?"addClass":"removeClass"](s.lockClass)}function u(){const e=t.params.pagination;if(o())return;const s=t.virtual&&t.params.virtual.enabled?t.virtual.slides.length:t.slides.length,a=t.pagination.$el;let r="";if("bullets"===e.type){let i=t.params.loop?Math.ceil((s-2*t.loopedSlides)/t.params.slidesPerGroup):t.snapGrid.length;t.params.freeMode&&t.params.freeMode.enabled&&!t.params.loop&&i>s&&(i=s);for(let s=0;s`;a.html(r),t.pagination.bullets=a.find(U(e.bulletClass))}"fraction"===e.type&&(r=e.renderFraction?e.renderFraction.call(t,e.currentClass,e.totalClass):` / `,a.html(r)),"progressbar"===e.type&&(r=e.renderProgressbar?e.renderProgressbar.call(t,e.progressbarFillClass):``,a.html(r)),"custom"!==e.type&&i("paginationRender",t.pagination.$el[0])}function h(){t.params.pagination=F(t,t.originalParams.pagination,t.params.pagination,{el:"swiper-pagination"});const e=t.params.pagination;if(!e.el)return;let s=d(e.el);0!==s.length&&(t.params.uniqueNavElements&&"string"==typeof e.el&&s.length>1&&(s=t.$el.find(e.el),s.length>1&&(s=s.filter((e=>d(e).parents(".swiper")[0]===t.el)))),"bullets"===e.type&&e.clickable&&s.addClass(e.clickableClass),s.addClass(e.modifierClass+e.type),s.addClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),"bullets"===e.type&&e.dynamicBullets&&(s.addClass(`${e.modifierClass}${e.type}-dynamic`),l=0,e.dynamicMainBullets<1&&(e.dynamicMainBullets=1)),"progressbar"===e.type&&e.progressbarOpposite&&s.addClass(e.progressbarOppositeClass),e.clickable&&s.on("click",U(e.bulletClass),(function(e){e.preventDefault();let s=d(this).index()*t.params.slidesPerGroup;t.params.loop&&(s+=t.loopedSlides),t.slideTo(s)})),Object.assign(t.pagination,{$el:s,el:s[0]}),t.enabled||s.addClass(e.lockClass))}function m(){const e=t.params.pagination;if(o())return;const s=t.pagination.$el;s.removeClass(e.hiddenClass),s.removeClass(e.modifierClass+e.type),s.removeClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.pagination.bullets&&t.pagination.bullets.removeClass&&t.pagination.bullets.removeClass(e.bulletActiveClass),e.clickable&&s.off("click",U(e.bulletClass))}a("init",(()=>{!1===t.params.pagination.enabled?f():(h(),u(),p())})),a("activeIndexChange",(()=>{(t.params.loop||void 0===t.snapIndex)&&p()})),a("snapIndexChange",(()=>{t.params.loop||p()})),a("slidesLengthChange",(()=>{t.params.loop&&(u(),p())})),a("snapGridLengthChange",(()=>{t.params.loop||(u(),p())})),a("destroy",(()=>{m()})),a("enable disable",(()=>{const{$el:e}=t.pagination;e&&e[t.enabled?"removeClass":"addClass"](t.params.pagination.lockClass)})),a("lock unlock",(()=>{p()})),a("click",((e,s)=>{const a=s.target,{$el:r}=t.pagination;if(t.params.pagination.el&&t.params.pagination.hideOnClick&&r&&r.length>0&&!d(a).hasClass(t.params.pagination.bulletClass)){if(t.navigation&&(t.navigation.nextEl&&a===t.navigation.nextEl||t.navigation.prevEl&&a===t.navigation.prevEl))return;const e=r.hasClass(t.params.pagination.hiddenClass);i(!0===e?"paginationShow":"paginationHide"),r.toggleClass(t.params.pagination.hiddenClass)}}));const f=()=>{t.$el.addClass(t.params.pagination.paginationDisabledClass),t.pagination.$el&&t.pagination.$el.addClass(t.params.pagination.paginationDisabledClass),m()};Object.assign(t.pagination,{enable:()=>{t.$el.removeClass(t.params.pagination.paginationDisabledClass),t.pagination.$el&&t.pagination.$el.removeClass(t.params.pagination.paginationDisabledClass),h(),u(),p()},disable:f,render:u,update:p,init:h,destroy:m})},function(e){let{swiper:t,extendParams:s,on:i,emit:r}=e;const n=a();let l,o,c,u,h=!1,m=null,f=null;function g(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e,rtlTranslate:s,progress:a}=t,{$dragEl:i,$el:r}=e,n=t.params.scrollbar;let l=o,d=(c-o)*a;s?(d=-d,d>0?(l=o-d,d=0):-d+o>c&&(l=c+d)):d<0?(l=o+d,d=0):d+o>c&&(l=c-d),t.isHorizontal()?(i.transform(`translate3d(${d}px, 0, 0)`),i[0].style.width=`${l}px`):(i.transform(`translate3d(0px, ${d}px, 0)`),i[0].style.height=`${l}px`),n.hide&&(clearTimeout(m),r[0].style.opacity=1,m=setTimeout((()=>{r[0].style.opacity=0,r.transition(400)}),1e3))}function v(){if(!t.params.scrollbar.el||!t.scrollbar.el)return;const{scrollbar:e}=t,{$dragEl:s,$el:a}=e;s[0].style.width="",s[0].style.height="",c=t.isHorizontal()?a[0].offsetWidth:a[0].offsetHeight,u=t.size/(t.virtualSize+t.params.slidesOffsetBefore-(t.params.centeredSlides?t.snapGrid[0]:0)),o="auto"===t.params.scrollbar.dragSize?c*u:parseInt(t.params.scrollbar.dragSize,10),t.isHorizontal()?s[0].style.width=`${o}px`:s[0].style.height=`${o}px`,a[0].style.display=u>=1?"none":"",t.params.scrollbar.hide&&(a[0].style.opacity=0),t.params.watchOverflow&&t.enabled&&e.$el[t.isLocked?"addClass":"removeClass"](t.params.scrollbar.lockClass)}function w(e){return t.isHorizontal()?"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientX:e.clientX:"touchstart"===e.type||"touchmove"===e.type?e.targetTouches[0].clientY:e.clientY}function b(e){const{scrollbar:s,rtlTranslate:a}=t,{$el:i}=s;let r;r=(w(e)-i.offset()[t.isHorizontal()?"left":"top"]-(null!==l?l:o/2))/(c-o),r=Math.max(Math.min(r,1),0),a&&(r=1-r);const n=t.minTranslate()+(t.maxTranslate()-t.minTranslate())*r;t.updateProgress(n),t.setTranslate(n),t.updateActiveIndex(),t.updateSlidesClasses()}function x(e){const s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n,$dragEl:o}=a;h=!0,l=e.target===o[0]||e.target===o?w(e)-e.target.getBoundingClientRect()[t.isHorizontal()?"left":"top"]:null,e.preventDefault(),e.stopPropagation(),i.transition(100),o.transition(100),b(e),clearTimeout(f),n.transition(0),s.hide&&n.css("opacity",1),t.params.cssMode&&t.$wrapperEl.css("scroll-snap-type","none"),r("scrollbarDragStart",e)}function y(e){const{scrollbar:s,$wrapperEl:a}=t,{$el:i,$dragEl:n}=s;h&&(e.preventDefault?e.preventDefault():e.returnValue=!1,b(e),a.transition(0),i.transition(0),n.transition(0),r("scrollbarDragMove",e))}function E(e){const s=t.params.scrollbar,{scrollbar:a,$wrapperEl:i}=t,{$el:n}=a;h&&(h=!1,t.params.cssMode&&(t.$wrapperEl.css("scroll-snap-type",""),i.transition("")),s.hide&&(clearTimeout(f),f=p((()=>{n.css("opacity",0),n.transition(400)}),1e3)),r("scrollbarDragEnd",e),s.snapOnRelease&&t.slideToClosest())}function C(e){const{scrollbar:s,touchEventsTouch:a,touchEventsDesktop:i,params:r,support:l}=t,o=s.$el;if(!o)return;const d=o[0],c=!(!l.passiveListener||!r.passiveListeners)&&{passive:!1,capture:!1},p=!(!l.passiveListener||!r.passiveListeners)&&{passive:!0,capture:!1};if(!d)return;const u="on"===e?"addEventListener":"removeEventListener";l.touch?(d[u](a.start,x,c),d[u](a.move,y,c),d[u](a.end,E,p)):(d[u](i.start,x,c),n[u](i.move,y,c),n[u](i.end,E,p))}function T(){const{scrollbar:e,$el:s}=t;t.params.scrollbar=F(t,t.originalParams.scrollbar,t.params.scrollbar,{el:"swiper-scrollbar"});const a=t.params.scrollbar;if(!a.el)return;let i=d(a.el);t.params.uniqueNavElements&&"string"==typeof a.el&&i.length>1&&1===s.find(a.el).length&&(i=s.find(a.el)),i.addClass(t.isHorizontal()?a.horizontalClass:a.verticalClass);let r=i.find(`.${t.params.scrollbar.dragClass}`);0===r.length&&(r=d(`
`),i.append(r)),Object.assign(e,{$el:i,el:i[0],$dragEl:r,dragEl:r[0]}),a.draggable&&t.params.scrollbar.el&&t.scrollbar.el&&C("on"),i&&i[t.enabled?"removeClass":"addClass"](t.params.scrollbar.lockClass)}function $(){const e=t.params.scrollbar,s=t.scrollbar.$el;s&&s.removeClass(t.isHorizontal()?e.horizontalClass:e.verticalClass),t.params.scrollbar.el&&t.scrollbar.el&&C("off")}s({scrollbar:{el:null,dragSize:"auto",hide:!1,draggable:!1,snapOnRelease:!0,lockClass:"swiper-scrollbar-lock",dragClass:"swiper-scrollbar-drag",scrollbarDisabledClass:"swiper-scrollbar-disabled",horizontalClass:"swiper-scrollbar-horizontal",verticalClass:"swiper-scrollbar-vertical"}}),t.scrollbar={el:null,dragEl:null,$el:null,$dragEl:null},i("init",(()=>{!1===t.params.scrollbar.enabled?S():(T(),v(),g())})),i("update resize observerUpdate lock unlock",(()=>{v()})),i("setTranslate",(()=>{g()})),i("setTransition",((e,s)=>{!function(e){t.params.scrollbar.el&&t.scrollbar.el&&t.scrollbar.$dragEl.transition(e)}(s)})),i("enable disable",(()=>{const{$el:e}=t.scrollbar;e&&e[t.enabled?"removeClass":"addClass"](t.params.scrollbar.lockClass)})),i("destroy",(()=>{$()}));const S=()=>{t.$el.addClass(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.$el&&t.scrollbar.$el.addClass(t.params.scrollbar.scrollbarDisabledClass),$()};Object.assign(t.scrollbar,{enable:()=>{t.$el.removeClass(t.params.scrollbar.scrollbarDisabledClass),t.scrollbar.$el&&t.scrollbar.$el.removeClass(t.params.scrollbar.scrollbarDisabledClass),T(),v(),g()},disable:S,updateSize:v,setTranslate:g,init:T,destroy:$})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({parallax:{enabled:!1}});const i=(e,s)=>{const{rtl:a}=t,i=d(e),r=a?-1:1,n=i.attr("data-swiper-parallax")||"0";let l=i.attr("data-swiper-parallax-x"),o=i.attr("data-swiper-parallax-y");const c=i.attr("data-swiper-parallax-scale"),p=i.attr("data-swiper-parallax-opacity");if(l||o?(l=l||"0",o=o||"0"):t.isHorizontal()?(l=n,o="0"):(o=n,l="0"),l=l.indexOf("%")>=0?parseInt(l,10)*s*r+"%":l*s*r+"px",o=o.indexOf("%")>=0?parseInt(o,10)*s+"%":o*s+"px",null!=p){const e=p-(p-1)*(1-Math.abs(s));i[0].style.opacity=e}if(null==c)i.transform(`translate3d(${l}, ${o}, 0px)`);else{const e=c-(c-1)*(1-Math.abs(s));i.transform(`translate3d(${l}, ${o}, 0px) scale(${e})`)}},r=()=>{const{$el:e,slides:s,progress:a,snapGrid:r}=t;e.children("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((e=>{i(e,a)})),s.each(((e,s)=>{let n=e.progress;t.params.slidesPerGroup>1&&"auto"!==t.params.slidesPerView&&(n+=Math.ceil(s/2)-a*(r.length-1)),n=Math.min(Math.max(n,-1),1),d(e).find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((e=>{i(e,n)}))}))};a("beforeInit",(()=>{t.params.parallax.enabled&&(t.params.watchSlidesProgress=!0,t.originalParams.watchSlidesProgress=!0)})),a("init",(()=>{t.params.parallax.enabled&&r()})),a("setTranslate",(()=>{t.params.parallax.enabled&&r()})),a("setTransition",((e,s)=>{t.params.parallax.enabled&&function(e){void 0===e&&(e=t.params.speed);const{$el:s}=t;s.find("[data-swiper-parallax], [data-swiper-parallax-x], [data-swiper-parallax-y], [data-swiper-parallax-opacity], [data-swiper-parallax-scale]").each((t=>{const s=d(t);let a=parseInt(s.attr("data-swiper-parallax-duration"),10)||e;0===e&&(a=0),s.transition(a)}))}(s)}))},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;const n=r();s({zoom:{enabled:!1,maxRatio:3,minRatio:1,toggle:!0,containerClass:"swiper-zoom-container",zoomedSlideClass:"swiper-slide-zoomed"}}),t.zoom={enabled:!1};let l,o,c,p=1,u=!1;const m={$slideEl:void 0,slideWidth:void 0,slideHeight:void 0,$imageEl:void 0,$imageWrapEl:void 0,maxRatio:3},f={isTouched:void 0,isMoved:void 0,currentX:void 0,currentY:void 0,minX:void 0,minY:void 0,maxX:void 0,maxY:void 0,width:void 0,height:void 0,startX:void 0,startY:void 0,touchesStart:{},touchesCurrent:{}},g={x:void 0,y:void 0,prevPositionX:void 0,prevPositionY:void 0,prevTime:void 0};let v=1;function w(e){if(e.targetTouches.length<2)return 1;const t=e.targetTouches[0].pageX,s=e.targetTouches[0].pageY,a=e.targetTouches[1].pageX,i=e.targetTouches[1].pageY;return Math.sqrt((a-t)**2+(i-s)**2)}function b(e){const s=t.support,a=t.params.zoom;if(o=!1,c=!1,!s.gestures){if("touchstart"!==e.type||"touchstart"===e.type&&e.targetTouches.length<2)return;o=!0,m.scaleStart=w(e)}m.$slideEl&&m.$slideEl.length||(m.$slideEl=d(e.target).closest(`.${t.params.slideClass}`),0===m.$slideEl.length&&(m.$slideEl=t.slides.eq(t.activeIndex)),m.$imageEl=m.$slideEl.find(`.${a.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${a.containerClass}`),m.maxRatio=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,0!==m.$imageWrapEl.length)?(m.$imageEl&&m.$imageEl.transition(0),u=!0):m.$imageEl=void 0}function x(e){const s=t.support,a=t.params.zoom,i=t.zoom;if(!s.gestures){if("touchmove"!==e.type||"touchmove"===e.type&&e.targetTouches.length<2)return;c=!0,m.scaleMove=w(e)}m.$imageEl&&0!==m.$imageEl.length?(s.gestures?i.scale=e.scale*p:i.scale=m.scaleMove/m.scaleStart*p,i.scale>m.maxRatio&&(i.scale=m.maxRatio-1+(i.scale-m.maxRatio+1)**.5),i.scalef.touchesStart.x))return void(f.isTouched=!1);if(!t.isHorizontal()&&(Math.floor(f.minY)===Math.floor(f.startY)&&f.touchesCurrent.yf.touchesStart.y))return void(f.isTouched=!1)}e.cancelable&&e.preventDefault(),e.stopPropagation(),f.isMoved=!0,f.currentX=f.touchesCurrent.x-f.touchesStart.x+f.startX,f.currentY=f.touchesCurrent.y-f.touchesStart.y+f.startY,f.currentXf.maxX&&(f.currentX=f.maxX-1+(f.currentX-f.maxX+1)**.8),f.currentYf.maxY&&(f.currentY=f.maxY-1+(f.currentY-f.maxY+1)**.8),g.prevPositionX||(g.prevPositionX=f.touchesCurrent.x),g.prevPositionY||(g.prevPositionY=f.touchesCurrent.y),g.prevTime||(g.prevTime=Date.now()),g.x=(f.touchesCurrent.x-g.prevPositionX)/(Date.now()-g.prevTime)/2,g.y=(f.touchesCurrent.y-g.prevPositionY)/(Date.now()-g.prevTime)/2,Math.abs(f.touchesCurrent.x-g.prevPositionX)<2&&(g.x=0),Math.abs(f.touchesCurrent.y-g.prevPositionY)<2&&(g.y=0),g.prevPositionX=f.touchesCurrent.x,g.prevPositionY=f.touchesCurrent.y,g.prevTime=Date.now(),m.$imageWrapEl.transform(`translate3d(${f.currentX}px, ${f.currentY}px,0)`)}}function C(){const e=t.zoom;m.$slideEl&&t.previousIndex!==t.activeIndex&&(m.$imageEl&&m.$imageEl.transform("translate3d(0,0,0) scale(1)"),m.$imageWrapEl&&m.$imageWrapEl.transform("translate3d(0,0,0)"),e.scale=1,p=1,m.$slideEl=void 0,m.$imageEl=void 0,m.$imageWrapEl=void 0)}function T(e){const s=t.zoom,a=t.params.zoom;if(m.$slideEl||(e&&e.target&&(m.$slideEl=d(e.target).closest(`.${t.params.slideClass}`)),m.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.$slideEl=t.$wrapperEl.children(`.${t.params.slideActiveClass}`):m.$slideEl=t.slides.eq(t.activeIndex)),m.$imageEl=m.$slideEl.find(`.${a.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${a.containerClass}`)),!m.$imageEl||0===m.$imageEl.length||!m.$imageWrapEl||0===m.$imageWrapEl.length)return;let i,r,l,o,c,u,h,g,v,w,b,x,y,E,C,T,$,S;t.params.cssMode&&(t.wrapperEl.style.overflow="hidden",t.wrapperEl.style.touchAction="none"),m.$slideEl.addClass(`${a.zoomedSlideClass}`),void 0===f.touchesStart.x&&e?(i="touchend"===e.type?e.changedTouches[0].pageX:e.pageX,r="touchend"===e.type?e.changedTouches[0].pageY:e.pageY):(i=f.touchesStart.x,r=f.touchesStart.y),s.scale=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,p=m.$imageWrapEl.attr("data-swiper-zoom")||a.maxRatio,e?($=m.$slideEl[0].offsetWidth,S=m.$slideEl[0].offsetHeight,l=m.$slideEl.offset().left+n.scrollX,o=m.$slideEl.offset().top+n.scrollY,c=l+$/2-i,u=o+S/2-r,v=m.$imageEl[0].offsetWidth,w=m.$imageEl[0].offsetHeight,b=v*s.scale,x=w*s.scale,y=Math.min($/2-b/2,0),E=Math.min(S/2-x/2,0),C=-y,T=-E,h=c*s.scale,g=u*s.scale,hC&&(h=C),gT&&(g=T)):(h=0,g=0),m.$imageWrapEl.transition(300).transform(`translate3d(${h}px, ${g}px,0)`),m.$imageEl.transition(300).transform(`translate3d(0,0,0) scale(${s.scale})`)}function $(){const e=t.zoom,s=t.params.zoom;m.$slideEl||(t.params.virtual&&t.params.virtual.enabled&&t.virtual?m.$slideEl=t.$wrapperEl.children(`.${t.params.slideActiveClass}`):m.$slideEl=t.slides.eq(t.activeIndex),m.$imageEl=m.$slideEl.find(`.${s.containerClass}`).eq(0).find("picture, img, svg, canvas, .swiper-zoom-target").eq(0),m.$imageWrapEl=m.$imageEl.parent(`.${s.containerClass}`)),m.$imageEl&&0!==m.$imageEl.length&&m.$imageWrapEl&&0!==m.$imageWrapEl.length&&(t.params.cssMode&&(t.wrapperEl.style.overflow="",t.wrapperEl.style.touchAction=""),e.scale=1,p=1,m.$imageWrapEl.transition(300).transform("translate3d(0,0,0)"),m.$imageEl.transition(300).transform("translate3d(0,0,0) scale(1)"),m.$slideEl.removeClass(`${s.zoomedSlideClass}`),m.$slideEl=void 0)}function S(e){const s=t.zoom;s.scale&&1!==s.scale?$():T(e)}function M(){const e=t.support;return{passiveListener:!("touchstart"!==t.touchEvents.start||!e.passiveListener||!t.params.passiveListeners)&&{passive:!0,capture:!1},activeListenerWithCapture:!e.passiveListener||{passive:!1,capture:!0}}}function P(){return`.${t.params.slideClass}`}function k(e){const{passiveListener:s}=M(),a=P();t.$wrapperEl[e]("gesturestart",a,b,s),t.$wrapperEl[e]("gesturechange",a,x,s),t.$wrapperEl[e]("gestureend",a,y,s)}function z(){l||(l=!0,k("on"))}function L(){l&&(l=!1,k("off"))}function O(){const e=t.zoom;if(e.enabled)return;e.enabled=!0;const s=t.support,{passiveListener:a,activeListenerWithCapture:i}=M(),r=P();s.gestures?(t.$wrapperEl.on(t.touchEvents.start,z,a),t.$wrapperEl.on(t.touchEvents.end,L,a)):"touchstart"===t.touchEvents.start&&(t.$wrapperEl.on(t.touchEvents.start,r,b,a),t.$wrapperEl.on(t.touchEvents.move,r,x,i),t.$wrapperEl.on(t.touchEvents.end,r,y,a),t.touchEvents.cancel&&t.$wrapperEl.on(t.touchEvents.cancel,r,y,a)),t.$wrapperEl.on(t.touchEvents.move,`.${t.params.zoom.containerClass}`,E,i)}function I(){const e=t.zoom;if(!e.enabled)return;const s=t.support;e.enabled=!1;const{passiveListener:a,activeListenerWithCapture:i}=M(),r=P();s.gestures?(t.$wrapperEl.off(t.touchEvents.start,z,a),t.$wrapperEl.off(t.touchEvents.end,L,a)):"touchstart"===t.touchEvents.start&&(t.$wrapperEl.off(t.touchEvents.start,r,b,a),t.$wrapperEl.off(t.touchEvents.move,r,x,i),t.$wrapperEl.off(t.touchEvents.end,r,y,a),t.touchEvents.cancel&&t.$wrapperEl.off(t.touchEvents.cancel,r,y,a)),t.$wrapperEl.off(t.touchEvents.move,`.${t.params.zoom.containerClass}`,E,i)}Object.defineProperty(t.zoom,"scale",{get:()=>v,set(e){if(v!==e){const t=m.$imageEl?m.$imageEl[0]:void 0,s=m.$slideEl?m.$slideEl[0]:void 0;i("zoomChange",e,t,s)}v=e}}),a("init",(()=>{t.params.zoom.enabled&&O()})),a("destroy",(()=>{I()})),a("touchStart",((e,s)=>{t.zoom.enabled&&function(e){const s=t.device;m.$imageEl&&0!==m.$imageEl.length&&(f.isTouched||(s.android&&e.cancelable&&e.preventDefault(),f.isTouched=!0,f.touchesStart.x="touchstart"===e.type?e.targetTouches[0].pageX:e.pageX,f.touchesStart.y="touchstart"===e.type?e.targetTouches[0].pageY:e.pageY))}(s)})),a("touchEnd",((e,s)=>{t.zoom.enabled&&function(){const e=t.zoom;if(!m.$imageEl||0===m.$imageEl.length)return;if(!f.isTouched||!f.isMoved)return f.isTouched=!1,void(f.isMoved=!1);f.isTouched=!1,f.isMoved=!1;let s=300,a=300;const i=g.x*s,r=f.currentX+i,n=g.y*a,l=f.currentY+n;0!==g.x&&(s=Math.abs((r-f.currentX)/g.x)),0!==g.y&&(a=Math.abs((l-f.currentY)/g.y));const o=Math.max(s,a);f.currentX=r,f.currentY=l;const d=f.width*e.scale,c=f.height*e.scale;f.minX=Math.min(m.slideWidth/2-d/2,0),f.maxX=-f.minX,f.minY=Math.min(m.slideHeight/2-c/2,0),f.maxY=-f.minY,f.currentX=Math.max(Math.min(f.currentX,f.maxX),f.minX),f.currentY=Math.max(Math.min(f.currentY,f.maxY),f.minY),m.$imageWrapEl.transition(o).transform(`translate3d(${f.currentX}px, ${f.currentY}px,0)`)}()})),a("doubleTap",((e,s)=>{!t.animating&&t.params.zoom.enabled&&t.zoom.enabled&&t.params.zoom.toggle&&S(s)})),a("transitionEnd",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&C()})),a("slideChange",(()=>{t.zoom.enabled&&t.params.zoom.enabled&&t.params.cssMode&&C()})),Object.assign(t.zoom,{enable:O,disable:I,in:T,out:$,toggle:S})},function(e){let{swiper:t,extendParams:s,on:a,emit:i}=e;s({lazy:{checkInView:!1,enabled:!1,loadPrevNext:!1,loadPrevNextAmount:1,loadOnTransitionStart:!1,scrollingElement:"",elementClass:"swiper-lazy",loadingClass:"swiper-lazy-loading",loadedClass:"swiper-lazy-loaded",preloaderClass:"swiper-lazy-preloader"}}),t.lazy={};let n=!1,l=!1;function o(e,s){void 0===s&&(s=!0);const a=t.params.lazy;if(void 0===e)return;if(0===t.slides.length)return;const r=t.virtual&&t.params.virtual.enabled?t.$wrapperEl.children(`.${t.params.slideClass}[data-swiper-slide-index="${e}"]`):t.slides.eq(e),n=r.find(`.${a.elementClass}:not(.${a.loadedClass}):not(.${a.loadingClass})`);!r.hasClass(a.elementClass)||r.hasClass(a.loadedClass)||r.hasClass(a.loadingClass)||n.push(r[0]),0!==n.length&&n.each((e=>{const n=d(e);n.addClass(a.loadingClass);const l=n.attr("data-background"),c=n.attr("data-src"),p=n.attr("data-srcset"),u=n.attr("data-sizes"),h=n.parent("picture");t.loadImage(n[0],c||l,p,u,!1,(()=>{if(null!=t&&t&&(!t||t.params)&&!t.destroyed){if(l?(n.css("background-image",`url("${l}")`),n.removeAttr("data-background")):(p&&(n.attr("srcset",p),n.removeAttr("data-srcset")),u&&(n.attr("sizes",u),n.removeAttr("data-sizes")),h.length&&h.children("source").each((e=>{const t=d(e);t.attr("data-srcset")&&(t.attr("srcset",t.attr("data-srcset")),t.removeAttr("data-srcset"))})),c&&(n.attr("src",c),n.removeAttr("data-src"))),n.addClass(a.loadedClass).removeClass(a.loadingClass),r.find(`.${a.preloaderClass}`).remove(),t.params.loop&&s){const e=r.attr("data-swiper-slide-index");if(r.hasClass(t.params.slideDuplicateClass)){o(t.$wrapperEl.children(`[data-swiper-slide-index="${e}"]:not(.${t.params.slideDuplicateClass})`).index(),!1)}else{o(t.$wrapperEl.children(`.${t.params.slideDuplicateClass}[data-swiper-slide-index="${e}"]`).index(),!1)}}i("lazyImageReady",r[0],n[0]),t.params.autoHeight&&t.updateAutoHeight()}})),i("lazyImageLoad",r[0],n[0])}))}function c(){const{$wrapperEl:e,params:s,slides:a,activeIndex:i}=t,r=t.virtual&&s.virtual.enabled,n=s.lazy;let c=s.slidesPerView;function p(t){if(r){if(e.children(`.${s.slideClass}[data-swiper-slide-index="${t}"]`).length)return!0}else if(a[t])return!0;return!1}function u(e){return r?d(e).attr("data-swiper-slide-index"):d(e).index()}if("auto"===c&&(c=0),l||(l=!0),t.params.watchSlidesProgress)e.children(`.${s.slideVisibleClass}`).each((e=>{o(r?d(e).attr("data-swiper-slide-index"):d(e).index())}));else if(c>1)for(let e=i;e1||n.loadPrevNextAmount&&n.loadPrevNextAmount>1){const e=n.loadPrevNextAmount,t=Math.ceil(c),s=Math.min(i+t+Math.max(e,t),a.length),r=Math.max(i-Math.max(t,e),0);for(let e=i+t;e0&&o(u(t));const a=e.children(`.${s.slidePrevClass}`);a.length>0&&o(u(a))}}function p(){const e=r();if(!t||t.destroyed)return;const s=t.params.lazy.scrollingElement?d(t.params.lazy.scrollingElement):d(e),a=s[0]===e,i=a?e.innerWidth:s[0].offsetWidth,l=a?e.innerHeight:s[0].offsetHeight,o=t.$el.offset(),{rtlTranslate:u}=t;let h=!1;u&&(o.left-=t.$el[0].scrollLeft);const m=[[o.left,o.top],[o.left+t.width,o.top],[o.left,o.top+t.height],[o.left+t.width,o.top+t.height]];for(let e=0;e=0&&t[0]<=i&&t[1]>=0&&t[1]<=l){if(0===t[0]&&0===t[1])continue;h=!0}}const f=!("touchstart"!==t.touchEvents.start||!t.support.passiveListener||!t.params.passiveListeners)&&{passive:!0,capture:!1};h?(c(),s.off("scroll",p,f)):n||(n=!0,s.on("scroll",p,f))}a("beforeInit",(()=>{t.params.lazy.enabled&&t.params.preloadImages&&(t.params.preloadImages=!1)})),a("init",(()=>{t.params.lazy.enabled&&(t.params.lazy.checkInView?p():c())})),a("scroll",(()=>{t.params.freeMode&&t.params.freeMode.enabled&&!t.params.freeMode.sticky&&c()})),a("scrollbarDragMove resize _freeModeNoMomentumRelease",(()=>{t.params.lazy.enabled&&(t.params.lazy.checkInView?p():c())})),a("transitionStart",(()=>{t.params.lazy.enabled&&(t.params.lazy.loadOnTransitionStart||!t.params.lazy.loadOnTransitionStart&&!l)&&(t.params.lazy.checkInView?p():c())})),a("transitionEnd",(()=>{t.params.lazy.enabled&&!t.params.lazy.loadOnTransitionStart&&(t.params.lazy.checkInView?p():c())})),a("slideChange",(()=>{const{lazy:e,cssMode:s,watchSlidesProgress:a,touchReleaseOnEdges:i,resistanceRatio:r}=t.params;e.enabled&&(s||a&&(i||0===r))&&c()})),a("destroy",(()=>{t.$el&&t.$el.find(`.${t.params.lazy.loadingClass}`).removeClass(t.params.lazy.loadingClass)})),Object.assign(t.lazy,{load:c,loadInSlide:o})},function(e){let{swiper:t,extendParams:s,on:a}=e;function i(e,t){const s=function(){let e,t,s;return(a,i)=>{for(t=-1,e=a.length;e-t>1;)s=e+t>>1,a[s]<=i?t=s:e=s;return e}}();let a,i;return this.x=e,this.y=t,this.lastIndex=e.length-1,this.interpolate=function(e){return e?(i=s(this.x,e),a=i-1,(e-this.x[a])*(this.y[i]-this.y[a])/(this.x[i]-this.x[a])+this.y[a]):0},this}function r(){t.controller.control&&t.controller.spline&&(t.controller.spline=void 0,delete t.controller.spline)}s({controller:{control:void 0,inverse:!1,by:"slide"}}),t.controller={control:void 0},a("beforeInit",(()=>{t.controller.control=t.params.controller.control})),a("update",(()=>{r()})),a("resize",(()=>{r()})),a("observerUpdate",(()=>{r()})),a("setTranslate",((e,s,a)=>{t.controller.control&&t.controller.setTranslate(s,a)})),a("setTransition",((e,s,a)=>{t.controller.control&&t.controller.setTransition(s,a)})),Object.assign(t.controller,{setTranslate:function(e,s){const a=t.controller.control;let r,n;const l=t.constructor;function o(e){const s=t.rtlTranslate?-t.translate:t.translate;"slide"===t.params.controller.by&&(!function(e){t.controller.spline||(t.controller.spline=t.params.loop?new i(t.slidesGrid,e.slidesGrid):new i(t.snapGrid,e.snapGrid))}(e),n=-t.controller.spline.interpolate(-s)),n&&"container"!==t.params.controller.by||(r=(e.maxTranslate()-e.minTranslate())/(t.maxTranslate()-t.minTranslate()),n=(s-t.minTranslate())*r+e.minTranslate()),t.params.controller.inverse&&(n=e.maxTranslate()-n),e.updateProgress(n),e.setTranslate(n,t),e.updateActiveIndex(),e.updateSlidesClasses()}if(Array.isArray(a))for(let e=0;e{s.updateAutoHeight()})),s.$wrapperEl.transitionEnd((()=>{i&&(s.params.loop&&"slide"===t.params.controller.by&&s.loopFix(),s.transitionEnd())})))}if(Array.isArray(i))for(r=0;r{n(e),"BUTTON"!==e[0].tagName&&(o(e,"button"),e.on("keydown",m)),p(e,s),function(e,t){e.attr("aria-controls",t)}(e,t)},w=()=>{t.a11y.clicked=!0},b=()=>{requestAnimationFrame((()=>{requestAnimationFrame((()=>{t.destroyed||(t.a11y.clicked=!1)}))}))},x=e=>{if(t.a11y.clicked)return;const s=e.target.closest(`.${t.params.slideClass}`);if(!s||!t.slides.includes(s))return;const a=t.slides.indexOf(s)===t.activeIndex,i=t.params.watchSlidesProgress&&t.visibleSlides&&t.visibleSlides.includes(s);a||i||e.sourceCapabilities&&e.sourceCapabilities.firesTouchEvents||(t.isHorizontal()?t.el.scrollLeft=0:t.el.scrollTop=0,t.slideTo(t.slides.indexOf(s),0))},y=()=>{const e=t.params.a11y;e.itemRoleDescriptionMessage&&c(d(t.slides),e.itemRoleDescriptionMessage),e.slideRole&&o(d(t.slides),e.slideRole);const s=t.params.loop?t.slides.filter((e=>!e.classList.contains(t.params.slideDuplicateClass))).length:t.slides.length;e.slideLabelMessage&&t.slides.each(((a,i)=>{const r=d(a),n=t.params.loop?parseInt(r.attr("data-swiper-slide-index"),10):i;p(r,e.slideLabelMessage.replace(/\{\{index\}\}/,n+1).replace(/\{\{slidesLength\}\}/,s))}))},E=()=>{const e=t.params.a11y;t.$el.append(i);const s=t.$el;e.containerRoleDescriptionMessage&&c(s,e.containerRoleDescriptionMessage),e.containerMessage&&p(s,e.containerMessage);const a=t.$wrapperEl,r=e.id||a.attr("id")||`swiper-wrapper-${n=16,void 0===n&&(n=16),"x".repeat(n).replace(/x/g,(()=>Math.round(16*Math.random()).toString(16)))}`;var n;const l=t.params.autoplay&&t.params.autoplay.enabled?"off":"polite";var o;let d,u;o=r,a.attr("id",o),function(e,t){e.attr("aria-live",t)}(a,l),y(),t.navigation&&t.navigation.$nextEl&&(d=t.navigation.$nextEl),t.navigation&&t.navigation.$prevEl&&(u=t.navigation.$prevEl),d&&d.length&&v(d,r,e.nextSlideMessage),u&&u.length&&v(u,r,e.prevSlideMessage),g()&&t.pagination.$el.on("keydown",U(t.params.pagination.bulletClass),m),t.$el.on("focus",x,!0),t.$el.on("pointerdown",w,!0),t.$el.on("pointerup",b,!0)};a("beforeInit",(()=>{i=d(``)})),a("afterInit",(()=>{t.params.a11y.enabled&&E()})),a("slidesLengthChange snapGridLengthChange slidesGridLengthChange",(()=>{t.params.a11y.enabled&&y()})),a("fromEdge toEdge afterInit lock unlock",(()=>{t.params.a11y.enabled&&function(){if(t.params.loop||t.params.rewind||!t.navigation)return;const{$nextEl:e,$prevEl:s}=t.navigation;s&&s.length>0&&(t.isBeginning?(u(s),l(s)):(h(s),n(s))),e&&e.length>0&&(t.isEnd?(u(e),l(e)):(h(e),n(e)))}()})),a("paginationUpdate",(()=>{t.params.a11y.enabled&&function(){const e=t.params.a11y;f()&&t.pagination.bullets.each((s=>{const a=d(s);t.params.pagination.clickable&&(n(a),t.params.pagination.renderBullet||(o(a,"button"),p(a,e.paginationBulletMessage.replace(/\{\{index\}\}/,a.index()+1)))),a.is(`.${t.params.pagination.bulletActiveClass}`)?a.attr("aria-current","true"):a.removeAttr("aria-current")}))}()})),a("destroy",(()=>{t.params.a11y.enabled&&function(){let e,s;i&&i.length>0&&i.remove(),t.navigation&&t.navigation.$nextEl&&(e=t.navigation.$nextEl),t.navigation&&t.navigation.$prevEl&&(s=t.navigation.$prevEl),e&&e.off("keydown",m),s&&s.off("keydown",m),g()&&t.pagination.$el.off("keydown",U(t.params.pagination.bulletClass),m),t.$el.off("focus",x,!0),t.$el.off("pointerdown",w,!0),t.$el.off("pointerup",b,!0)}()}))},function(e){let{swiper:t,extendParams:s,on:a}=e;s({history:{enabled:!1,root:"",replaceState:!1,key:"slides",keepQuery:!1}});let i=!1,n={};const l=e=>e.toString().replace(/\s+/g,"-").replace(/[^\w-]+/g,"").replace(/--+/g,"-").replace(/^-+/,"").replace(/-+$/,""),o=e=>{const t=r();let s;s=e?new URL(e):t.location;const a=s.pathname.slice(1).split("/").filter((e=>""!==e)),i=a.length;return{key:a[i-2],value:a[i-1]}},d=(e,s)=>{const a=r();if(!i||!t.params.history.enabled)return;let n;n=t.params.url?new URL(t.params.url):a.location;const o=t.slides.eq(s);let d=l(o.attr("data-history"));if(t.params.history.root.length>0){let s=t.params.history.root;"/"===s[s.length-1]&&(s=s.slice(0,s.length-1)),d=`${s}/${e}/${d}`}else n.pathname.includes(e)||(d=`${e}/${d}`);t.params.history.keepQuery&&(d+=n.search);const c=a.history.state;c&&c.value===d||(t.params.history.replaceState?a.history.replaceState({value:d},null,d):a.history.pushState({value:d},null,d))},c=(e,s,a)=>{if(s)for(let i=0,r=t.slides.length;i{n=o(t.params.url),c(t.params.speed,n.value,!1)};a("init",(()=>{t.params.history.enabled&&(()=>{const e=r();if(t.params.history){if(!e.history||!e.history.pushState)return t.params.history.enabled=!1,void(t.params.hashNavigation.enabled=!0);i=!0,n=o(t.params.url),(n.key||n.value)&&(c(0,n.value,t.params.runCallbacksOnInit),t.params.history.replaceState||e.addEventListener("popstate",p))}})()})),a("destroy",(()=>{t.params.history.enabled&&(()=>{const e=r();t.params.history.replaceState||e.removeEventListener("popstate",p)})()})),a("transitionEnd _freeModeNoMomentumRelease",(()=>{i&&d(t.params.history.key,t.activeIndex)})),a("slideChange",(()=>{i&&t.params.cssMode&&d(t.params.history.key,t.activeIndex)}))},function(e){let{swiper:t,extendParams:s,emit:i,on:n}=e,l=!1;const o=a(),c=r();s({hashNavigation:{enabled:!1,replaceState:!1,watchState:!1}});const p=()=>{i("hashChange");const e=o.location.hash.replace("#","");if(e!==t.slides.eq(t.activeIndex).attr("data-hash")){const s=t.$wrapperEl.children(`.${t.params.slideClass}[data-hash="${e}"]`).index();if(void 0===s)return;t.slideTo(s)}},u=()=>{if(l&&t.params.hashNavigation.enabled)if(t.params.hashNavigation.replaceState&&c.history&&c.history.replaceState)c.history.replaceState(null,null,`#${t.slides.eq(t.activeIndex).attr("data-hash")}`||""),i("hashSet");else{const e=t.slides.eq(t.activeIndex),s=e.attr("data-hash")||e.attr("data-history");o.location.hash=s||"",i("hashSet")}};n("init",(()=>{t.params.hashNavigation.enabled&&(()=>{if(!t.params.hashNavigation.enabled||t.params.history&&t.params.history.enabled)return;l=!0;const e=o.location.hash.replace("#","");if(e){const s=0;for(let a=0,i=t.slides.length;a{t.params.hashNavigation.enabled&&t.params.hashNavigation.watchState&&d(c).off("hashchange",p)})),n("transitionEnd _freeModeNoMomentumRelease",(()=>{l&&u()})),n("slideChange",(()=>{l&&t.params.cssMode&&u()}))},function(e){let t,{swiper:s,extendParams:i,on:r,emit:n}=e;function l(){if(!s.size)return s.autoplay.running=!1,void(s.autoplay.paused=!1);const e=s.slides.eq(s.activeIndex);let a=s.params.autoplay.delay;e.attr("data-swiper-autoplay")&&(a=e.attr("data-swiper-autoplay")||s.params.autoplay.delay),clearTimeout(t),t=p((()=>{let e;s.params.autoplay.reverseDirection?s.params.loop?(s.loopFix(),e=s.slidePrev(s.params.speed,!0,!0),n("autoplay")):s.isBeginning?s.params.autoplay.stopOnLastSlide?d():(e=s.slideTo(s.slides.length-1,s.params.speed,!0,!0),n("autoplay")):(e=s.slidePrev(s.params.speed,!0,!0),n("autoplay")):s.params.loop?(s.loopFix(),e=s.slideNext(s.params.speed,!0,!0),n("autoplay")):s.isEnd?s.params.autoplay.stopOnLastSlide?d():(e=s.slideTo(0,s.params.speed,!0,!0),n("autoplay")):(e=s.slideNext(s.params.speed,!0,!0),n("autoplay")),(s.params.cssMode&&s.autoplay.running||!1===e)&&l()}),a)}function o(){return void 0===t&&(!s.autoplay.running&&(s.autoplay.running=!0,n("autoplayStart"),l(),!0))}function d(){return!!s.autoplay.running&&(void 0!==t&&(t&&(clearTimeout(t),t=void 0),s.autoplay.running=!1,n("autoplayStop"),!0))}function c(e){s.autoplay.running&&(s.autoplay.paused||(t&&clearTimeout(t),s.autoplay.paused=!0,0!==e&&s.params.autoplay.waitForTransition?["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].addEventListener(e,h)})):(s.autoplay.paused=!1,l())))}function u(){const e=a();"hidden"===e.visibilityState&&s.autoplay.running&&c(),"visible"===e.visibilityState&&s.autoplay.paused&&(l(),s.autoplay.paused=!1)}function h(e){s&&!s.destroyed&&s.$wrapperEl&&e.target===s.$wrapperEl[0]&&(["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].removeEventListener(e,h)})),s.autoplay.paused=!1,s.autoplay.running?l():d())}function m(){s.params.autoplay.disableOnInteraction?d():(n("autoplayPause"),c()),["transitionend","webkitTransitionEnd"].forEach((e=>{s.$wrapperEl[0].removeEventListener(e,h)}))}function f(){s.params.autoplay.disableOnInteraction||(s.autoplay.paused=!1,n("autoplayResume"),l())}s.autoplay={running:!1,paused:!1},i({autoplay:{enabled:!1,delay:3e3,waitForTransition:!0,disableOnInteraction:!0,stopOnLastSlide:!1,reverseDirection:!1,pauseOnMouseEnter:!1}}),r("init",(()=>{if(s.params.autoplay.enabled){o();a().addEventListener("visibilitychange",u),s.params.autoplay.pauseOnMouseEnter&&(s.$el.on("mouseenter",m),s.$el.on("mouseleave",f))}})),r("beforeTransitionStart",((e,t,a)=>{s.autoplay.running&&(a||!s.params.autoplay.disableOnInteraction?s.autoplay.pause(t):d())})),r("sliderFirstMove",(()=>{s.autoplay.running&&(s.params.autoplay.disableOnInteraction?d():c())})),r("touchEnd",(()=>{s.params.cssMode&&s.autoplay.paused&&!s.params.autoplay.disableOnInteraction&&l()})),r("destroy",(()=>{s.$el.off("mouseenter",m),s.$el.off("mouseleave",f),s.autoplay.running&&d();a().removeEventListener("visibilitychange",u)})),Object.assign(s.autoplay,{pause:c,run:l,start:o,stop:d})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({thumbs:{swiper:null,multipleActiveThumbs:!0,autoScrollOffset:0,slideThumbActiveClass:"swiper-slide-thumb-active",thumbsContainerClass:"swiper-thumbs"}});let i=!1,r=!1;function n(){const e=t.thumbs.swiper;if(!e||e.destroyed)return;const s=e.clickedIndex,a=e.clickedSlide;if(a&&d(a).hasClass(t.params.thumbs.slideThumbActiveClass))return;if(null==s)return;let i;if(i=e.params.loop?parseInt(d(e.clickedSlide).attr("data-swiper-slide-index"),10):s,t.params.loop){let e=t.activeIndex;t.slides.eq(e).hasClass(t.params.slideDuplicateClass)&&(t.loopFix(),t._clientLeft=t.$wrapperEl[0].clientLeft,e=t.activeIndex);const s=t.slides.eq(e).prevAll(`[data-swiper-slide-index="${i}"]`).eq(0).index(),a=t.slides.eq(e).nextAll(`[data-swiper-slide-index="${i}"]`).eq(0).index();i=void 0===s?a:void 0===a?s:a-e1&&!t.params.centeredSlides&&(i=t.params.slidesPerView),t.params.thumbs.multipleActiveThumbs||(i=1),i=Math.floor(i),s.slides.removeClass(r),s.params.loop||s.params.virtual&&s.params.virtual.enabled)for(let e=0;e1?a:o:a-ot.previousIndex?"next":"prev"}else i=t.realIndex,r=i>t.previousIndex?"next":"prev";l&&(i+="next"===r?n:-1*n),s.visibleSlidesIndexes&&s.visibleSlidesIndexes.indexOf(i)<0&&(s.params.centeredSlides?i=i>o?i-Math.floor(a/2)+1:i+Math.floor(a/2)-1:i>o&&s.params.slidesPerGroup,s.slideTo(i,e?0:void 0))}}t.thumbs={swiper:null},a("beforeInit",(()=>{const{thumbs:e}=t.params;e&&e.swiper&&(l(),o(!0))})),a("slideChange update resize observerUpdate",(()=>{o()})),a("setTransition",((e,s)=>{const a=t.thumbs.swiper;a&&!a.destroyed&&a.setTransition(s)})),a("beforeDestroy",(()=>{const e=t.thumbs.swiper;e&&!e.destroyed&&r&&e.destroy()})),Object.assign(t.thumbs,{init:l,update:o})},function(e){let{swiper:t,extendParams:s,emit:a,once:i}=e;s({freeMode:{enabled:!1,momentum:!0,momentumRatio:1,momentumBounce:!0,momentumBounceRatio:1,momentumVelocityRatio:1,sticky:!1,minimumVelocity:.02}}),Object.assign(t,{freeMode:{onTouchStart:function(){const e=t.getTranslate();t.setTranslate(e),t.setTransition(0),t.touchEventsData.velocities.length=0,t.freeMode.onTouchEnd({currentPos:t.rtl?t.translate:-t.translate})},onTouchMove:function(){const{touchEventsData:e,touches:s}=t;0===e.velocities.length&&e.velocities.push({position:s[t.isHorizontal()?"startX":"startY"],time:e.touchStartTime}),e.velocities.push({position:s[t.isHorizontal()?"currentX":"currentY"],time:u()})},onTouchEnd:function(e){let{currentPos:s}=e;const{params:r,$wrapperEl:n,rtlTranslate:l,snapGrid:o,touchEventsData:d}=t,c=u()-d.touchStartTime;if(s<-t.minTranslate())t.slideTo(t.activeIndex);else if(s>-t.maxTranslate())t.slides.length1){const e=d.velocities.pop(),s=d.velocities.pop(),a=e.position-s.position,i=e.time-s.time;t.velocity=a/i,t.velocity/=2,Math.abs(t.velocity)150||u()-e.time>300)&&(t.velocity=0)}else t.velocity=0;t.velocity*=r.freeMode.momentumVelocityRatio,d.velocities.length=0;let e=1e3*r.freeMode.momentumRatio;const s=t.velocity*e;let c=t.translate+s;l&&(c=-c);let p,h=!1;const m=20*Math.abs(t.velocity)*r.freeMode.momentumBounceRatio;let f;if(ct.minTranslate())r.freeMode.momentumBounce?(c-t.minTranslate()>m&&(c=t.minTranslate()+m),p=t.minTranslate(),h=!0,d.allowMomentumBounce=!0):c=t.minTranslate(),r.loop&&r.centeredSlides&&(f=!0);else if(r.freeMode.sticky){let e;for(let t=0;t-c){e=t;break}c=Math.abs(o[e]-c){t.loopFix()})),0!==t.velocity){if(e=l?Math.abs((-c-t.translate)/t.velocity):Math.abs((c-t.translate)/t.velocity),r.freeMode.sticky){const s=Math.abs((l?-c:c)-t.translate),a=t.slidesSizesGrid[t.activeIndex];e=s{t&&!t.destroyed&&d.allowMomentumBounce&&(a("momentumBounce"),t.setTransition(r.speed),setTimeout((()=>{t.setTranslate(p),n.transitionEnd((()=>{t&&!t.destroyed&&t.transitionEnd()}))}),0))}))):t.velocity?(a("_freeModeNoMomentumRelease"),t.updateProgress(c),t.setTransition(e),t.setTranslate(c),t.transitionStart(!0,t.swipeDirection),t.animating||(t.animating=!0,n.transitionEnd((()=>{t&&!t.destroyed&&t.transitionEnd()})))):t.updateProgress(c),t.updateActiveIndex(),t.updateSlidesClasses()}else{if(r.freeMode.sticky)return void t.slideToClosest();r.freeMode&&a("_freeModeNoMomentumRelease")}(!r.freeMode.momentum||c>=r.longSwipesMs)&&(t.updateProgress(),t.updateActiveIndex(),t.updateSlidesClasses())}}}})},function(e){let t,s,a,{swiper:i,extendParams:r}=e;r({grid:{rows:1,fill:"column"}}),i.grid={initSlides:e=>{const{slidesPerView:r}=i.params,{rows:n,fill:l}=i.params.grid;s=t/n,a=Math.floor(e/n),t=Math.floor(e/n)===e/n?e:Math.ceil(e/n)*n,"auto"!==r&&"row"===l&&(t=Math.max(t,r*n))},updateSlide:(e,r,n,l)=>{const{slidesPerGroup:o,spaceBetween:d}=i.params,{rows:c,fill:p}=i.params.grid;let u,h,m;if("row"===p&&o>1){const s=Math.floor(e/(o*c)),a=e-c*o*s,i=0===s?o:Math.min(Math.ceil((n-s*c*o)/c),o);m=Math.floor(a/i),h=a-m*i+s*o,u=h+m*t/c,r.css({"-webkit-order":u,order:u})}else"column"===p?(h=Math.floor(e/c),m=e-h*c,(h>a||h===a&&m===c-1)&&(m+=1,m>=c&&(m=0,h+=1))):(m=Math.floor(e/s),h=e-m*s);r.css(l("margin-top"),0!==m?d&&`${d}px`:"")},updateWrapperSize:(e,s,a)=>{const{spaceBetween:r,centeredSlides:n,roundLengths:l}=i.params,{rows:o}=i.params.grid;if(i.virtualSize=(e+r)*t,i.virtualSize=Math.ceil(i.virtualSize/o)-r,i.$wrapperEl.css({[a("width")]:`${i.virtualSize+r}px`}),n){s.splice(0,s.length);const e=[];for(let t=0;t{const{slides:e}=t,s=t.params.fadeEffect;for(let a=0;a{const{transformEl:s}=t.params.fadeEffect;(s?t.slides.find(s):t.slides).transition(e),ae({swiper:t,duration:e,transformEl:s,allSlides:!0})},overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cubeEffect:{slideShadows:!0,shadow:!0,shadowOffset:20,shadowScale:.94}});const i=(e,t,s)=>{let a=s?e.find(".swiper-slide-shadow-left"):e.find(".swiper-slide-shadow-top"),i=s?e.find(".swiper-slide-shadow-right"):e.find(".swiper-slide-shadow-bottom");0===a.length&&(a=d(`
`),e.append(a)),0===i.length&&(i=d(`
`),e.append(i)),a.length&&(a[0].style.opacity=Math.max(-t,0)),i.length&&(i[0].style.opacity=Math.max(t,0))};te({effect:"cube",swiper:t,on:a,setTranslate:()=>{const{$el:e,$wrapperEl:s,slides:a,width:r,height:n,rtlTranslate:l,size:o,browser:c}=t,p=t.params.cubeEffect,u=t.isHorizontal(),h=t.virtual&&t.params.virtual.enabled;let m,f=0;p.shadow&&(u?(m=s.find(".swiper-cube-shadow"),0===m.length&&(m=d('
'),s.append(m)),m.css({height:`${r}px`})):(m=e.find(".swiper-cube-shadow"),0===m.length&&(m=d('
'),e.append(m))));for(let e=0;e-1&&(f=90*s+90*d,l&&(f=90*-s-90*d)),t.transform(v),p.slideShadows&&i(t,d,u)}if(s.css({"-webkit-transform-origin":`50% 50% -${o/2}px`,"transform-origin":`50% 50% -${o/2}px`}),p.shadow)if(u)m.transform(`translate3d(0px, ${r/2+p.shadowOffset}px, ${-r/2}px) rotateX(90deg) rotateZ(0deg) scale(${p.shadowScale})`);else{const e=Math.abs(f)-90*Math.floor(Math.abs(f)/90),t=1.5-(Math.sin(2*e*Math.PI/360)/2+Math.cos(2*e*Math.PI/360)/2),s=p.shadowScale,a=p.shadowScale/t,i=p.shadowOffset;m.transform(`scale3d(${s}, 1, ${a}) translate3d(0px, ${n/2+i}px, ${-n/2/a}px) rotateX(-90deg)`)}const g=c.isSafari||c.isWebView?-o/2:0;s.transform(`translate3d(0px,0,${g}px) rotateX(${t.isHorizontal()?0:f}deg) rotateY(${t.isHorizontal()?-f:0}deg)`),s[0].style.setProperty("--swiper-cube-translate-z",`${g}px`)},setTransition:e=>{const{$el:s,slides:a}=t;a.transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),t.params.cubeEffect.shadow&&!t.isHorizontal()&&s.find(".swiper-cube-shadow").transition(e)},recreateShadows:()=>{const e=t.isHorizontal();t.slides.each((t=>{const s=Math.max(Math.min(t.progress,1),-1);i(d(t),s,e)}))},getEffectParams:()=>t.params.cubeEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,resistanceRatio:0,spaceBetween:0,centeredSlides:!1,virtualTranslate:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({flipEffect:{slideShadows:!0,limitRotation:!0,transformEl:null}});const i=(e,s,a)=>{let i=t.isHorizontal()?e.find(".swiper-slide-shadow-left"):e.find(".swiper-slide-shadow-top"),r=t.isHorizontal()?e.find(".swiper-slide-shadow-right"):e.find(".swiper-slide-shadow-bottom");0===i.length&&(i=ie(a,e,t.isHorizontal()?"left":"top")),0===r.length&&(r=ie(a,e,t.isHorizontal()?"right":"bottom")),i.length&&(i[0].style.opacity=Math.max(-s,0)),r.length&&(r[0].style.opacity=Math.max(s,0))};te({effect:"flip",swiper:t,on:a,setTranslate:()=>{const{slides:e,rtlTranslate:s}=t,a=t.params.flipEffect;for(let r=0;r{const{transformEl:s}=t.params.flipEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e),ae({swiper:t,duration:e,transformEl:s})},recreateShadows:()=>{const e=t.params.flipEffect;t.slides.each((s=>{const a=d(s);let r=a[0].progress;t.params.flipEffect.limitRotation&&(r=Math.max(Math.min(s.progress,1),-1)),i(a,r,e)}))},getEffectParams:()=>t.params.flipEffect,perspective:()=>!0,overwriteParams:()=>({slidesPerView:1,slidesPerGroup:1,watchSlidesProgress:!0,spaceBetween:0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({coverflowEffect:{rotate:50,stretch:0,depth:100,scale:1,modifier:1,slideShadows:!0,transformEl:null}}),te({effect:"coverflow",swiper:t,on:a,setTranslate:()=>{const{width:e,height:s,slides:a,slidesSizesGrid:i}=t,r=t.params.coverflowEffect,n=t.isHorizontal(),l=t.translate,o=n?e/2-l:s/2-l,d=n?r.rotate:-r.rotate,c=r.depth;for(let e=0,t=a.length;e0?p:0),s.length&&(s[0].style.opacity=-p>0?-p:0)}}},setTransition:e=>{const{transformEl:s}=t.params.coverflowEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").transition(e)},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({creativeEffect:{transformEl:null,limitProgress:1,shadowPerProgress:!1,progressMultiplier:1,perspective:!0,prev:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1},next:{translate:[0,0,0],rotate:[0,0,0],opacity:1,scale:1}}});const i=e=>"string"==typeof e?e:`${e}px`;te({effect:"creative",swiper:t,on:a,setTranslate:()=>{const{slides:e,$wrapperEl:s,slidesSizesGrid:a}=t,r=t.params.creativeEffect,{progressMultiplier:n}=r,l=t.params.centeredSlides;if(l){const e=a[0]/2-t.params.slidesOffsetBefore||0;s.transform(`translateX(calc(50% - ${e}px))`)}for(let s=0;s0&&(f=r.prev,m=!0),u.forEach(((e,t)=>{u[t]=`calc(${e}px + (${i(f.translate[t])} * ${Math.abs(d*n)}))`})),h.forEach(((e,t)=>{h[t]=f.rotate[t]*Math.abs(d*n)})),a[0].style.zIndex=-Math.abs(Math.round(o))+e.length;const g=u.join(", "),v=`rotateX(${h[0]}deg) rotateY(${h[1]}deg) rotateZ(${h[2]}deg)`,w=c<0?`scale(${1+(1-f.scale)*c*n})`:`scale(${1-(1-f.scale)*c*n})`,b=c<0?1+(1-f.opacity)*c*n:1-(1-f.opacity)*c*n,x=`translate3d(${g}) ${v} ${w}`;if(m&&f.shadow||!m){let e=a.children(".swiper-slide-shadow");if(0===e.length&&f.shadow&&(e=ie(r,a)),e.length){const t=r.shadowPerProgress?d*(1/r.limitProgress):d;e[0].style.opacity=Math.min(Math.max(Math.abs(t),0),1)}}const y=se(r,a);y.transform(x).css({opacity:b}),f.origin&&y.css("transform-origin",f.origin)}},setTransition:e=>{const{transformEl:s}=t.params.creativeEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow").transition(e),ae({swiper:t,duration:e,transformEl:s,allSlides:!0})},perspective:()=>t.params.creativeEffect.perspective,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})},function(e){let{swiper:t,extendParams:s,on:a}=e;s({cardsEffect:{slideShadows:!0,transformEl:null,rotate:!0,perSlideRotate:2,perSlideOffset:8}}),te({effect:"cards",swiper:t,on:a,setTranslate:()=>{const{slides:e,activeIndex:s}=t,a=t.params.cardsEffect,{startTranslate:i,isTouched:r}=t.touchEventsData,n=t.translate;for(let l=0;l0&&c<1&&(r||t.params.cssMode)&&n-1&&(r||t.params.cssMode)&&n>i;if(b||x){const e=(1-Math.abs((Math.abs(c)-.5)/.5))**.5;g+=-28*c*e,f+=-.5*e,v+=96*e,h=-25*e*Math.abs(c)+"%"}if(u=c<0?`calc(${u}px + (${v*Math.abs(c)}%))`:c>0?`calc(${u}px + (-${v*Math.abs(c)}%))`:`${u}px`,!t.isHorizontal()){const e=h;h=u,u=e}const y=c<0?""+(1+(1-f)*c):""+(1-(1-f)*c),E=`\n translate3d(${u}, ${h}, ${m}px)\n rotateZ(${a.rotate?g:0}deg)\n scale(${y})\n `;if(a.slideShadows){let e=o.find(".swiper-slide-shadow");0===e.length&&(e=ie(a,o)),e.length&&(e[0].style.opacity=Math.min(Math.max((Math.abs(c)-.5)/.5,0),1))}o[0].style.zIndex=-Math.abs(Math.round(d))+e.length;se(a,o).transform(E)}},setTransition:e=>{const{transformEl:s}=t.params.cardsEffect;(s?t.slides.find(s):t.slides).transition(e).find(".swiper-slide-shadow").transition(e),ae({swiper:t,duration:e,transformEl:s})},perspective:()=>!0,overwriteParams:()=>({watchSlidesProgress:!0,virtualTranslate:!t.params.cssMode})})}];return V.use(re),V})); +//# sourceMappingURL=swiper-bundle.min.js.map \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/aos.css b/odex25_base/odex_new_website/static/src/css/aos.css new file mode 100644 index 000000000..66923fe6a --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/aos.css @@ -0,0 +1 @@ +[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/courses.css b/odex25_base/odex_new_website/static/src/css/courses.css new file mode 100644 index 000000000..5c71a991f --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/courses.css @@ -0,0 +1,6476 @@ +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 100; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 200; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 300; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 400; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 500; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 600; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 700; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 800; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 900; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf") format("truetype"); +} +@media screen and (max-width: 319px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 15px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 20px 15px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 12px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + margin-bottom: 10px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 13px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 12px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 110px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 10px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 13px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 12px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 18px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 15px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + margin-bottom: 10px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 14px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 14px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 18px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 15px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + margin-bottom: 10px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 14px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 14px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 120px 20px 40px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 16px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 12px; + background-color: white; + padding: 20px 15px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 14px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + margin-bottom: 10px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 14px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 13px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 14px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 13px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 421px) and (max-width: 767px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 18px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 25px 20px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 150px; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 290px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 290px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 768px) and (max-width: 1024px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 160px 40px 50px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 50px; + } + .training_courses_container .section_title_container h1 { + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 30px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 160px 40px 50px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 40px; + } + .training_courses_container .section_title_container h1 { + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 180px 60px 50px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 50px; + } + .training_courses_container .section_title_container h1 { + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 17px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: auto; + height: 40px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 17px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 18px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 17px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 18px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 1025px) and (max-width: 1200px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 150px 60px 50px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 30px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 20px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 32px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 17px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 32px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 17px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 1201px) and (max-width: 1365px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 150px 80px 50px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .training_courses_container .section_title_container h1 { + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 30px; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 20px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 16px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 330px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 25px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 160px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 16px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 330px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 25px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 160px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 1366px) and (max-width: 1599px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 160px 100px 20px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 35px; + } + .training_courses_container .section_title_container h1 { + font-size: 20px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 28px 22px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 15px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 100%; + height: 40px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 83%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 305px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 17px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 160px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 5px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 15px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 305px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 17px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 160px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 5px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 1600px) and (max-width: 1919px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 180px 130px 20px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 40px; + } + .training_courses_container .section_title_container h1 { + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 20px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 12px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 100%; + height: 40px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 82%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 16px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 350px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 60px; + padding: 50px 35px; + gap: 25px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 180px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 16px; + height: 16px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 18px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 21px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 16px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 350px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 60px; + padding: 50px 35px; + gap: 25px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 180px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 16px; + height: 16px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 6px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 18px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 21px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 1920px) and (max-width: 2559px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 200px 140px 20px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 50px; + } + .training_courses_container .section_title_container h1 { + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 40px 35px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 18px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 100%; + height: 45px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 80%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 20px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 18px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 420px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 70px; + padding: 60px 45px; + gap: 30px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 22px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 210px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 18px; + height: 18px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 16px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 23px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 14px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 20px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 18px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 420px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 70px; + padding: 60px 45px; + gap: 30px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 22px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 210px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 18px; + height: 18px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 8px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 12px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 16px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 23px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 14px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 2560px) and (max-width: 3839px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 300px 200px 20px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 50px; + } + .training_courses_container .section_title_container h1 { + font-size: 30px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 40px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 20px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 100%; + height: 50px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 80%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 22px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 20px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 520px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 80px; + padding: 70px 60px; + gap: 40px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 26px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 280px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 22px; + height: 22px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 18px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 22px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 25px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 16px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 22px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 20px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 520px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 80px; + padding: 70px 60px; + gap: 40px; + overflow: hidden; + margin-bottom: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 26px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 280px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 22px; + height: 22px; + margin-inline-end: 6px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 10px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 18px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 22px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 25px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 16px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +} +@media screen and (min-width: 3840px) { + .training_courses_container { + width: 100%; + height: auto; + padding: 500px 350px 100px; + background-color: #FCFCFC; + } + .training_courses_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 50px; + } + .training_courses_container .section_title_container h1 { + font-size: 38px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + .training_courses_container .courses_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_categories_sidebar { + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 40px; + background-color: white; + padding: 50px; + border-radius: 30px; + box-shadow: 0px 4px 4px -4px rgba(12, 12, 13, 0.0509803922); + box-shadow: 0px 16px 32px -4px rgba(12, 12, 13, 0.1019607843); + } + .training_courses_container .courses_section .courses_categories_sidebar h3 { + font-size: 32px; + font-weight: 300; + color: #4F4F4F; + text-align: center; + } + .training_courses_container .courses_section .courses_categories_sidebar hr { + width: 100%; + height: 2px; + background-color: #CCCCCC; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 40px; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button { + width: 100%; + height: 80px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:active, .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_categories_sidebar .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .training_courses_container .courses_section .courses_list_container { + width: 80%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field { + width: 100%; + height: auto; + display: none; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area { + width: 100%; + height: auto; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 60px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head h3 { + font-size: 34px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_head a { + font-size: 32px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element { + width: 770px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 120px; + padding: 90px 80px; + gap: 60px; + overflow: hidden; + margin-bottom: 70px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element h2 { + font-size: 40px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info_img { + width: 100%; + height: 380px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p { + font-size: 27px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_info p img { + width: 30px; + height: 30px; + margin-inline-end: 8px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element hr { + width: 100%; + height: 2px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 18px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 22px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 26px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 27px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .course_area .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 27px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 60px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head h3 { + font-size: 34px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_head a { + font-size: 32px; + font-weight: 500; + color: #0CB28B; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element { + width: 770px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 120px; + padding: 90px 80px; + gap: 60px; + overflow: hidden; + margin-bottom: 70px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element h2 { + font-size: 40px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info_img { + width: 100%; + height: 380px; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p { + font-size: 27px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_info p img { + width: 30px; + height: 30px; + margin-inline-end: 8px; + margin-top: -2px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element hr { + width: 100%; + height: 2px; + background-color: white; + z-index: 3; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 14px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 18px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 22px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 26px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 30px; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_level_container span { + font-size: 27px; + font-weight: 300; + color: white; + } + .training_courses_container .courses_section .courses_list_container .training_field .training_field_courses .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 27px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } +}/*# sourceMappingURL=courses.css.map */ \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/courses.css.map b/odex25_base/odex_new_website/static/src/css/courses.css.map new file mode 100644 index 000000000..f71bfb9c5 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/courses.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["custom_font.scss","courses.css","courses.scss","variables.scss"],"names":[],"mappings":"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","file":"courses.css"} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/courses.scss b/odex25_base/odex_new_website/static/src/css/courses.scss new file mode 100644 index 000000000..34297a44d --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/courses.scss @@ -0,0 +1,6478 @@ +@import "./variables.scss"; +@import "./custom_font.scss"; + +@media screen and (max-width: 319px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 15px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 20px 15px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 12px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + button{ + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + margin-bottom: 10px; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 13px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 12px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + .course_element{ + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 110px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 13px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 12px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + .course_element{ + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 18px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 15px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + button{ + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + margin-bottom: 10px; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 14px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + .course_element{ + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 14px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + .course_element{ + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 18px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 15px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + button{ + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + margin-bottom: 10px; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 14px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + .course_element{ + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 15px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 14px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + .course_element{ + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 120px 20px 40px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 16px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 20px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 12px; + background-color: white; + padding: 20px 15px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 14px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + button{ + width: 48%; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + margin-bottom: 10px; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 14px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 13px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + .course_element{ + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 14px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 13px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + .course_element{ + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 421px) and (max-width: 767px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 130px 20px 40px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 18px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 25px 20px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + button{ + width: 150px; + height: 35px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 40px; + .course_element{ + width: 290px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 40px; + .course_element{ + width: 290px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 160px 40px 50px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 50px; + h1{ + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + gap: 30px; + flex-wrap: wrap; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + h3{ + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + h3{ + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 160px 40px 50px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 40px; + h1{ + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + h3{ + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px 0px 30px; + h3{ + font-size: 16px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 60px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){} + +@media screen and (max-width: 699px) and (max-device-height: 550px){} + +@media screen and (max-width: 699px) and (max-device-height: 319px){} + +@media screen and (min-width: 768px) and (max-width: 895px) and (min-device-height: 1200px){} + +@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 180px 60px 50px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 50px; + h1{ + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 40px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 17px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + flex-wrap: wrap; + button{ + width: auto; + height: 40px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 0px 30px; + h3{ + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 17px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 18px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 20px 0px 30px; + h3{ + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 17px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 18px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 1025px) and (max-width: 1200px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 150px 60px 50px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 30px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 20px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + button{ + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 32px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 17px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 45px 32px; + gap: 20px; + overflow: hidden; + margin-bottom: 15px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 17px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 1201px) and (max-width: 1365px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 150px 80px 50px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h1{ + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + flex-direction: column; + gap: 30px; + .courses_categories_sidebar{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 20px; + background-color: white; + padding: 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + gap: 0px; + button{ + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 100%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + h3{ + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 16px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 330px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 25px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 160px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + h3{ + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 16px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 330px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + margin-bottom: 25px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 160px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 1366px) and (max-width: 1599px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 160px 100px 20px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 35px; + h1{ + font-size: 20px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .courses_categories_sidebar{ + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + background-color: white; + padding: 28px 22px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 15px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 10px; + button{ + width: 100%; + height: 40px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 83%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + h3{ + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 305px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 17px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 160px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 15px 0px 30px; + h3{ + font-size: 17px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 15px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 305px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 17px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 160px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 1600px) and (max-width: 1919px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 180px 130px 20px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 40px; + h1{ + font-size: 22px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .courses_categories_sidebar{ + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 20px; + background-color: white; + padding: 30px 25px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 16px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 12px; + button{ + width: 100%; + height: 40px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 82%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 16px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 350px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 60px; + padding: 50px 35px; + gap: 25px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 180px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 16px; + height: 16px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 6px; + } + &:nth-child(2){ + height: 10px; + } + &:nth-child(3){ + height: 14px; + } + &:nth-child(4){ + height: 18px; + } + &:nth-child(5){ + height: 21px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 18px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 16px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 350px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 60px; + padding: 50px 35px; + gap: 25px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 180px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 16px; + height: 16px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 6px; + } + &:nth-child(2){ + height: 10px; + } + &:nth-child(3){ + height: 14px; + } + &:nth-child(4){ + height: 18px; + } + &:nth-child(5){ + height: 21px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 1920px) and (max-width: 2559px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 200px 140px 20px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 50px; + h1{ + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .courses_categories_sidebar{ + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 40px 35px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 18px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 15px; + button{ + width: 100%; + height: 45px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 80%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 20px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 18px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 420px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 70px; + padding: 60px 45px; + gap: 30px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 22px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 210px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 18px; + height: 18px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 8px; + } + &:nth-child(2){ + height: 12px; + } + &:nth-child(3){ + height: 16px; + } + &:nth-child(4){ + height: 20px; + } + &:nth-child(5){ + height: 23px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 20px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 18px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 420px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 70px; + padding: 60px 45px; + gap: 30px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 22px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 210px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 18px; + height: 18px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 8px; + } + &:nth-child(2){ + height: 12px; + } + &:nth-child(3){ + height: 16px; + } + &:nth-child(4){ + height: 20px; + } + &:nth-child(5){ + height: 23px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 2560px) and (max-width: 3839px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 300px 200px 20px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 50px; + h1{ + font-size: 30px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .courses_categories_sidebar{ + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + background-color: white; + padding: 40px; + border-radius: 20px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 20px; + font-weight: 300; + color: #4F4F4F; + text-align: start; + } + hr{ + width: 100%; + height: 1px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 25px; + button{ + width: 100%; + height: 50px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 80%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 22px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 20px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 520px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 80px; + padding: 70px 60px; + gap: 40px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 26px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 280px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 22px; + height: 22px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 10px; + } + &:nth-child(2){ + height: 14px; + } + &:nth-child(3){ + height: 18px; + } + &:nth-child(4){ + height: 22px; + } + &:nth-child(5){ + height: 25px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 16px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 30px; + h3{ + font-size: 22px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 20px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 520px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 80px; + padding: 70px 60px; + gap: 40px; + overflow: hidden; + margin-bottom: 20px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 26px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 280px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 22px; + height: 22px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 10px; + } + &:nth-child(2){ + height: 14px; + } + &:nth-child(3){ + height: 18px; + } + &:nth-child(4){ + height: 22px; + } + &:nth-child(5){ + height: 25px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 16px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} + +@media screen and (min-width: 3840px){ + .training_courses_container{ + width: 100%; + height: auto; + padding: 500px 350px 100px; + background-color: #FCFCFC; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 50px; + h1{ + font-size: 38px; + font-weight: 700; + color: #2D2D2D; + text-align: start; + } + } + .courses_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .courses_categories_sidebar{ + width: 15%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 40px; + background-color: white; + padding: 50px; + border-radius: 30px; + box-shadow: 0px 4px 4px -4px #0C0C0D0D; + box-shadow: 0px 16px 32px -4px #0C0C0D1A; + h3{ + font-size: 32px; + font-weight: 300; + color: #4F4F4F; + text-align: center; + } + hr{ + width: 100%; + height: 2px; + background-color: #CCCCCC; + } + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: flex-start; + align-items: center; + gap: 40px; + button{ + width: 100%; + height: 80px; + padding: 0px 0px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: #8C8C8C; + background-color: transparent; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + } + .courses_list_container{ + width: 80%; + height: auto; + .training_field{ + width: 100%; + height: auto; + display: none; + // All Courses Tab + .course_area{ + width: 100%; + height: auto; + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 60px; + h3{ + font-size: 34px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 32px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + .course_element{ + width: 770px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 120px; + padding: 90px 80px; + gap: 60px; + overflow: hidden; + margin-bottom: 70px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 40px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 380px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 27px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 30px; + height: 30px; + margin-inline-end: 8px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 2px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 14px; + } + &:nth-child(2){ + height: 18px; + } + &:nth-child(3){ + height: 22px; + } + &:nth-child(4){ + height: 26px; + } + &:nth-child(5){ + height: 30px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 27px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 27px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + // Single Category Tab + .training_field_head{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 0px 60px; + h3{ + font-size: 34px; + font-weight: 500; + color: #4F4F4F; + text-align: start; + } + a{ + font-size: 32px; + font-weight: 500; + color: $secondary; + } + } + .training_field_courses{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .course_element{ + width: 770px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 120px; + padding: 90px 80px; + gap: 60px; + overflow: hidden; + margin-bottom: 70px; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + h2{ + font-size: 40px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 380px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + p{ + font-size: 27px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 30px; + height: 30px; + margin-inline-end: 8px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 2px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 14px; + } + &:nth-child(2){ + height: 18px; + } + &:nth-child(3){ + height: 22px; + } + &:nth-child(4){ + height: 26px; + } + &:nth-child(5){ + height: 30px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 27px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 27px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + } + } +} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/custom_font.css b/odex25_base/odex_new_website/static/src/css/custom_font.css new file mode 100644 index 000000000..3de1ffa34 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/custom_font.css @@ -0,0 +1,54 @@ +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 100; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 200; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 300; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 400; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 500; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 600; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 700; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 800; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 900; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf") format("truetype"); +}/*# sourceMappingURL=custom_font.css.map */ \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/custom_font.css.map b/odex25_base/odex_new_website/static/src/css/custom_font.css.map new file mode 100644 index 000000000..493d253b8 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/custom_font.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["custom_font.scss","custom_font.css"],"names":[],"mappings":"AAAA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,8EAAA;ACCJ;ADEA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,oFAAA;ACAJ;ADGA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,+EAAA;ACDJ;ADIA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,iFAAA;ACFJ;ADKA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,gFAAA;ACHJ;ADMA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,kFAAA;ACJJ;ADOA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,8EAAA;ACLJ;ADQA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,mFAAA;ACNJ;ADSA;EACI,gCAAA;EACA,kBAAA;EACA,gBAAA;EACA,+EAAA;ACPJ","file":"custom_font.css"} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/custom_font.scss b/odex25_base/odex_new_website/static/src/css/custom_font.scss new file mode 100644 index 000000000..e2c019628 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/custom_font.scss @@ -0,0 +1,62 @@ +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 100; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 200; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 300; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 400; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 500; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 600; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 700; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 800; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf') format('truetype'); +} + +@font-face { + font-family: 'Montserrat Arabic'; + font-style: normal; + font-weight: 900; + src: url('../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf') format('truetype'); +} diff --git a/odex25_base/odex_new_website/static/src/css/hdr_footer.css b/odex25_base/odex_new_website/static/src/css/hdr_footer.css new file mode 100644 index 000000000..79b5c1e8f --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/hdr_footer.css @@ -0,0 +1,4491 @@ +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 100; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 200; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 300; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 400; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 500; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 600; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 700; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 800; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 900; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf") format("truetype"); +} +* { + margin: 0; + box-sizing: border-box; +} + +body { + width: 100%; + font-family: "Montserrat Arabic", sans-serif !important; + overflow-x: hidden; +} +body::-webkit-scrollbar { + width: 6px; + background-color: #0C3A5A; +} +body::-webkit-scrollbar-thumb { + background-color: #0CB28B; + border-radius: 4px; +} + +input, select, textarea, h1, h2, h3, button, a { + font-family: "Montserrat Arabic", sans-serif; +} + +h1, h2, h3 { + line-height: 1.5; + margin: 0px; +} + +p, span, hr { + margin: 0; +} + +@media screen and (max-width: 319px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 50px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 5px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 8px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 1px; + height: 28px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 8px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 100px; + } + footer .top_section .about h3 { + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 26px; + height: 26px; + } + footer .top_section .contact_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 10px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 65px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 120px; + } + footer .top_section .about h3 { + font-size: 12px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 30px; + height: 30px; + } + footer .top_section .contact_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 30px; + height: 30px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 12px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 120px; + } + footer .top_section .about h3 { + font-size: 12px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 30px; + height: 30px; + } + footer .top_section .contact_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 30px; + height: 30px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 12px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 55px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 1px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 100px; + } + footer .top_section .about h3 { + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 26px; + height: 26px; + } + footer .top_section .contact_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 30px; + padding: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 10px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 11px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 421px) and (max-width: 767px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 20px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 70px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 120px; + } + footer .top_section .about h3 { + font-size: 13px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 30px; + height: 30px; + } + footer .top_section .contact_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 13px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 30px; + height: 30px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 100%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 13px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 12px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 768px) and (max-width: 1024px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 40px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 10px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 90px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 40px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 50px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 140px; + } + footer .top_section .about h3 { + font-size: 15px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 34px; + height: 34px; + } + footer .top_section .contact_container { + width: 40%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 34px; + height: 34px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 40%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 32px; + padding: 0px; + margin: -15px 0px 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 160px; + background-color: white; + margin-bottom: 0px; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 14px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 40px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 40px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 80px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 35px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 40px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 50px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 140px; + } + footer .top_section .about h3 { + font-size: 15px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 34px; + height: 34px; + } + footer .top_section .contact_container { + width: 40%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 34px; + height: 34px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 40%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 32px; + padding: 0px; + margin: 5px 0px 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 14px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 30px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 1px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 100px; + } + footer .top_section .about h3 { + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 26px; + height: 26px; + } + footer .top_section .contact_container { + width: 45%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 45%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 10px; + font-weight: 300; + color: white; + } +} +@media screen and (max-width: 699px) and (max-device-height: 550px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 30px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 1px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 100px; + } + footer .top_section .about h3 { + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 26px; + height: 26px; + } + footer .top_section .contact_container { + width: 45%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 45%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 10px; + font-weight: 300; + color: white; + } +} +@media screen and (max-width: 699px) and (max-device-height: 319px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 40px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 1px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 100px; + } + footer .top_section .about h3 { + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 26px; + height: 26px; + } + footer .top_section .contact_container { + width: 45%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 45%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .top_section .footer_divider:first-of-type { + display: none; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + } + footer .copyrights span { + font-size: 10px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 30px 60px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 40px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 100px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 35px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 60px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 50px; + } + footer .top_section .about { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 140px; + } + footer .top_section .about h3 { + font-size: 15px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 34px; + height: 34px; + } + footer .top_section .contact_container { + width: 40%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 34px; + height: 34px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 40%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 170px; + background-color: white; + margin-bottom: 0px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 14px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 1025px) and (max-width: 1200px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 60px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 40px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 80px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 60px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 40%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 120px; + } + footer .top_section .about h3 { + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 32px; + height: 32px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 30px; + padding: 0px; + margin: -12px 0px 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 13px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 1201px) and (max-width: 1365px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 80px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 50px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 80px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 10px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 30px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 80px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 35%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 120px; + } + footer .top_section .about h3 { + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 32px; + height: 32px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 30px; + padding: 0px; + margin: -5px 0px 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 13px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 1366px) and (max-width: 1599px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 100px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 50px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 90px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 15px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 35px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 100px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 140px; + } + footer .top_section .about h3 { + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 32px; + height: 32px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 32px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 13px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 1600px) and (max-width: 1919px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 30px 130px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 70px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 100px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 15px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 35px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 130px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 140px; + } + footer .top_section .about h3 { + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 32px; + height: 32px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 13px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 1920px) and (max-width: 2559px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 35px 140px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 90px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 120px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 18px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 50px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 20px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 40px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 140px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 160px; + } + footer .top_section .about h3 { + font-size: 16px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 35px; + height: 35px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 35px; + height: 35px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 200px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 14px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 2560px) and (max-width: 3839px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 50px 200px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 100px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 150px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 20px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 60px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 20px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 2px; + height: 50px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300 !important; + color: white; + background-color: #0C3A5A; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 80px 200px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 200px; + } + footer .top_section .about h3 { + font-size: 18px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 40px; + height: 40px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 18px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 40px; + height: 40px; + margin-inline-end: 20px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 18px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 1px; + height: 220px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + } + footer .copyrights span { + font-size: 15px; + font-weight: 300; + color: white; + } +} +@media screen and (min-width: 3840px) { + .navbar { + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 100px 350px; + z-index: 100; + position: fixed; + left: 0; + right: 0; + background-color: transparent; + } + .navbar .logo { + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 150px; + } + .navbar .logo a { + text-decoration: none; + } + .navbar .logo a img { + width: 250px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + .navbar .main_menu { + width: auto; + height: auto; + display: flex; + gap: 100px; + margin-inline-end: auto; + margin-bottom: 0px; + } + .navbar .main_menu li { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + } + .navbar .main_menu li a { + text-decoration: none; + font-size: 30px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions { + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 80px; + } + .navbar .nav_actions a { + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 80px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: #0C3A5A; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .navbar .nav_actions a:nth-of-type(2) { + width: auto; + padding: 0px 40px; + color: white; + background-color: #0C3A5A; + } + .navbar .nav_actions .divider { + width: 3px; + height: 60px; + background-color: white; + } + .navbar .nav_actions .signin { + width: auto; + height: auto; + } + .navbar .nav_actions .signin li { + list-style-type: none !important; + } + .navbar .nav_actions .signin li a { + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 40px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: white; + background-color: #0C3A5A; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + footer { + width: 100%; + height: auto; + z-index: 1; + } + footer .top_section { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 150px 350px; + background-color: #0C3B5B; + } + footer .top_section .about { + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 60px; + } + footer .top_section .about a { + text-decoration: none; + } + footer .top_section .about a img { + width: 350px; + } + footer .top_section .about h3 { + font-size: 28px; + font-weight: 300; + color: white; + } + footer .top_section .about .social { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + footer .top_section .about .social a { + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + } + footer .top_section .about .social a img { + width: 70px; + height: 70px; + } + footer .top_section .contact_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .contact_container .contact_us { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + } + footer .top_section .contact_container .contact_us a { + text-decoration: none; + font-size: 28px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + } + footer .top_section .contact_container .contact_us a img { + width: 70px; + height: 70px; + margin-inline-end: 40px; + } + footer .top_section .important_links_container { + width: 25%; + height: auto; + display: flex; + justify-content: center; + } + footer .top_section .important_links_container ul { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 50px; + padding: 0px; + margin: 0px; + } + footer .top_section .important_links_container ul li { + width: auto; + height: auto; + } + footer .top_section .important_links_container ul li a { + text-decoration: none; + font-size: 28px; + font-weight: 300; + color: white; + } + footer .top_section .footer_divider { + width: 2px; + height: 300px; + background-color: white; + margin-bottom: -20px; + } + footer .copyrights { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 30px 0px; + } + footer .copyrights span { + font-size: 25px; + font-weight: 300; + color: white; + } +} +#wrapwrap, body, html { + overflow: visible !important; +} + +#wrap { + overflow-x: hidden !important; +}/*# sourceMappingURL=hdr_footer.css.map */ \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/hdr_footer.css.map b/odex25_base/odex_new_website/static/src/css/hdr_footer.css.map new file mode 100644 index 000000000..f3ef1939a --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/hdr_footer.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["custom_font.scss","hdr_footer.css","hdr_footer.scss","variables.scss"],"names":[],"mappings":"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","file":"hdr_footer.css"} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/hdr_footer.scss b/odex25_base/odex_new_website/static/src/css/hdr_footer.scss new file mode 100644 index 000000000..6a9b8334a --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/hdr_footer.scss @@ -0,0 +1,4461 @@ +@import "./variables.scss"; +@import "./custom_font.scss"; + +*{ + margin: 0; + // padding: 0; + box-sizing: border-box; +} + +body{ + width: 100%; + font-family: 'Montserrat Arabic', sans-serif!important; + overflow-x: hidden; + &::-webkit-scrollbar { + width: 6px; + background-color: $primary; + } + &::-webkit-scrollbar-thumb { + background-color: $secondary; + border-radius: 4px; + } +} + +input, select, textarea, h1, h2, h3, button, a{ + font-family: 'Montserrat Arabic', sans-serif; +} + +h1, h2, h3{ + line-height: 1.5; + margin: 0px; +} + +p,span,hr{ + margin: 0; +} + +@media screen and (max-width: 319px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 50px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 5px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 8px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 1px; + height: 28px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 8px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 100px; + } + } + h3{ + font-size: 11px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 26px; + height: 26px; + } + } + } + } + .contact_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 65px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 120px; + } + } + h3{ + font-size: 12px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 30px; + height: 30px; + } + } + } + } + .contact_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 30px; + height: 30px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 120px; + } + } + h3{ + font-size: 12px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 30px; + height: 30px; + } + } + } + } + .contact_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 30px; + height: 30px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 12px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 20px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 55px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 10px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 1px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 100px; + } + } + h3{ + font-size: 11px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 26px; + height: 26px; + } + } + } + } + .contact_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 30px; + padding: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 10px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 421px) and (max-width: 767px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 20px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 70px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 120px; + } + } + h3{ + font-size: 13px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 30px; + height: 30px; + } + } + } + } + .contact_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 13px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 30px; + height: 30px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 13px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + display: none; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 40px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 10px; + a{ + text-decoration: none; + img{ + width: 90px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 40px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 50px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 140px; + } + } + h3{ + font-size: 15px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 34px; + height: 34px; + } + } + } + } + .contact_container{ + width: 40%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 34px; + height: 34px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 40%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 32px; + padding: 0px; + margin: -15px 0px 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 160px; + background-color: white; + margin-bottom: 0px; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 40px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 40px; + a{ + text-decoration: none; + img{ + width: 80px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 35px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 40px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 50px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 140px; + } + } + h3{ + font-size: 15px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 34px; + height: 34px; + } + } + } + } + .contact_container{ + width: 40%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 34px; + height: 34px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 40%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 32px; + padding: 0px; + margin: 5px 0px 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 30px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 1px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 100px; + } + } + h3{ + font-size: 11px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 26px; + height: 26px; + } + } + } + } + .contact_container{ + width: 45%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 45%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (max-width: 699px) and (max-device-height: 550px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 30px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 1px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 100px; + } + } + h3{ + font-size: 11px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 26px; + height: 26px; + } + } + } + } + .contact_container{ + width: 45%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 45%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (max-width: 699px) and (max-device-height: 319px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 20px 40px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: auto; + a{ + text-decoration: none; + img{ + width: 60px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + display: none; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 1px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 30px 20px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 40px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 100px; + } + } + h3{ + font-size: 11px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 26px; + height: 26px; + } + } + } + } + .contact_container{ + width: 45%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 26px; + height: 26px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 45%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 25px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 11px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + &:first-of-type{ + display: none; + } + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 15px 0px; + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 768px) and (max-width: 895px) and (min-device-height: 1200px){} + +@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 30px 60px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 40px; + a{ + text-decoration: none; + img{ + width: 100px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + a{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 35px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 60px; + background-color: #0C3B5B; + flex-wrap: wrap; + gap: 50px; + .about{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 140px; + } + } + h3{ + font-size: 15px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 34px; + height: 34px; + } + } + } + } + .contact_container{ + width: 40%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 34px; + height: 34px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 40%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 170px; + background-color: white; + margin-bottom: 0px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 1025px) and (max-width: 1200px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 60px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 40px; + a{ + text-decoration: none; + img{ + width: 80px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 40px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 60px; + background-color: #0C3B5B; + .about{ + width: 40%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 120px; + } + } + h3{ + font-size: 14px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 32px; + height: 32px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 30px; + padding: 0px; + margin: -12px 0px 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 1201px) and (max-width: 1365px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 80px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 50px; + a{ + text-decoration: none; + img{ + width: 80px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 15px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 10px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 30px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 40px 80px; + background-color: #0C3B5B; + .about{ + width: 35%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 120px; + } + } + h3{ + font-size: 14px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 32px; + height: 32px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 30px; + padding: 0px; + margin: -5px 0px 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 1366px) and (max-width: 1599px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 25px 100px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 50px; + a{ + text-decoration: none; + img{ + width: 90px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 30px; + a{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 15px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 35px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 100px; + background-color: #0C3B5B; + .about{ + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 140px; + } + } + h3{ + font-size: 14px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 32px; + height: 32px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 32px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 1600px) and (max-width: 1919px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 30px 130px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 70px; + a{ + text-decoration: none; + img{ + width: 100px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + a{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 15px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 35px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 130px; + background-color: #0C3B5B; + .about{ + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 140px; + } + } + h3{ + font-size: 14px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 32px; + height: 32px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 32px; + height: 32px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 14px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 180px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 1920px) and (max-width: 2559px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 35px 140px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 90px; + a{ + text-decoration: none; + img{ + width: 120px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 18px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + a{ + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 50px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 20px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 40px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 60px 140px; + background-color: #0C3B5B; + .about{ + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 160px; + } + } + h3{ + font-size: 16px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 35px; + height: 35px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 35px; + height: 35px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 16px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 200px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 2560px) and (max-width: 3839px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 50px 200px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 100px; + a{ + text-decoration: none; + img{ + width: 150px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 50px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 20px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + a{ + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 60px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 20px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 2px; + height: 50px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300!important; + color: white; + background-color: $primary; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 80px 200px; + background-color: #0C3B5B; + .about{ + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 30px; + a{ + text-decoration: none; + img{ + width: 200px; + } + } + h3{ + font-size: 18px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 40px; + height: 40px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 18px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 40px; + height: 40px; + margin-inline-end: 20px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 35px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 18px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 1px; + height: 220px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 20px 0px; + span{ + font-size: 15px; + font-weight: 300; + color: white; + } + } + } +} + +@media screen and (min-width: 3840px){ + .navbar{ + width: 100%; + height: auto; + display: flex; + align-items: center; + background-color: #045992; + padding: 100px 350px; + z-index: 100; + position:fixed; + left:0; + right:0; + background-color: transparent; + .logo{ + width: auto; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + margin-inline-end: 150px; + a{ + text-decoration: none; + img{ + width: 250px; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5)); + } + } + } + .main_menu{ + width: auto; + height: auto; + display: flex; + gap: 100px; + margin-inline-end: auto; + margin-bottom: 0px; + li{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + a{ + text-decoration: none; + font-size: 30px; + font-weight: 300; + color: white; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .nav_actions{ + width: auto; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 80px; + a{ + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 80px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: $primary; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + &:nth-of-type(2){ + width: auto; + padding: 0px 40px; + color: white; + background-color: $primary; + } + } + .divider{ + width: 3px; + height: 60px; + background-color: white; + } + .signin{ + width: auto; + height: auto; + li{ + list-style-type: none !important; + a{ + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 40px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: white; + background-color: $primary; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + } + } + footer{ + width: 100%; + height: auto; + z-index: 1; + .top_section{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + padding: 150px 350px; + background-color: #0C3B5B; + .about{ + width: 30%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 60px; + a{ + text-decoration: none; + img{ + width: 350px; + } + } + h3{ + font-size: 28px; + font-weight: 300; + color: white; + } + .social{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + a{ + text-decoration: none; + display: flex; + justify-content: center; + align-items: center; + img{ + width: 70px; + height: 70px; + } + } + } + } + .contact_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + .contact_us{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + gap: 25px; + a{ + text-decoration: none; + font-size: 28px; + font-weight: 300; + color: white; + display: flex; + justify-content: flex-start; + align-items: center; + img{ + width: 70px; + height: 70px; + margin-inline-end: 40px; + } + } + } + } + .important_links_container{ + width: 25%; + height: auto; + display: flex; + justify-content: center; + ul{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: flex-start; + list-style: none; + gap: 50px; + padding: 0px; + margin: 0px; + li{ + width: auto; + height: auto; + a{ + text-decoration: none; + font-size: 28px; + font-weight: 300; + color: white; + } + } + } + } + .footer_divider{ + width: 2px; + height: 300px; + background-color: white; + margin-bottom: -20px; + } + } + .copyrights{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + background-color: #081E42; + padding: 30px 0px; + span{ + font-size: 25px; + font-weight: 300; + color: white; + } + } + } +} + +#wrapwrap, body, html{ + overflow: visible !important; +} + +#wrap{ + overflow-x: hidden!important; +} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/index.css b/odex25_base/odex_new_website/static/src/css/index.css new file mode 100644 index 000000000..2449e1955 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/index.css @@ -0,0 +1,7946 @@ +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 100; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Thin.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 200; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraLight.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 300; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Light.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 400; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Regular.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 500; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Medium.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 600; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-SemiBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 700; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Bold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 800; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-ExtraBold.ttf") format("truetype"); +} +@font-face { + font-family: "Montserrat Arabic"; + font-style: normal; + font-weight: 900; + src: url("../../fonts/ArbFONTS-Montserrat-Arabic-Black.ttf") format("truetype"); +} +@media screen and (max-width: 319px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 20px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 15px; + height: 15px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + display: none; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 13px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 11px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 11px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 180px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 80px; + text-align: center; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 8px !important; + height: 8px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 8px !important; + height: 8px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 13px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 11px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 110px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 10px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + } + .our_team_container h2 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 70px; + height: 70px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 12px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 11px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 30px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 40px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 12px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 8px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 250px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 140px; + text-align: center; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + } + .our_team_container h2 { + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 60px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 80px; + height: 80px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 30px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 15px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + margin-bottom: 20px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 12px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 8px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 230px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 90px; + text-align: center; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 145px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + } + .our_team_container h2 { + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 60px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 80px; + height: 80px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 30px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + display: none; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 13px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 11px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 11px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 8px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 180px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 60px; + text-align: center; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 13px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 11px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 15px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + } + .our_team_container h2 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 70px; + height: 70px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 12px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 11px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 421px) and (max-width: 767px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 40px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 40px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 16px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 14px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 35px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 250px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 130px; + text-align: center; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 16px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 14px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 50px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 290px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 30px; + } + .our_team_container h2 { + font-size: 16px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 60px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 320px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 30px; + } + .our_team_container .our_team_sectors .sector img { + width: 80px; + height: 80px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 14px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 13px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 768px) and (max-width: 1024px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 40px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 35px; + height: 35px; + } + .header .scroll_container span { + width: 2px; + height: 30px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 45%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 18px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 40px; + font-size: 15px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 320px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 200px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 12px !important; + height: 12px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 12px !important; + height: 12px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 60px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 50px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 45px; + height: 45px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 150px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 13px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 13px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 40px; + } + .our_team_container h2 { + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 60px; + margin-bottom: 80px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 80px; + height: 80px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 140px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 40px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 30px; + height: 30px; + } + .header .scroll_container span { + width: 2px; + height: 30px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 45%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 18px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 40px; + font-size: 15px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 320px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 100px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 11px !important; + height: 11px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 11px !important; + height: 11px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 60px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 50px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 45px; + height: 45px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 13px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 13px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 40px; + } + .our_team_container h2 { + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 60px; + margin-bottom: 80px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 80px; + height: 80px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 140px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px) { + .header { + width: 100%; + height: auto; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 120px 60px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 22px; + height: 22px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + display: none; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 12px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 180px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 0px; + width: auto; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 8px !important; + height: 8px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 8px !important; + height: 8px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 110px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 10px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 50px; + } + .our_team_container h2 { + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 280px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 70px; + height: 70px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (max-width: 699px) and (max-device-height: 550px) { + .header { + width: 100%; + height: auto; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 22px; + height: 22px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + display: none; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 12px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 180px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 0px; + width: auto; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 8px !important; + height: 8px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 8px !important; + height: 8px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 110px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 10px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 30px; + } + .our_team_container h2 { + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 240px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 70px; + height: 70px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (max-width: 699px) and (max-device-height: 319px) { + .header { + width: 100%; + height: auto; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 22px; + height: 22px; + } + .header .scroll_container span { + width: 1px; + height: 25px; + background-color: white; + display: none; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 100%; + height: auto; + order: 2; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 13px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 11px; + font-weight: 300; + color: white; + text-transform: initial; + text-align: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 32px; + font-size: 11px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 180px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 0px; + width: auto; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 8px !important; + height: 8px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 8px !important; + height: 8px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 60px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 13px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 11px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) !important; + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 40px; + height: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 110px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 3px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 9px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 10px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 60px; + } + .our_team_container h2 { + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + } + .our_team_container .our_team_sectors .sector { + width: 250px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 70px; + height: 70px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 12px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 11px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 60px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 35px; + height: 35px; + } + .header .scroll_container span { + width: 2px; + height: 30px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 18px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 40px; + font-size: 15px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 420px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 250px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 12px !important; + height: 12px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 12px !important; + height: 12px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 150px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 20px; + border: none; + padding-top: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 295px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 20px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 50px; + height: 50px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 13px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 13px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + } + .our_team_container h2 { + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 100px; + margin-bottom: 80px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 100px; + height: 100px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 100px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 1025px) and (max-width: 1200px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 60px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 2px; + height: 20px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 20px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 15px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 35px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 420px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 150px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 20px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 150px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 15px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 20px; + border: none; + padding-top: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 17px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 50px; + height: 50px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 17px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 140px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + } + .our_team_container h2 { + font-size: 20px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 100px; + margin-bottom: 80px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 100px; + height: 100px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 90px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 15px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 15px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 1201px) and (max-width: 1365px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 80px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 2px; + height: 20px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 30px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 16px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 35px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 450px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 140px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 180px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 16px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 20px; + border: none; + padding-top: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 330px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 18px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 50px; + height: 50px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 160px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 13px; + height: 13px; + margin-inline-end: 5px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 0px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 11px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 100px; + } + .our_team_container h2 { + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 100px; + margin-bottom: 80px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 100px; + height: 100px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 90px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 16px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 15px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 1366px) and (max-width: 1599px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 100px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 2px; + height: 20px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 30px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 16px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 40px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 15px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 550px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 140px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 100px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 180px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 16px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 345px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 20px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 50px; + height: 50px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 160px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 4px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 17px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 12px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 130px 140px; + } + .our_team_container h2 { + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 80px; + margin-bottom: 100px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 110px; + height: 110px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 100px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 16px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 1600px) and (max-width: 1919px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 130px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 2px; + height: 20px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 30px; + margin-bottom: 30px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 26px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 18px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 40px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 10px; + padding: 0px 15px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 600px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 240px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 10px !important; + height: 10px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 10px !important; + height: 10px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 140px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 26px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 220px; + margin-bottom: 30px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 390px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 60px; + padding: 55px 45px; + gap: 25px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 22px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 60px; + height: 60px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 22px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 200px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 16px; + height: 16px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 6px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 18px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 21px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 14px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 130px 180px; + } + .our_team_container h2 { + font-size: 26px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 80px; + margin-bottom: 120px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 110px; + height: 110px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 100px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 20px; + border-left: 3px solid white; + padding-inline-start: 40px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 1920px) and (max-width: 2559px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 140px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 25px; + height: 25px; + } + .header .scroll_container span { + width: 2px; + height: 20px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 40px; + margin-bottom: 40px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 30px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 20px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 45px; + font-size: 16px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 12px; + padding: 0px 20px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 700px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 260px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 12px !important; + height: 12px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 12px !important; + height: 12px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 120px 150px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 40px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 30px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 300px; + margin-bottom: 40px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 20px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 40px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 60px; + border: none; + padding-top: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 450px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 70px; + padding: 60px 50px; + gap: 30px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 24px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 60px; + height: 60px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 24px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 220px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 30px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 15px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 18px; + height: 18px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 8px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 12px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 16px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 23px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 15px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 150px 300px; + } + .our_team_container h2 { + font-size: 30px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 80px; + margin-bottom: 140px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-bottom: 40px; + } + .our_team_container .our_team_sectors .sector img { + width: 130px; + height: 130px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 110px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 20px; + border-left: 3px solid white; + padding-inline-start: 40px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 20px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 18px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 2560px) and (max-width: 3839px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 200px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 30px; + height: 30px; + } + .header .scroll_container span { + width: 2px; + height: 25px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 40px; + margin-bottom: 40px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 34px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 22px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 50px; + font-size: 18px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 15px; + padding: 0px 20px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 900px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 350px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 14px !important; + height: 14px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 14px !important; + height: 14px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 150px 200px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 50px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 34px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 550px; + margin-bottom: 50px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 22px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 50px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 100px; + border: none; + padding-top: 40px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 550px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 80px; + padding: 70px 60px; + gap: 40px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 30px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 70px; + height: 70px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 30px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 280px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 30px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 22px; + height: 22px; + margin-inline-end: 6px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 10px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 18px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 22px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 25px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 18px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 200px 400px; + } + .our_team_container h2 { + font-size: 34px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 300px; + margin-bottom: 150px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-bottom: 50px; + } + .our_team_container .our_team_sectors .sector img { + width: 150px; + height: 150px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 130px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 20px; + border-left: 3px solid white; + padding-inline-start: 40px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 22px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 20px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +} +@media screen and (min-width: 3840px) { + .header { + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 350px; + position: relative; + } + .header .scroll_container { + width: auto; + height: auto; + position: absolute; + bottom: 50px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + } + .header .scroll_container .scroll { + width: 60px; + height: 60px; + } + .header .scroll_container span { + width: 4px; + height: 55px; + background-color: white; + } + .header .swiper.cta { + width: 100%; + height: 100%; + background-color: transparent; + } + .header .swiper.cta .swiper-wrapper { + width: 100%; + height: 100%; + } + .header .swiper.cta .swiper-wrapper .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home { + width: 40%; + height: auto; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline { + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 60px; + margin-bottom: 60px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .title { + font-size: 54px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-headline .call-to-action-message { + font-size: 34px; + font-weight: 300; + color: white; + text-transform: initial; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .content-home .call-to-action-buttons .cta_button { + text-decoration: none; + width: auto; + height: 80px; + font-size: 28px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: #0C3A5A; + border-radius: 18px; + padding: 0px 40px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img { + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + } + .header .swiper.cta .swiper-wrapper .swiper-slide .call-to-action-img img { + width: 1300px; + -o-object-fit: cover; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + .header .swiper.cta .swiper-pagination { + bottom: 700px; + left: 0px; + text-align: start; + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next, .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active-next-next { + background: rgba(255, 255, 255, 0.6980392157) !important; + width: 20px !important; + height: 20px !important; + opacity: 1; + transform: scale(1); + } + .header .swiper.cta .swiper-pagination .swiper-pagination-bullet-active { + background: white !important; + width: 20px !important; + height: 20px !important; + } + .courses_show_case_container { + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 200px 350px; + } + .courses_show_case_container .section_title_container { + width: 100%; + height: auto; + margin-bottom: 70px; + } + .courses_show_case_container .section_title_container h2 { + font-size: 54px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 700px; + margin-bottom: 70px; + } + .courses_show_case_container .section_title_container h3 { + font-size: 34px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + .courses_show_case_container .courses_show_case { + width: 100%; + height: auto; + } + .courses_show_case_container .courses_show_case .tab-buttons { + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + margin-bottom: 70px; + } + .courses_show_case_container .courses_show_case .tab-buttons button { + width: auto; + height: 80px; + padding: 0px 40px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .courses_show_case_container .courses_show_case .tab-buttons button:active, .courses_show_case_container .courses_show_case .tab-buttons button:hover { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-buttons button.active { + background-color: #0CB28B; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content { + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 150px; + border: none; + padding-top: 60px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element { + width: 790px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 120px; + padding: 90px; + gap: 65px; + overflow: hidden; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_bg { + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .ex_icon { + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 44px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link { + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .view_more_link img { + width: 100px; + height: 100px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element h2 { + font-size: 44px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info_img { + width: 100%; + height: 380px; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 30px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p { + font-size: 28px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_info p img { + width: 30px; + height: 30px; + margin-inline-end: 8px; + margin-top: -2px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element hr { + width: 100%; + height: 2px; + background-color: white; + z-index: 3; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions { + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level { + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(1) { + height: 14px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(2) { + height: 18px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(3) { + height: 22px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(4) { + height: 26px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar:nth-child(5) { + height: 30px; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container .course_level .bar.active { + background-color: #2ECC71; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_level_container span { + font-size: 28px; + font-weight: 300; + color: white; + } + .courses_show_case_container .courses_show_case .tab-content .course_element .course_actions .course_details { + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: #0CB28B; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out 0.5s; + cursor: pointer; + } + .our_team_container { + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 250px 600px; + } + .our_team_container h2 { + font-size: 54px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 350px; + margin-bottom: 200px; + } + .our_team_container .our_team_sectors { + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + } + .our_team_container .our_team_sectors .sector { + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 40px; + margin-bottom: 80px; + } + .our_team_container .our_team_sectors .sector img { + width: 250px; + height: 250px; + } + .our_team_container .our_team_sectors .sector .sector_content { + width: auto; + height: 180px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 30px; + border-left: 3px solid white; + padding-inline-start: 40px; + } + .our_team_container .our_team_sectors .sector .sector_content h3 { + font-size: 34px; + font-weight: 700; + color: white; + text-align: start; + } + .our_team_container .our_team_sectors .sector .sector_content span { + font-size: 30px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } +}/*# sourceMappingURL=index.css.map */ \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/index.css.map b/odex25_base/odex_new_website/static/src/css/index.css.map new file mode 100644 index 000000000..7b2d32632 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/index.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["custom_font.scss","index.css","index.scss","variables.scss"],"names":[],"mappings":"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","file":"index.css"} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/index.scss b/odex25_base/odex_new_website/static/src/css/index.scss new file mode 100644 index 000000000..ddba15946 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/index.scss @@ -0,0 +1,7918 @@ +@import "./variables.scss"; +@import "./custom_font.scss"; + +@media screen and (max-width: 319px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 20px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 15px; + height: 15px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + display: none; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + .title{ + font-size: 13px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 11px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 11px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 180px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 80px; + // left: 0px; + text-align: center; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 8px!important; + height: 8px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 8px!important; + height: 8px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 13px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + h3{ + font-size: 11px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 110px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + h2{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + img{ + width: 70px; + height: 70px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + h3{ + font-size: 12px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 11px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (min-device-height: 751px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 30px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 40px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + margin-bottom: 30px; + .title{ + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 12px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 8px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 250px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 140px; + // left: 0px; + text-align: center; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 30px; + } + h3{ + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + h2{ + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 60px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 40px; + img{ + width: 80px; + height: 80px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + h3{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 750px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 30px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 15px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 30px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + margin-bottom: 20px; + .title{ + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 12px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 8px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 230px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 90px; + // left: 0px; + text-align: center; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 30px; + } + h3{ + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 300px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 145px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 20px; + h2{ + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 60px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 40px; + img{ + width: 80px; + height: 80px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + h3{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 320px) and (max-width: 420px) and (max-device-height: 600px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 30px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 10px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + display: none; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + .title{ + font-size: 13px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 11px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 11px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 8px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 180px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 60px; + // left: 0px; + text-align: center; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 13px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + h3{ + font-size: 11px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 260px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 30px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 15px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 2px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 8px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 20px; + h2{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 300px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 40px; + img{ + width: 70px; + height: 70px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + h3{ + font-size: 12px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 11px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 421px) and (max-width: 767px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 40px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 40px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + margin-bottom: 30px; + .title{ + font-size: 16px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 14px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 35px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 250px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 130px; + // left: 0px; + text-align: center; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 16px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 30px; + } + h3{ + font-size: 14px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 50px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 290px; + height: auto; + min-height: 350px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 0px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 60px 30px; + h2{ + font-size: 16px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 60px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 320px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + margin-bottom: 30px; + img{ + width: 80px; + height: 80px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 20px; + h3{ + font-size: 14px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 13px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 768px) and (max-width: 1024px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 40px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 35px; + height: 35px; + } + span{ + width: 2px; + height: 30px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 45%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + .title{ + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 18px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 40px; + font-size: 15px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 320px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 200px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 12px!important; + height: 12px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 12px!important; + height: 12px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 60px; + margin-bottom: 30px; + } + h3{ + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 50px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 45px; + height: 45px; + + } + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 150px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 40px; + h2{ + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 60px; + margin-bottom: 80px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + img{ + width: 80px; + height: 80px; + } + .sector_content{ + width: auto; + height: 140px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + h3{ + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 896px) and (max-width: 1024px) and (max-device-height: 768px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 40px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 30px; + height: 30px; + } + span{ + width: 2px; + height: 30px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 45%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + .title{ + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 18px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 40px; + font-size: 15px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 320px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 100px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 11px!important; + height: 11px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 11px!important; + height: 11px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 60px; + margin-bottom: 30px; + } + h3{ + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 50px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 310px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 40px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 16px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 45px; + height: 45px; + + } + } + h2{ + font-size: 16px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 40px; + h2{ + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 60px; + margin-bottom: 80px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + img{ + width: 80px; + height: 80px; + } + .sector_content{ + width: auto; + height: 140px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + h3{ + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 700px) and (max-width: 950px) and (max-device-height: 550px){ + .header{ + width: 100%; + height: auto; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 120px 60px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 22px; + height: 22px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + display: none; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + .title{ + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 12px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 180px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 0px; + width: auto; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 8px!important; + height: 8px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 8px!important; + height: 8px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + h3{ + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 110px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 50px; + h2{ + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 280px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + img{ + width: 70px; + height: 70px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + h3{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (max-width: 699px) and (max-device-height: 550px){ + .header{ + width: 100%; + height: auto; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 22px; + height: 22px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + display: none; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + .title{ + font-size: 14px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 12px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 180px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 0px; + width: auto; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 8px!important; + height: 8px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 8px!important; + height: 8px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 14px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + h3{ + font-size: 12px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 110px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 30px; + h2{ + font-size: 14px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 240px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + img{ + width: 70px; + height: 70px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + h3{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 12px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (max-width: 699px) and (max-device-height: 319px){ + .header{ + width: 100%; + height: auto; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 22px; + height: 22px; + } + span{ + width: 1px; + height: 25px; + background-color: white; + display: none; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + gap: 20px; + .content-home{ + width: 100%; + height: auto; + order: 2; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + align-items: center; + gap: 15px; + margin-bottom: 30px; + .title{ + font-size: 13px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + text-align: center; + } + .call-to-action-message{ + font-size: 11px; + font-weight: 300; + color: $accent; + text-transform: initial; + text-align: center; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 32px; + font-size: 11px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 6px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; + order: 1; + img{ + width: 180px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 0px; + width: auto; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 8px!important; + height: 8px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 8px!important; + height: 8px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 60px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 13px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 0px; + margin-bottom: 20px; + } + h3{ + font-size: 11px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 12px; + margin-bottom: 30px; + button{ + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 11px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + flex-wrap: wrap; + .course_element{ + width: 220px; + height: auto; + min-height: 320px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 45px; + padding: 35px 25px; + gap: 15px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%)!important; + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 40px; + height: 40px; + + } + } + h2{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 110px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 15px; + flex-wrap: wrap; + p{ + font-size: 10px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 11px; + height: 11px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + flex-direction: column; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 3px; + } + &:nth-child(2){ + height: 6px; + } + &:nth-child(3){ + height: 9px; + } + &:nth-child(4){ + height: 12px; + } + &:nth-child(5){ + height: 15px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 10px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 32px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 10px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 6px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + padding: 50px 60px; + h2{ + font-size: 13px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 0px; + margin-bottom: 50px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: center; + gap: 20px; + .sector{ + width: 250px; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + margin-bottom: 40px; + img{ + width: 70px; + height: 70px; + } + .sector_content{ + width: auto; + height: 120px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 16px; + h3{ + font-size: 12px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 11px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 768px) and (max-width: 895px) and (min-device-height: 1200px){} + +@media screen and (min-width: 896px) and (max-width: 1024px) and (min-device-height: 1250px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 60px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 35px; + height: 35px; + } + span{ + width: 2px; + height: 30px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + .title{ + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 18px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 40px; + font-size: 15px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 420px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 250px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 12px!important; + height: 12px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 12px!important; + height: 12px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 150px; + margin-bottom: 30px; + } + h3{ + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 15px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 20px; + border: none; + padding-top: 10px; + .course_element{ + width: 295px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 20px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 50px; + height: 50px; + + } + } + h2{ + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 13px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 8px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 13px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + h2{ + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 100px; + margin-bottom: 80px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + img{ + width: 100px; + height: 100px; + } + .sector_content{ + width: auto; + height: 100px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + h3{ + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 1025px) and (max-width: 1200px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 60px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 2px; + height: 20px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 20px; + margin-bottom: 30px; + .title{ + font-size: 20px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 15px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 35px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 420px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 150px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 30px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 20px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 150px; + margin-bottom: 30px; + } + h3{ + font-size: 15px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 20px; + border: none; + padding-top: 10px; + .course_element{ + width: 290px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 60%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 17px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 50px; + height: 50px; + + } + } + h2{ + font-size: 17px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 140px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + flex-wrap: wrap; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 10px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 4px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + h2{ + font-size: 20px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 100px; + margin-bottom: 80px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + img{ + width: 100px; + height: 100px; + } + .sector_content{ + width: auto; + height: 90px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + h3{ + font-size: 15px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 15px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 1201px) and (max-width: 1365px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 80px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 2px; + height: 20px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 30px; + margin-bottom: 30px; + .title{ + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 16px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 35px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 10px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 450px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 140px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 60px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 180px; + margin-bottom: 30px; + } + h3{ + font-size: 16px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 35px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 20px; + border: none; + padding-top: 10px; + .course_element{ + width: 330px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 18px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 50px; + height: 50px; + + } + } + h2{ + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 160px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + p{ + font-size: 11px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 13px; + height: 13px; + margin-inline-end: 5px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 0px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 11px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 12px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 100px; + h2{ + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 100px; + margin-bottom: 80px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + img{ + width: 100px; + height: 100px; + } + .sector_content{ + width: auto; + height: 90px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + h3{ + font-size: 16px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 15px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 1366px) and (max-width: 1599px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 100px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 25px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 2px; + height: 20px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 30px; + margin-bottom: 30px; + .title{ + font-size: 24px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 16px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 40px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 15px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 550px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 140px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 100px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 24px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 180px; + margin-bottom: 30px; + } + h3{ + font-size: 16px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + .course_element{ + width: 345px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 50px; + padding: 50px 35px; + gap: 20px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 20px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 50px; + height: 50px; + + } + } + h2{ + font-size: 20px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 160px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 10px; + p{ + font-size: 12px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 15px; + height: 15px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 15px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 10px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 3px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 4px; + } + &:nth-child(2){ + height: 8px; + } + &:nth-child(3){ + height: 10px; + } + &:nth-child(4){ + height: 14px; + } + &:nth-child(5){ + height: 17px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 12px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 10px; + display: flex; + justify-content: center; + align-items: center; + font-size: 13px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 130px 140px; + h2{ + font-size: 24px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 80px; + margin-bottom: 100px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + margin-bottom: 40px; + img{ + width: 110px; + height: 110px; + } + .sector_content{ + width: auto; + height: 100px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 10px; + border-left: 3px solid white; + padding-inline-start: 30px; + h3{ + font-size: 16px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 1600px) and (max-width: 1919px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 130px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 2px; + height: 20px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 30px; + margin-bottom: 30px; + .title{ + font-size: 26px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 18px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 40px; + font-size: 14px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 10px; + padding: 0px 15px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 600px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 240px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 10px!important; + height: 10px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 10px!important; + height: 10px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 100px 140px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 30px; + h2{ + font-size: 26px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 220px; + margin-bottom: 30px; + } + h3{ + font-size: 18px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 30px; + button{ + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 30px; + border: none; + padding-top: 10px; + .course_element{ + width: 390px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 60px; + padding: 55px 45px; + gap: 25px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 22px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 60px; + height: 60px; + + } + } + h2{ + font-size: 22px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 200px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 15px; + p{ + font-size: 14px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 16px; + height: 16px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 6px; + } + &:nth-child(2){ + height: 10px; + } + &:nth-child(3){ + height: 14px; + } + &:nth-child(4){ + height: 18px; + } + &:nth-child(5){ + height: 21px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 14px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 40px; + padding: 0px 15px; + display: flex; + justify-content: center; + align-items: center; + font-size: 14px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 10px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 130px 180px; + h2{ + font-size: 26px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 80px; + margin-bottom: 120px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-bottom: 40px; + img{ + width: 110px; + height: 110px; + } + .sector_content{ + width: auto; + height: 100px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 20px; + border-left: 3px solid white; + padding-inline-start: 40px; + h3{ + font-size: 18px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 16px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 1920px) and (max-width: 2559px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 140px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 25px; + height: 25px; + } + span{ + width: 2px; + height: 20px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 40px; + margin-bottom: 40px; + .title{ + font-size: 30px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 20px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 45px; + font-size: 16px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 12px; + padding: 0px 20px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 700px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 260px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 12px!important; + height: 12px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 12px!important; + height: 12px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 120px 150px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 40px; + h2{ + font-size: 30px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 300px; + margin-bottom: 40px; + } + h3{ + font-size: 20px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 40px; + button{ + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 60px; + border: none; + padding-top: 20px; + .course_element{ + width: 450px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 70px; + padding: 60px 50px; + gap: 30px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 24px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 60px; + height: 60px; + + } + } + h2{ + font-size: 24px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 220px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 30px; + p{ + font-size: 15px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 18px; + height: 18px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 15px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 4px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 8px; + } + &:nth-child(2){ + height: 12px; + } + &:nth-child(3){ + height: 16px; + } + &:nth-child(4){ + height: 20px; + } + &:nth-child(5){ + height: 23px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 15px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 45px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 16px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 12px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 150px 300px; + h2{ + font-size: 30px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 80px; + margin-bottom: 140px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-bottom: 40px; + img{ + width: 130px; + height: 130px; + } + .sector_content{ + width: auto; + height: 110px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 20px; + border-left: 3px solid white; + padding-inline-start: 40px; + h3{ + font-size: 20px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 18px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 2560px) and (max-width: 3839px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 200px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 30px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 30px; + height: 30px; + } + span{ + width: 2px; + height: 25px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 40px; + margin-bottom: 40px; + .title{ + font-size: 34px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 22px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 50px; + font-size: 18px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 15px; + padding: 0px 20px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 900px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 350px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 14px!important; + height: 14px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 14px!important; + height: 14px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 150px 200px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 50px; + h2{ + font-size: 34px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 550px; + margin-bottom: 50px; + } + h3{ + font-size: 22px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 20px; + margin-bottom: 50px; + button{ + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 100px; + border: none; + padding-top: 40px; + .course_element{ + width: 550px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 80px; + padding: 70px 60px; + gap: 40px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 30px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 70px; + height: 70px; + + } + } + h2{ + font-size: 30px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 280px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 30px; + p{ + font-size: 18px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 22px; + height: 22px; + margin-inline-end: 6px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 1px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 10px; + } + &:nth-child(2){ + height: 14px; + } + &:nth-child(3){ + height: 18px; + } + &:nth-child(4){ + height: 22px; + } + &:nth-child(5){ + height: 25px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 18px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 50px; + padding: 0px 20px; + display: flex; + justify-content: center; + align-items: center; + font-size: 18px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 15px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 24px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 200px 400px; + h2{ + font-size: 34px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 300px; + margin-bottom: 150px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + margin-bottom: 50px; + img{ + width: 150px; + height: 150px; + } + .sector_content{ + width: auto; + height: 130px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 20px; + border-left: 3px solid white; + padding-inline-start: 40px; + h3{ + font-size: 22px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 20px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} + +@media screen and (min-width: 3840px){ + .header{ + width: 100%; + height: 100vh; + background-image: url(../../img/header-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 0px 350px; + position: relative; + .scroll_container{ + width: auto; + height: auto; + position: absolute; + bottom: 50px; + left: 50%; + transform: translateX(-50%); + display: flex; + flex-direction: column; + align-items: center; + gap: 10px; + .scroll{ + width: 60px; + height: 60px; + } + span{ + width: 4px; + height: 55px; + background-color: white; + } + } + .swiper.cta{ + width: 100%; + height: 100%; + background-color: transparent; + .swiper-wrapper{ + width: 100%; + height: 100%; + .swiper-slide { + background: transparent; + display: flex; + justify-content: space-between; + align-items: center; + .content-home{ + width: 40%; + height: auto; + .call-to-action-headline{ + width: 100%; + height: auto; + display: flex; + flex-direction: column; + gap: 60px; + margin-bottom: 60px; + .title{ + font-size: 54px; + font-weight: 500; + color: white; + text-transform: initial; + margin-bottom: 0px; + } + .call-to-action-message{ + font-size: 34px; + font-weight: 300; + color: $accent; + text-transform: initial; + } + } + .call-to-action-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: flex-start; + align-content: center; + .cta_button{ + text-decoration: none; + width: auto; + height: 80px; + font-size: 28px; + font-weight: 300; + text-transform: capitalize; + color: white; + display: flex; + justify-content: center; + align-items: center; + background-color: $primary; + border-radius: 18px; + padding: 0px 40px; + border: none; + outline: none; + filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2)); + } + } + } + .call-to-action-img{ + width: 50%; + height: 100%; + display: flex; + justify-content: flex-end; + align-items: center; + overflow: hidden; + img{ + width: 1300px; + object-fit: cover; + filter: drop-shadow(0px 15px 10px rgba(0, 0, 0, 0.5)); + } + } + } + } + .swiper-pagination{ + bottom: 700px; + left: 0px; + text-align: start; + .swiper-pagination-bullet, .swiper-pagination-bullet-active-next, .swiper-pagination-bullet-active-next-next{ + background: #FFFFFFB2!important; + width: 20px!important; + height: 20px!important; + opacity: 1; + transform: scale(1); + } + .swiper-pagination-bullet-active{ + background: white!important; + width: 20px!important; + height: 20px!important; + } + } + } + } + .courses_show_case_container{ + width: 100%; + height: auto; + background-image: url(../../img/show-cases-bg.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 200px 350px; + .section_title_container{ + width: 100%; + height: auto; + margin-bottom: 70px; + h2{ + font-size: 54px; + font-weight: 700; + color: #2D2D2D; + text-align: center; + padding: 0px 700px; + margin-bottom: 70px; + } + h3{ + font-size: 34px; + font-weight: 300; + color: #8F8F8F; + text-align: center; + } + } + .courses_show_case{ + width: 100%; + height: auto; + .tab-buttons{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + align-items: center; + gap: 40px; + margin-bottom: 70px; + button{ + width: auto; + height: 80px; + padding: 0px 40px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px #0000001F; + transition: all ease-in-out .5s; + cursor: pointer; + &:active , &:hover{ + background-color: $secondary; + color: white; + } + } + button.active{ + background-color: $secondary; + color: white; + } + } + .tab-content{ + width: 100%; + height: auto; + display: flex; + justify-content: center; + gap: 150px; + border: none; + padding-top: 60px; + .course_element{ + width: 790px; + height: auto; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + position: relative; + border-radius: 120px; + padding: 90px; + gap: 65px; + overflow: hidden; + .course_bg{ + width: 100%; + height: 100%; + position: absolute; + z-index: 1; + } + .ex_icon{ + width: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 2; + } + .view_more{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 44px; + font-weight: 300; + color: white; + text-align: center; + z-index: 3; + } + .view_more_link{ + position: absolute; + top: 65%; + left: 50%; + transform: translate(-50%, -50%); + z-index: 3; + img{ + width: 100px; + height: 100px; + } + } + h2{ + font-size: 44px; + font-weight: 300; + color: white; + text-align: start; + z-index: 3; + } + .course_info_img{ + width: 100%; + height: 380px; + z-index: 3; + } + .course_info{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + gap: 30px; + p{ + font-size: 28px; + font-weight: 300; + color: white; + text-align: start; + display: flex; + justify-content: center; + align-items: center; + line-height: 1; + z-index: 3; + img{ + width: 30px; + height: 30px; + margin-inline-end: 8px; + margin-top: -2px; + } + } + } + hr{ + width: 100%; + height: 2px; + background-color: white; + z-index: 3; + } + .course_actions{ + width: 100%; + height: auto; + display: flex; + justify-content: space-between; + align-items: center; + z-index: 3; + gap: 20px; + .course_level_container{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 20px; + .course_level{ + width: auto; + height: auto; + display: flex; + justify-content: flex-start; + align-items: flex-end; + .bar { + width: 6px; + margin-inline-start: 5px; + background-color: #E0E0E0; + border-radius: 10px; + transition: background-color 0.3s ease; + &:nth-child(1){ + height: 14px; + } + &:nth-child(2){ + height: 18px; + } + &:nth-child(3){ + height: 22px; + } + &:nth-child(4){ + height: 26px; + } + &:nth-child(5){ + height: 30px; + } + } + .bar.active { + background-color: #2ECC71; + } + } + span{ + font-size: 28px; + font-weight: 300; + color: white; + } + } + .course_details{ + text-decoration: none; + width: auto; + height: 80px; + padding: 0px 30px; + display: flex; + justify-content: center; + align-items: center; + font-size: 28px; + font-weight: 300; + color: $secondary; + background-color: white; + border-radius: 18px; + border: none; + outline: none; + line-height: 1; + box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1215686275); + transition: all ease-in-out .5s; + cursor: pointer; + } + } + } + } + } + } + .our_team_container{ + width: 100%; + height: auto; + background-image: url(../../img/our-team.png); + background-position: left; + background-repeat: no-repeat; + background-size: cover; + padding: 250px 600px; + h2{ + font-size: 54px; + font-weight: 700; + color: white; + text-align: center; + padding: 0px 350px; + margin-bottom: 200px; + } + .our_team_sectors{ + width: 100%; + height: auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + .sector{ + width: 48%; + height: auto; + display: flex; + justify-content: flex-start; + align-items: center; + gap: 40px; + margin-bottom: 80px; + img{ + width: 250px; + height: 250px; + } + .sector_content{ + width: auto; + height: 180px; + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 30px; + border-left: 3px solid white; + padding-inline-start: 40px; + h3{ + font-size: 34px; + font-weight: 700; + color: white; + text-align: start; + } + span{ + font-size: 30px; + font-weight: 400; + color: white; + text-align: start; + line-height: 1.5; + } + } + } + } + } +} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/swiper-bundle.min.css b/odex25_base/odex_new_website/static/src/css/swiper-bundle.min.css new file mode 100644 index 000000000..f3f213e33 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/swiper-bundle.min.css @@ -0,0 +1,13 @@ +/** + * Swiper 8.4.6 + * Most modern mobile touch slider and framework with hardware accelerated transitions + * https://swiperjs.com + * + * Copyright 2014-2023 Vladimir Kharlampidi + * + * Released under the MIT License + * + * Released on: January 17, 2023 + */ + + @font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, 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');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/variables.css b/odex25_base/odex_new_website/static/src/css/variables.css new file mode 100644 index 000000000..1451a1536 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/variables.css @@ -0,0 +1 @@ +/*# sourceMappingURL=variables.css.map */ \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/variables.css.map b/odex25_base/odex_new_website/static/src/css/variables.css.map new file mode 100644 index 000000000..639caba5b --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/variables.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"variables.css"} \ No newline at end of file diff --git a/odex25_base/odex_new_website/static/src/css/variables.scss b/odex25_base/odex_new_website/static/src/css/variables.scss new file mode 100644 index 000000000..7e8a7ad70 --- /dev/null +++ b/odex25_base/odex_new_website/static/src/css/variables.scss @@ -0,0 +1,3 @@ +$primary: #0C3A5A; +$secondary: #0CB28B; +$accent: white; \ No newline at end of file diff --git a/odex25_base/odex_new_website/template/courses.xml b/odex25_base/odex_new_website/template/courses.xml new file mode 100644 index 000000000..c9cd15383 --- /dev/null +++ b/odex25_base/odex_new_website/template/courses.xml @@ -0,0 +1,963 @@ + + + + diff --git a/odex25_base/odex_new_website/template/footer.xml b/odex25_base/odex_new_website/template/footer.xml new file mode 100644 index 000000000..c6b5551bb --- /dev/null +++ b/odex25_base/odex_new_website/template/footer.xml @@ -0,0 +1,42 @@ + + + + diff --git a/odex25_base/odex_new_website/template/header.xml b/odex25_base/odex_new_website/template/header.xml new file mode 100644 index 000000000..d2007f2ab --- /dev/null +++ b/odex25_base/odex_new_website/template/header.xml @@ -0,0 +1,48 @@ + + + + + + \ No newline at end of file diff --git a/odex25_base/odex_new_website/template/index.xml b/odex25_base/odex_new_website/template/index.xml new file mode 100644 index 000000000..d3725d704 --- /dev/null +++ b/odex25_base/odex_new_website/template/index.xml @@ -0,0 +1,284 @@ + + + + diff --git a/odex25_base/odex_new_website/template/resources.xml b/odex25_base/odex_new_website/template/resources.xml new file mode 100644 index 000000000..425e83694 --- /dev/null +++ b/odex25_base/odex_new_website/template/resources.xml @@ -0,0 +1,35 @@ + + + +