@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@font-face { font-family: 'impactregular'; src: url('../fonts/unicode.impact-webfont.woff2') format('woff2'), url('../fonts/unicode.impact-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }
html { font-size: 100%; }
* { outline: none; margin: 0px; padding: 0px; box-sizing: border-box; }
h1,
h2,
h3,
h4,
h5,
h6 { margin: 0px; padding: 0px; font-family: 'impactregular'; font-weight: normal; }
ul,
li { margin: 0px; padding: 0px; }
p { line-height: 30px; }
img { outline: none; }
body { font-family: "Poppins", sans-serif; font-size: 1em; color: #fff; background: #000 !important; }
.container { width: 1300px; margin: 0 auto; }
.flex-container { display: flex; }
.clear { clear: both; }
.foster-title { font-size: 4.3em; position: relative; display: flex; justify-content: center; flex-flow: column; align-items: center; line-height: 1; padding-bottom: 25px; color: #e74045; text-transform: uppercase; }
.foster-title:before { content: ""; background: #e74045; height: 80px; width: 3px; display: inline-block; position: relative; top: -50px; }
.foster-but { background: #E31E24; padding: 10px 16px; border-radius: 4px; text-align: center; text-decoration: none; color: #fff; display: inline-block; font-size: 1.2em; text-transform: uppercase; letter-spacing: 1px; }
/*Header*/
.header { padding: 2em 3em; position: absolute; top: 0; left: 0; width: 100%; transition: 0.5s; z-index: 9; }
.sticky .header { background: #1c1c1c; z-index: 999; position: fixed; box-shadow: 0 0 20px #00000061; transition: 0.5s; padding: 0.5em 3em; }
.sticky .logo img { width: 170px; }
.header .flex-container { justify-content: space-between; align-items: center; }
.header nav ul li { display: inline-block; padding: 10px 0px; }
.header nav ul li a { text-decoration: none; color: #fff; padding: 0 20px; width: 100%; display: inline-block; font-size: 1.2em; }
.header nav ul li a:hover { color: #e74045; }
.header .foster-but { padding: 0px; color: #e74045; letter-spacing: 0px; background: no-repeat; font-size: 1.5em; font-weight: 700; line-height: 1; display: flex; align-items: center; gap: 7px; }
.foster-but img { width: 18px; }
.close-menu,
.hamburger-menu { display: none; }
.logo img { width: 240px; }
/**/
.hero-slider .slick-slide .mobile-banner { display: none; }
.hero-slider .slick-slide img { width: 100%; }
.slick-slider { margin-bottom: 0px; }
.slick-slide { position: relative; margin-bottom: 0; }
.banner-title h2 { font-size: 4.4em; text-transform: uppercase; line-height: 1.1; }
.banner-title h2 span { color: #e74045; }
.banner-title { position: absolute; width: 50%; left: 12%; top: 50%; transform: translateY(-50%); }
.banner-title p { font-size: 1.5em; display: inline-block; margin-top: 2em; }
.banner-title p small { color: #e74045; font-size: 100%; }
.word { position: absolute; opacity: 0; }
/*.space .letter:nth-child(6) { margin-left: 20px; }*/
.letter { display: inline-block; position: relative; float: left; transform: translateZ(25px); transform-origin: 50% 50% 25px; }
.letter.out { transform: rotateX(90deg); transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.letter.behind { transform: rotateX(-90deg); }
.letter.in { transform: rotateX(0deg); transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.growth { margin-right: 10px; display: inline-block; }
.allword { display: inline; }
/**/
.about { width: 100%; display: inline-block; text-align: center; color: #fff; padding: 0em 0 8em 0; }
.about p { font-size: 1.4em; line-height: 42px; padding: 10px 0; }
.about p a { color: #e74045; text-decoration: none; }
/*Our-Approach*/
.approach { padding-bottom: 10em; color: #fff; }
.approach .container { width: 1600px; }
.approach .flex-container { display: flex; gap: 3em; margin-top: 3em; position: relative; }
.approach .flex-container:before { content: ""; height: 2px; width: 100%; position: absolute; left: 0; top: 50%; background: #fff; transform: translateY(-50%); }
.approach h3 { font-size: 1.5em; text-transform: uppercase; letter-spacing: 1px; }
.approach-box { flex: 1 1 calc((100% / 6) - 0em); flex-wrap: wrap; display: flex; text-align: center; }
.approach-box > div { flex: 1 1 calc((100% / 1) - 0em); text-align: center; display: flex; justify-content: center; padding-bottom: 4em; }
.approach-box:nth-child(even) div { order: 3; padding-bottom: 0; padding-top: 4em; }
.approach-box:nth-child(even) div feimage:after { top: auto; bottom: 100%; }
.approach-box feimage { width: 70px; background: #e74045; padding: 7px; display: flex; height: 70px; font-size: 2.2em; align-items: center; justify-content: center; border-radius: 6px; position: relative; }
.approach-box feimage:after { height: 35px; width: 2px; position: absolute; content: ""; top: 100%; left: 50%; background: #fff; }
.approach-box aside { flex: 1 1 calc((75% / 1) - 0em); text-align: center; }
.approach-box aside p { color: #8e8e8e; line-height: 23px; padding-top: 5px; }
/*Our-Services*/
.our-services { color: #fff; padding-bottom: 10em; background-size: cover; background-attachment: fixed; }
/*.approach .foster-title:before,
.our-services .foster-title:before { background: #ffffff; }*/
.our-services .flex-container { flex-wrap: wrap; gap: 2em; margin-top: 3em; }
.service-box { border-radius: 20px; color: #000; text-align: center; flex: 0 1 calc((100% / 3) - 2rem); }
.service-box h3 { font-size: 2.3em; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 1px; }
.service-box h3 span { width: 100%; display: inline-block; color: #e74045; }
.service-box img { height: 370px; width: 100%; object-fit: cover; }
.flip-container { perspective: 1000; }
.flip-container:hover .flipper,
.flip-container.hover .flipper { transform: rotateY(180deg); }
.flip-container { width: 100%; height: 535px; text-align: left; }
.flipper { transition: 0.6s; transform-style: preserve-3d; position: relative; height: 100%; }
.front,
.back { backface-visibility: hidden; position: absolute; cursor: pointer; top: 0; left: 0; width: 100%; }
.front { padding: 26px; background: #2c2c2c; z-index: 2; transform: rotateY(0deg); height: 100%; }
.back { transform: rotateY(180deg); padding: 2em 1.5em; background: #e74045; color: #fff; height: 100%; display: flex; justify-content: center; flex-direction: column; }
.service-box .back h3 span { background: linear-gradient(to right, #E3000F 0%, #ff0073 60%); -webkit-background-clip: text; -webkit-text-fill-color: white; font-weight: bold; }
.back ul li { display: inline-block; width: 100%; padding: 8px 0; font-size: 1.5em; text-align: center; }
.front feimage { width: 100%; display: inline-block; height: 100%; padding-top: 20px; }
.our-approach-mobile{display:none !important;}
/**/
.cta { padding: 6em 0; color: #fff; text-align: center; background-attachment: fixed; position: relative; z-index: 1; background-position: center; }
.cta h2 { font-size: 4em; padding-bottom: 20px; color: #e74045; text-transform: uppercase; }
.cta a { font-size: 1.5em; font-weight: bold; color: #fff; padding: 6px 30px; margin-top: 20px; display: inline-block; text-transform: capitalize; border: solid 3px #e74045;     text-decoration: none;}
/*Gallery*/
.gallery .flex-container { flex-wrap: wrap; gap: 2em; }
.gallery-grid { flex: 0 1 calc((100% / 3) - 1.4em); }
.gallery-grid img { width: 100%; }
.gallery .container { width: 1000px; }
.gallery-slider { position: relative; padding: 20px; margin-top: 4em; }
.gallery .gallery-slider:before { content: ""; width: 120px; height: 120px; position: absolute; left: 0; top: 0; border: solid #e74045; border-width: 8px 0 0 8px; z-index: 9; }
.gallery .gallery-slider:after { content: ""; width: 120px; height: 120px; position: absolute; right: 0; bottom: 0; border: solid #e74045; border-width: 0px 8px 8px 0; z-index: 9; }
.gallery .slick-next,
.gallery .slick-prev { width: 50px; height: 50px; z-index: 9; background: none; }
.gallery .slick-slide img { display: block; width: 100%; filter: grayscale(1); transition: 0.5s; }
.gallery .slick-slide:hover img { filter: none; transition: 0.5s; }
.gallery .slick-next:before,
.gallery .slick-prev:before { font-size: 50px; opacity: 1; }
button.slick-prev { left: -8%; }
button.slick-next { right: -8%; }
/**/
.form-map { color: #fff; padding: 8em 0; background-size: cover; background-attachment: fixed; }
.form-map .flex-container { gap: 5em; }
.left-form { flex: 1 1 calc((50% / 1) - 3rem); }
.left-form .foster-title { font-size: 3.125em; display: inline-block; }
.left-form .foster-title:before { display: none; }
.left-form ul { display: flex; flex-wrap: wrap; gap: 1em; padding: 0; }
.left-form ul li { display: inline-block; width: 100%; flex: 1 1 calc((100% / 1) - 0em); }
.left-form ul li:nth-child(1),
.left-form ul li:nth-child(2) { flex: 1 1 calc((50% / 1) - 1.5em); }
.left-form ul li:last-child { flex: 0 1 calc((200px / 1) - 0em); }
.left-form ul li input,
.left-form ul li textarea { border: none; width: 100%; height: 50px; padding: 6px 10px; }
.left-form ul li textarea { height: 100px; }
.left-form ul li input.wpcf7-submit { background: none; font-weight: bold; font-size: 1.5em; color: #fff !important; border: solid 3px #e74045; line-height: 1; padding: 14px 0 20px 0; display: inline-block; height: auto; }
.right-map { flex: 1 1 calc((50% / 1) - 3rem); }
.right-map iframe { width: 100%; height: 400px; border: none; }
.general-enquiries ul li img { width: 30px; }
/**/
.footer { padding: 6em 0 3em 0; color: #fff; }
.footer-left { flex: 0 1 calc((38% / 1) - 2rem); }
.footer-left p { font-size: 1.3em; line-height: 36px; margin-top: 20px; color: #8e8e8e; }
.general-enquiries { margin-left: auto; flex: 0 1 calc((38% / 1) - 2rem); text-align: right; }
.general-enquiries h2 { font-size: 2.6em; color: #e74045; text-transform: uppercase; }
.general-enquiries ul li { display: inline-block; width: 100%; padding: 8px 0 0 0; }
.general-enquiries ul li a { font-size: 1.5em; line-height: 36px; margin-top: 20px; color: #8e8e8e; text-decoration: none; }
.copyright { text-align: center; margin-top: 5em; color: #8e8e8e; }