/**
* Template Name: Arsha - v4.3.0
* Template URL: https://bootstrapmade.com/arsha-free-bootstrap-html-template-corporate/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
border-top: 3px solid #47b2e4;
border-bottom: 3px solid #47b2e4;
padding: 30px;
background: #fff;
width: 100%;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.contact .info i {
font-size: 20px;
color: #47b2e4;
float: left;
width: 44px;
height: 44px;
background: #e7f5fb;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
transition: all 0.3s ease-in-out;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 22px;
font-weight: 600;
margin-bottom: 5px;
color: #37517e;
}
.contact .info p {
padding: 0 0 10px 60px;
margin-bottom: 20px;
font-size: 14px;
color: #6182ba;
}
.contact .info .email p {
padding-top: 5px;
}
.contact .info .social-links {
padding-left: 60px;
}
.contact .info .social-links a {
font-size: 18px;
display: inline-block;
background: #333;
color: #fff;
line-height: 1;
padding: 8px 0;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
margin-right: 10px;
}
.contact .info .social-links a:hover {
background: #47b2e4;
color: #fff;
}
.contact .info .email:hover i, .contact .info .address:hover i, .contact .info .phone:hover i {
background: #47b2e4;
color: #fff;
}
.form2
{
display: block;
padding-left: 220px;
padding-right: 230px;
}
.margin2
{
padding-right: 10px;
}
.contact .php-email-form {
display: inline-block;
margin-left: auto;
margin-right: auto;
text-align: left;
width: 100%;
border-top: 3px solid #47b2e4;
border-bottom: 3px solid #47b2e4;
padding: 30px;
background: #fff;
box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}
.contact .php-email-form .form-group {
padding-bottom: 8px;
}
.contact .php-email-form .validate {
display: none;
color: red;
margin: 0 0 15px 0;
font-weight: 400;
font-size: 13px;
}
.contact .php-email-form .error-message {
display: none;
color: #fff;
text-align: left;
padding: 5px;
font-weight: 600;
}
.contact .php-email-form .error-message br + br {
margin-top: 5px;
}
.contact .php-email-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}
.contact .php-email-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px;
}
.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #18d26e;
border-top-color: #eee;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}
.contact .php-email-form .form-group {
margin-bottom: 20px;
}
.contact .php-email-form label {
padding-bottom: 8px;
}
.contact .php-email-form input, .contact .php-email-form textarea {
border-radius: 0;
box-shadow: none;
font-size: 14px;
border-radius: 4px;
}
.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
border-color: #47b2e4;
}
.contact .php-email-form input {
height: 44px;
}
.contact .php-email-form textarea {
padding: 10px 12px;
}
.contact .php-email-form button[type="submit"] {
background: #47b2e4;
border: 0;
padding: 12px 34px;
color: #fff;
transition: 0.4s;
border-radius: 50px;
}
.contact .php-email-form button[type="submit"]:hover {
background: #209dd8;
}
@-webkit-keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Thanks
--------------------------------------------------------------*/
#thanks{
background-color: #fff;
margin-bottom: 100px;
padding-top: 0px;
margin-top: 0px;
}
.thanks .marginres
{
padding-top: 11rem;
}
.thanks .section-title1 h2 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
/*--------------------------------------------------------------
# Contact - Intro
--------------------------------------------------------------*/
.custom-file-wrp{
align-items: center;
display: flex;
}
.filename {
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 15px;
min-width: 200px;
color: #999;
margin-left: 20px;
}
.custom-file input[type="file"]
{
display: none
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 20px;
text-align: center;
}
.custom-file label:hover {
background: #47b2e4;
color: #fff;
}
.contact .php-email-form .fileupload label {
padding-bottom: 8px;
background-color: whitesmoke;
width: 180px;
height: 29px;
border: ridge;
text-align: center;
cursor: pointer;
}
#404 {
background-color: #415094;
}
.mainbox2 {
background-color: #415094;
margin: auto;
height: 600px;
width: 600px;
position: relative;
}
.err2 {
color: #ffffff;
font-family: 'Nunito Sans', sans-serif;
font-size: 11rem;
position:absolute;
left: 20%;
top: 8%;
}
.far2 {
position: absolute;
font-size: 8.5rem;
left: 42%;
top: 15%;
color: #ffffff;
}
.err22 {
color: #ffffff;
font-family: 'Nunito Sans', sans-serif;
font-size: 11rem;
position:absolute;
left: 68%;
top: 8%;
}
.msg2 {
text-align: center;
font-family: 'Nunito Sans', sans-serif;
font-size: 1.6rem;
position:absolute;
left: 16%;
top: 45%;
width: 75%;
}
#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 0px;
}
#methodologybeha .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 45px;
}
#contactintro {
margin-bottom: 0;
padding-top: 60px;
background: url("../img/contacts/contact.webp") center/cover no-repeat #f3f5fa;
height: 745px;
display: flex;
align-items: center;
}
.contactintro .content {
text-align:center;
flex-direction: row;
color:#37517e;
font-family:'Roboto';
font-weight:300;
font-size:42px;
padding-top:27vh;
padding-right:5vh;
height:100vh;
overflow:hidden;
}
.contactintro .content .info2 {
display:inline-block;
overflow:hidden;
white-space:nowrap;
}
.info2:first-of-type { /* For increasing performance
ID/Class should've been used.
For a small demo
it's okaish for now */
animation: showup 11s infinite;
}
.info2:last-of-type {
width:0px;
animation: reveal 11s infinite;
}
.info2:last-of-type span {
margin-left:-205px;
animation: slidein 21s infinite;
}
@keyframes showup {
0% {opacity:0;}
20% {opacity:1;}
80% {opacity:1;}
100% {opacity:0;}
}
@keyframes slidein {
0% { margin-left:-500px; }
20% { margin-left:-500px; }
35% { margin-left:0px; }
100% { margin-left:0px; }
}
@keyframes reveal {
0% {opacity:0;width:0px;}
20% {opacity:1;width:0px;}
30% {width:355px;}
80% {opacity:1;}
100% {opacity:0;width:655px;}
}
.p5 {
font-size:12px;
color:#999;
margin-top:200px;
}
/*--------------------------------------------------------------
# Home
--------------------------------------------------------------*/
#home {
width: 100%;
height: 100%;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
min-height: 804px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 100%;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell {
display: table-cell;
vertical-align: middle;
z-index: 500;
}
.home-content-tablecell .row {
position: relative;
padding-top: 16.2rem;
padding-bottom: 15rem;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 2.2rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 9rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell .more {
margin: 4.8rem 0 0 0;
}
.home-content-tablecell .more .button {
border-color: #FFFFFF;
color: #FFFFFF;
}
/* home social-list */
.home-social-list {
position: absolute;
left: 48px;
bottom: 54px;
margin: 0;
padding: 0;
list-style: none;
font-size: 2.4rem;
line-height: 1.75;
text-align: center;
}
.home-social-list::before {
display: block;
content: "";
width: 2px;
height: 42px;
background-color: rgba(255, 255, 255, 0.3);
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
.home-social-list li {
padding-left: 0;
}
.home-social-list li a, .home-social-list li a:visited {
color: #FFFFFF;
}
.home-social-list li a:hover,
.home-social-list li a:focus,
.home-social-list li a:active {
color: goldenrod;
}
video {
position:absolute;
width: 100%;
height: auto;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 5rem;
line-height: 1.133;
color: #FFFFFF;
}
body {
font-family: "Open Sans", sans-serif;
color: #444444;
}
a {
color: #47b2e4;
text-decoration: none;
}
a:hover {
color: #73c5eb;
text-decoration: none;
}
h1, h2, h3, h4 {
font-family: "Jost", sans-serif;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #37517e;
}
#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #37517e;
border-top-color: #fff;
border-bottom-color: #fff;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}
@-webkit-keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background: #47b2e4;
width: 40px;
height: 40px;
border-radius: 50px;
transition: all 0.4s;
}
.back-to-top i {
font-size: 24px;
color: #fff;
line-height: 0;
}
.back-to-top:hover {
background: #6bc1e9;
color: #fff;
}
.back-to-top.active {
visibility: visible;
opacity: 1;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
}
#header.header-scrolled, #header.header-inner-pages {
background: rgba(40, 58, 90, 0.9);
}
#header .logo {
font-size: 30px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
#header .logo a {
color: #fff;
}
#header .logo img {
max-height: 40px;
}
#header1 {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
background: rgba(40, 58, 90, 0.9);
}
#header1.header-scrolled, #header.header-inner-pages {
background: rgba(40, 58, 90, 0.9);
}
#header1 .logo {
font-size: 30px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
#header1 .logo a {
color: #fff;
}
#header1 .logo img {
max-height: 40px;
}
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation
*/
.navbar {
padding: 60;
}
.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}
.navbar ul ul.submenu
{
flex-wrap: wrap;
position:absolute;
align-items: center;
width:250px;
background:#fff;
left:0;
top:120%;
visibility:hidden;
opacity:0;
box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
padding:17px 0;
border-top:5px solid #014b85;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.navbar ul ul.submenu>li
{
flex-wrap: wrap;
margin-left:7px;
display:block
}
.navbar ul ul.submenu>li>a
{
padding:6px 10px !important;
font-size:14px;
color:#0b1c39;
text-transform:capitalize
}
.navbar ul ul.submenu>li>a:hover
{
color:#014b85;
align-items: center;
background:none
}
.navbar ul>li:hover>ul.submenu
{
align-items: center;
visibility:visible;
opacity:1;
top:100%
}
.navbar li {
position: relative;
max-width: 200px;
}
.navbar a, .navbar a:focus {
display: flex;
align-items: center;
padding: 10px 0 10px 30px;
font-size: 15px;
font-weight: 500;
color: #fff;
white-space: nowrap;
transition: 0.3s;
}
.dropdown .dropdown-menu
{
-webkit-transition:all 0.3s;
-moz-transition:all 0.3s;
-ms-transition:all 0.3s;
-o-transition:all 0.3s;
transition:all 0.3s
}
.navbar a i, .navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
color: #47b2e4;
}
.navbar .getstarted {
padding: 8px 20px;
margin-left: 30px;
border-radius: 50px;
color: #fff;
font-size: 14px;
border: 2px solid #47b2e4;
font-weight: 600;
}
.navbar .getstarted:hover {
color: #fff;
background: #31a9e1;
}
.navbar .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
border-radius: 4px;
}
.navbar .dropdown ul li {
min-width: 200px;
}
.navbar .dropdown ul a {
padding: 10px 20px;
font-size: 14px;
text-transform: none;
font-weight: 500;
color: #0c3c53;
}
.navbar .dropdown ul a i {
font-size: 12px;
}
.navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
color: #47b2e4;
}
.navbar .dropdown:hover > ul {
opacity: 1;
top: 100%;
visibility: visible;
}
.navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden;
}
.navbar .dropdown .dropdown:hover > ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}
@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
left: -90%;
}
.navbar .dropdown .dropdown:hover > ul {
left: -100%;
}
}
/**
* Mobile Navigation
*/
.mobile-nav-toggle {
color: #fff;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}
.mobile-nav-toggle.bi-x {
color: #fff;
}
@media (max-width: 991px) {
.mobile-nav-toggle {
display: block;
}
.navbar ul {
display: none;
}
}
.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(40, 58, 90, 0.9);
transition: 0.3s;
z-index: 999;
}
.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 15px;
right: 15px;
}
.navbar-mobile ul {
display: block;
position: absolute;
top: 55px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
border-radius: 10px;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
}
.navbar-mobile a {
padding: 10px 20px;
font-size: 15px;
color: #37517e;
}
.navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
color: #47b2e4;
}
.navbar-mobile .getstarted {
margin: 15px;
color: #37517e;
}
.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}
.navbar-mobile .dropdown ul li {
min-width: 200px;
}
.navbar-mobile .dropdown ul a {
padding: 10px 20px;
}
.navbar-mobile .dropdown ul a i {
font-size: 12px;
}
.navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
color: #47b2e4;
}
.navbar-mobile .dropdown > .dropdown-active {
display: block;
}
/*--------------------------------------------------------------
# who we are Section
--------------------------------------------------------------*/
#recruitment .img-fluid {
max-width: 100%;
height: auto;
padding-right: 40px;
}
#methodology .img-fluid {
max-width: 100%;
height: auto;
padding-right: 40px;
}
#img{
border-radius: 20px;
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}
#img1{
border-radius: 20px;
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background:url("../img/who/back.png");
background-repeat: no-repeat;
background-position: top 45px right 65px;
}
#who h1 {
margin: 0 0 10px 0;
font-size: 48px;
font-weight: 700;
line-height: 56px;
color: #fff;
}
#who h2 {
color: #37517e;
margin-bottom: 10px;
}
#who .btn-get-started {
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 10px 28px 11px 28px;
border-radius: 50px;
transition: 0.5s;
margin: 10px 0 0 0;
color: #fff;
background: #37517e;
}
#who .btn-get-started:hover {
background: #209dd8;
}
#who .btn-watch-video {
font-size: 16px;
display: flex;
align-items: center;
transition: 0.5s;
margin: 10px 0 0 25px;
color: #37517e;
line-height: 1;
}
#who .btn-watch-video i {
line-height: 0;
color: #37517e;
font-size: 32px;
transition: 0.3s;
margin-right: 8px;
}
#who .btn-watch-video:hover i {
color: #47b2e4;
}
#who .animated {
animation: up-down 2s ease-in-out infinite alternate-reverse both;
}
@media (max-width: 991px) {
#who {
height: 120vh;
text-align: center;
}
#who .animated {
-webkit-animation: none;
animation: none;
}
#who .who-img {
text-align: center;
}
#who .who-img img {
width: 50%;
}
}
@media (max-width: 768px) {
#who h1 {
font-size: 28px;
line-height: 36px;
}
#who h2 {
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
}
#who h5 {
font-size: 18px;
line-height: 36px;
}
#who .who-img img {
width: 70%;
}
}
@media (max-width: 575px) {
#who .who-img img {
width: 80%;
}
#who .btn-get-started {
font-size: 16px;
padding: 10px 24px 11px 24px;
}
}
@-webkit-keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
@keyframes up-down {
0% {
transform: translateY(10px);
}
100% {
transform: translateY(-10px);
}
}
.section-title {
padding-bottom: 30px;
}
.section-title h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
}
.section-title p {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services{
padding-bottom: 60px;
padding-top: 20px;
}
.services .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
background: #fff;
}
.services .icon-box .icon {
margin-bottom: 10px;
}
.services .icon-box .icon i {
color: #47b2e4;
font-size: 36px;
transition: 0.3s;
}
.services .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
.services .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.services .icon-box:hover {
transform: translateY(-10px);
}
.services .icon-box:hover h4 a {
color: #47b2e4;
}
/*--------------------------------------------------------------
# Call
--------------------------------------------------------------*/
.call {
background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url("../img/call/call.jpg") fixed center center;
background-size: cover;
padding: 120px 0;
}
.call h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
}
.call p {
color: #fff;
}
.call .call-btn {
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 40px;
border-radius: 50px;
transition: 0.5s;
margin: 10px;
border: 2px solid #fff;
color: #fff;
}
.call .call-btn:hover {
background: #47b2e4;
border: 2px solid #47b2e4;
}
@media (max-width: 1024px) {
.call {
background-attachment: scroll;
}
}
@media (min-width: 769px) {
.call .call-btn-container {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq{
padding-bottom: 80px;
padding-top: 50px;
}
.faq .faq-list {
padding: 0 100px;
}
.faq .faq-list ul {
padding: 0;
list-style: none;
margin-left: 0rem;
}
.faq .faq-list li + li {
margin-top: 15px;
}
.faq .faq-list li {
padding: 20px;
background: #fff;
border-radius: 4px;
position: relative;
}
.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 0 30px;
outline: none;
cursor: pointer;
}
.faq .faq-list .icon-help {
font-size: 24px;
position: absolute;
right: 0;
left: 20px;
color: #47b2e4;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}
.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
}
.faq .faq-list .icon-show {
display: none;
}
.faq .faq-list a.collapsed {
color: #37517e;
transition: 0.3s;
}
.faq .faq-list a.collapsed:hover {
color: #47b2e4;
}
.faq .faq-list a.collapsed .icon-show {
display: inline-block;
}
.faq .faq-list a.collapsed .icon-close {
display: none;
}
@media (max-width: 1200px) {
.faq .faq-list {
padding: 0;
}
}
.fac .accordion-list span {
color: #47b2e4;
font-weight: 600;
font-size: 18px;
padding-right: 10px;
}
.fac.accordion-list i {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}
/*--------------------------------------------------------------
# Vision Misson Values
--------------------------------------------------------------*/
.vision{
padding-bottom: 80px;
}
.vision .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
background: #fff;
}
.vision .icon-box .icon {
margin-bottom: 10px;
}
.vision .icon-box .icon i {
color: #47b2e4;
font-size: 36px;
transition: 0.3s;
}
.vision .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
.vision .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
.vision .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.vision .icon-box:hover {
transform: translateY(-10px);
}
.vision .icon-box:hover h4 a {
color: #47b2e4;
}
/*--------------------------------------------------------------
# Message From the Director
--------------------------------------------------------------*/
#message{
transition: 15s;
width: 100%;
background:url("../img/who/back2.png");
background-repeat: no-repeat;
background-position: top 45px left -320px;
padding-bottom: 60px;
}
#imgmessage{
border-end-start-radius: 140px;
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
margin-bottom: 100px;
margin-left: 70px;
}
#message .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
}
#message .icon-box .icon {
margin-bottom: 10px;
}
#message .icon-box .icon i {
color: #47b2e4;
font-size: 36px;
transition: 0.3s;
}
#message .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
#message .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
#message .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
#message .icon-box:hover {
transform: translateY(-10px);
}
#message .icon-box:hover h4 a {
color: #47b2e4;
}
#message cite {
display: block;
font-size: 0.75em;
line-height: 1.8em;
margin-top: 1em;
}
/*--------------------------------------------------------------
# Business Area
--------------------------------------------------------------*/
#business{
transition: 15s;
width: 100%;
padding-top: 60px;
background-repeat: no-repeat;
background-position: top 45px left -320px;
padding-bottom: 60px;
}
.business .area {
position: relative;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding: 30px;
border-radius: 5px;
background: #fff;
transition: 0.5s;
}
.business .area .pic {
overflow: hidden;
width: 430px;
border-radius: 100%;
margin-right: 30px;
height: fit-content;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 123px;
}
.business .area:hover {
transform: translateY(-10px);
}
.business .area .member-info {
padding-left: 30px;
}
.business .area h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 20px;
color: #37517e;
}
.business .area span {
margin-left: 10px;
display: block;
font-size: 15px;
padding-bottom: 10px;
position: relative;
font-weight: 500;
}
.business .area span::after {
content: '';
position: absolute;
display: block;
width: 50px;
height: 1px;
background: #cbd6e9;
bottom: 0;
left: 0;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 14px;
margin-left: 10px;
}
.business .area.social {
margin-top: 12px;
display: flex;
align-items: center;
justify-content: flex-start;
}
.business .area.social a {
transition: ease-in-out 0.3s;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 32px;
height: 32px;
background: #eff2f8;
}
.business .area .social a i {
color: #37517e;
font-size: 16px;
margin: 0 2px;
}
.business .area.social a:hover {
background: #47b2e4;
}
.business .area.social a:hover i {
color: #fff;
}
.business .area.social a + a {
margin-left: 8px;
}
/*--------------------------------------------------------------
# Responsability
--------------------------------------------------------------*/
.marginres
{
padding-top: 4rem;
}
#responsability{
background-color: #fff;
margin-bottom: 90px;
padding-top: 0px ;
margin-top: 0px;
}
.responsability .content h3 {
font-weight: 600;
font-size: 26px;
}
.responsability .content ul {
list-style: none;
padding: 0;
}
.responsability .content ul li {
padding-left: 28px;
position: relative;
}
.responsability .content ul li + li {
margin-top: 10px;
}
.responsability .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.responsability .content p:last-child {
margin-bottom: 0;
}
.responsability .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.responsability .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
.responsability .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
background: #fff;
}
.responsability .icon-box .icon {
margin-bottom: 10px;
}
.responsability .icon-box .icon i {
color: #47b2e4;
font-size: 36px;
transition: 0.3s;
}
.responsability .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
.responsability .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
.responsability .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.responsability .icon-box:hover {
transform: translateY(-10px);
}
.responsability .icon-box:hover h4 a {
color: #47b2e4;
}
.responsability ul{
margin-left: 0px;
}
.blockquote-custom {
padding-left: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 3rem;
border: 2px solid #2b3638;
position: relative;
width: 400px;
}
blockquote {
margin: 0 0 1rem;
}
blockquote {
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
}
.blockquote-custom h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 25px;
line-height: 1.133;
color: black;
font-weight:bold;
}
.margin
{
padding-top: 8rem;
}
.resp-big-areas:first-child {
width: 56%;
padding: 2rem;
margin-bottom: 1rem;
float: left;
}
.resp-big-areas:first-child {
border: 1px solid;
}
.resp-big-areas:nth-child(2) {
width: 37%;
height: 230%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.resp-big-areas:nth-child(2) {
border: 1px solid;
margin-left: 30px;
margin-right: 50px;
}
.resp-big-areas:nth-child(3) {
width: 56%;
padding: 2rem;
height: 100%;
margin-top: 0.5rem;
float: left;
}
.resp-big-areas:nth-child(3) {
border: 1px solid;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem!important;
}
.resp-big-areas:first-child.a:hover
{
background-color: black;
}
.resp-big-areas:hover {
background-color: #37517e;
color: #fff;
}
.reveal.active2{
transform: translateY(0);
opacity: 1;
}
.container3
{
background-color: #f3f5fa;
}
.reveal{
position: relative;
transform: translateY(150px);
opacity: 0;
transition: 1s all ease;
}
.reveal.active{
transform: translateY(0);
opacity: 1;
}
.container2 {
width: 900px;
position: relative;
display: flex;
justify-content: space-between;
}
.container2 .card2 {
position: relative;
border:0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 10px;
}
.container2 .card2 .icon2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #37517e;
transition: 0.7s;
z-index: 1;
}
.container2 .card2:nth-child(1) .icon2 {
background: #37517e;
}
.container2 .card2:nth-child(2) .icon2 {
background: #37517e;
}
.container2 .card2:nth-child(3) .icon2 {
background: #37517e;
}
.container2 .card2 .icon2 .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 80px;
transition: 0.7s;
color: #fff;
}
.i2 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 80px;
transition: 0.7s;
color: #fff;
}
.container2 .card2 .face {
width: 300px;
height: 200px;
transition: 0.5s;
}
.container2 .card2 .face.face1 {
position: relative;
background: #333;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
transform: translateY(100px);
}
.container2 .card2:hover .face.face1{
background: #ff0057;
transform: translateY(0px);
}
.container2 .card2 .face.face1 .content {
opacity: 1;
transition: 0.5s;
}
.container2 .card2:hover .face.face1 .content {
opacity: 1;
}
.container2 .card2 .face.face1 .content i{
max-width: 100px;
}
.container2 .card2 .face.face2 {
position: relative;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
box-shadow: 0 10px 10px rgba(0,0,0,0.3);
transform: translateY(-100px);
}
.container2 .card2:hover .face.face2{
transform: translateY(0);
}
.container2 .card2 .face.face2 .content p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
.container2 .card2 .face.face2 .content h3 {
margin: 0 0 10px 0;
padding: 0;
color: #fff;
font-size: 24px;
text-align: center;
color: #37517e;
}
.container2 a {
text-decoration: none;
color: #37517e;
}
.container4{
max-width: fit-content ;
height: 650px;
}
/*--------------------------------------------------------------
# portfolio
--------------------------------------------------------------*/
.portfolio-details {
width: auto;
}
.portfolio-details .portfolio-details-portfolio img {
width: 100%;
height: 100%;
background-size: cover;
}
.portfolio-details .portfolio-details-portfolio .swiper-pagination {
margin-top: 20px;
position: relative;
}
.portfolio-details .portfolio-details-portfolio .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #47b2e4;
}
.portfolio-details .portfolio-details-portfolio .swiper-pagination .swiper-pagination-bullet-active {
background-color: #47b2e4;
}
.portfolio-details .portfolio-info {
padding: 30px;
box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);
}
.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}
.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}
.portfolio-details .portfolio-info ul li + li {
margin-top: 10px;
}
.portfolio.portfolio-description {
padding-top: 30px;
}
.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}
.portfolio-details .portfolio-description p {
padding: 0;
}
/*--------------------------------------------------------------
# Recruitment
--------------------------------------------------------------*/
#recruitment{
background-color: #fff;
padding-bottom: 90px;
padding-top: 60px ;
}
.recruitment .content h3 {
font-weight: 600;
font-size: 26px;
}
.recruitment .content ul {
list-style: none;
padding: 0;
}
.recruitment .content ul li {
padding-left: 28px;
position: relative;
}
.recruitment .content ul li + li {
margin-top: 10px;
}
.recruitment .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.recruitment .content p:last-child {
margin-bottom: 0;
}
.recruitment .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.recruitment .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# Process
--------------------------------------------------------------*/
#process{
background-color: #f3f5fa;
padding-bottom: 90px;
padding-top: 60px ;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius:200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 115px;
}
.process .row
{
margin-left: 75px;
}
.process .icon-box .icon {
margin-bottom: 10px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 66px;
transition: 0.3s;
margin-left: 43px;
margin-top: 40px;
}
.process .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
.like p {
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
.process .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
.process .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.process .icon-box:hover {
transform: translateY(-10px);
}
.process .icon-box:hover h4 a {
color: #47b2e4;
}
/*--------------------------------------------------------------
# Methodology
--------------------------------------------------------------*/
#methodology{
background-color: #fff;
padding-bottom: 90px;
padding-top: 90px ;
background:url("../img/recruitment/1.png");
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 60px;
}
.methodology .content h3 {
font-weight: 700;
font-size: 32px;
color: #37517e;
font-family: "Poppins", sans-serif;
}
.methodology .content ul {
list-style: none;
padding: 0;
}
.methodology .content ul li {
padding-bottom: 10px;
}
.methodology .content ul i {
font-size: 20px;
padding-right: 4px;
color: #47b2e4;
}
.methodology .content p:last-child {
margin-bottom: 0;
}
.methodology .progress {
height: 60px;
display: block;
background: none;
border-radius: 0;
}
.methodology .progress .skill {
padding: 0;
margin: 0 0 6px 0;
text-transform: uppercase;
display: block;
font-weight: 600;
font-family: "Poppins", sans-serif;
color: #37517e;
}
.methodology .progress .skill .val {
float: right;
font-style: normal;
}
.methodology .progress-bar-wrap {
background: #e8edf5;
height: 10px;
}
.methodology .progress-bar {
width: 1px;
height: 10px;
transition: .9s;
background-color: #4668a2;
}
/*--------------------------------------------------------------
# Benefits
--------------------------------------------------------------*/
#benefits{
background-color: #f3f5fa;
padding-bottom: 90px;
padding-top: 40px ;
}
.benefits .content h3 {
font-weight: 600;
font-size: 26px;
}
.benefits .content ul {
list-style: none;
padding: 0;
}
.benefits .content ul li {
padding-left: 28px;
position: relative;
}
.benefits .content ul li + li {
margin-top: 10px;
}
.benefits .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.benefits .content p:last-child {
margin-bottom: 0;
}
.benefits .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.benefits .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
.time3 { width: 1700px; padding-left: 140px;}
.main-timeline12 .timeline{padding:0 2px;position:relative;display:inline-block; }
.main-timeline12 .col-md-2{-ms-flex:0 0 15.666667%;flex:0 0 15.666667%;max-width:15.666667%}
.main-timeline12 .timeline-icon{display:block;text-align:center;padding:20px 0 55px;z-index:1;position:relative}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon{padding:55px 0 20px}
.main-timeline12 .timeline-icon:before{content:"";width:1px;height:75%;background:#37517e;margin:0 auto;position:absolute;bottom:0;left:0;right:0;z-index:-1;transition:all .3s ease 0s}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon:before{bottom:auto;top:0}
.main-timeline12 .timeline:hover .timeline-icon:before{background:#47b2e4}
.main-timeline12 .timeline-icon i{width:45px;height:45px;line-height:45px;border-radius:50%;background:#37517e;font-size:14px;color:#fff;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .timeline-icon i{background:#47b2e4;animation:icon-load 2.5s ease 0s infinite}
.main-timeline12 .border{height:15px;background:#37517e;margin-bottom:0;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .border{background:#47b2e4}
.main-timeline12 .timeline:first-child .border{border-radius:4px 0 0 4px}
.main-timeline12 .timeline:last-child .border{border-radius:0 4px 4px 0}
.main-timeline12 .timeline:nth-child(2n) .border{margin:18px 0 0}
.main-timeline12 .timeline-content{padding:15px;border:1px solid #ddd;background:#f9f9f9;border-radius:3px;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .timeline-content{background:#47b2e4}
.main-timeline12 .title{font-size:18px;font-weight:700;color:#37517e;text-transform:uppercase;margin:0 0 10px;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .title{color:#fff}
.main-timeline12 .timeline-content .description{font-size:14px;color:#888;margin:0;transition:all .3s ease 0s}
.main-timeline12 .timeline:hover .description{color:#fff}
@keyframes icon-load{0%{transform:rotate(-12deg)}
8%{transform:rotate(12deg)}
10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}
18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}
100%,75%{transform:rotate(0)}
}
@media only screen and (max-width:990px){.main-timeline12 .timeline{margin-bottom:20px}
}
@media only screen and (max-width:767px){.main-timeline12 .timeline-icon{padding-top:0}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon{padding-bottom:0}
.main-timeline12 .border{margin-bottom:10px}
.main-timeline12 .timeline:nth-child(2n) .border{margin:10px 0 0}
.main-timeline12 .timeline-content{text-align:center}
}
/*--------------------------------------------------------------
# Career Management Counselling
--------------------------------------------------------------*/
#counselling {
background:url("../img/career/career3.jpg");
background-repeat: no-repeat;
background-position: right 0px;
background-size:contain;
height: 600px;
margin-bottom: 100px;
margin-top: 60px;
}
#counselling .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .1;
background-color: #19191b;
}
.counselling .content h3 {
font-weight: 600;
font-size: 26px;
}
.counselling .content ul {
list-style: none;
padding: 0;
}
.counselling .content ul li {
padding-left: 28px;
position: relative;
}
.counselling .content ul li + li {
margin-top: 10px;
}
.counselling .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.counselling .content p:last-child {
margin-bottom: 0;
}
.counselling .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.counselling .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# Career
--------------------------------------------------------------*/
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background:url("../img/career/career.png");
background-repeat: no-repeat;
background-position: left 10px;
background-size: 33%;
background-color: #f3f5fa;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 100px;
}
.career {
min-width: 300px;
max-width: 500px;
margin-left: 153px;
}
.career p {
font-size: 1em;
line-height: 1.75em;
border-top: 3px solid;
-o-border-image: linear-gradient(to right, #743ad5 0%, #d53a9d 100%);
border-image: linear-gradient(to right, #743ad5 0%, #d53a9d 100%);
border-image-slice: 1;
border-width: 3px;
margin: 0;
padding: 40px;
counter-increment: section;
position: relative;
color: #34435E;
}
.career p:before {
content: counter(section);
position: absolute;
border-radius: 50%;
padding: 7px;
height: 2.25em;
width: 2.25em;
background-color: #34435E;
text-align: center;
line-height: 1.25em;
color: #ffffff;
font-size: 1em;
}
.career p:nth-child(odd) {
border-right: 3px solid;
padding-left: 0;
}
.career p:nth-child(odd):before {
left: 101%;
margin-left: -20px;
}
.career p:nth-child(even) {
border-left: 3px solid;
padding-right: 0;
}
.career p:nth-child(even):before {
right: 100%;
margin-right: -20px;
}
.career p:first-child {
border-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.career p:last-child {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
/*--------------------------------------------------------------
# Management
--------------------------------------------------------------*/
#management{
background-color: #fff;
margin-bottom: 90px;
padding-top: 0px ;
}
.management .content h3 {
font-weight: 600;
font-size: 26px;
}
.management .content ul {
list-style: none;
padding: 0;
}
.management .content ul li {
padding-left: 28px;
position: relative;
}
.management .content ul li + li {
margin-top: 10px;
}
.management .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.management .content p:last-child {
margin-bottom: 0;
}
.management .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.management .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
.management .icon-box {
box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
padding: 50px 30px;
transition: all ease-in-out 0.4s;
background: #fff;
}
.management .icon-box .icon {
margin-bottom: 10px;
}
.management .icon-box .icon i {
color: #47b2e4;
font-size: 36px;
transition: 0.3s;
}
.management .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
.management .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
.management .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.management .icon-box:hover {
transform: translateY(-10px);
}
.management .icon-box:hover h4 a {
color: #47b2e4;
}
.management ul{
margin-left: 0px;
}
/*--------------------------------------------------------------
# Important
--------------------------------------------------------------*/
#important{
background-color: #f3f5fa;
padding-bottom: 60px;
padding-top: 60px ;
padding-left: 180px;
padding-right: 140px;
}
.important .content h3 {
font-weight: 600;
font-size: 26px;
}
.important .content ul {
list-style: none;
padding: 0;
}
.important .content ul li {
padding-left: 28px;
position: relative;
}
.important .content ul li + li {
margin-top: 10px;
}
.important .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.important .content p:last-child {
margin-bottom: 0;
}
.important .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.important .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1.25em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
blockquote:before {
content: "";
position: absolute;
top: 50%;
left: -4px;
height: 2em;
background-color: #f3f5fa;
width: 5px;
margin-top: -1em;
}
blockquote:after {
content: "\201E";
position: absolute;
font-size: large;
top: 45%;
left: -0.5em;
color: #47b2e4;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: normal;
line-height: 1em;
text-align: center;
text-indent: -2px;
width: 1em;
font-weight: 900;
margin-top: -0.5em;
transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
}
blockquote.format:before, blockquote.format:after {
display: none;
}
blockquote.book:after {
content: "";
}
blockquote.podcast:after {
content: "";
}
blockquote.lyrics:after {
content: "";
}
blockquote.favorite:after {
content: "";
}
blockquote:active:after {
transform: rotateY(360deg);
}
blockquote cite {
display: block;
font-size: 0.75em;
line-height: 1.8em;
margin-top: 1em;
}
@media (max-width: 1200px) {
body, html {
font-size: 18px;
}
}
@media (max-width: 980px) {
body, html {
font-size: 16px;
}
.container {
max-width: 720px;
padding: 0 3em;
}
blockquote {
font-size: 1.1em;
margin: 1.1em -2em;
}
}
@media (max-width: 767px) {
body, html {
font-size: 16px;
}
.container {
padding: 0 2em 3em;
}
blockquote {
border-top: 0px solid #00CC8F;
border-bottom: 0px solid #00CC8F;
border-left: none;
margin: 1.5em 0;
padding: 1.5em 1em;
}
blockquote cite {
text-align: right;
}
}
.bt_bb_floating_element_horizontal_position_right.bt_bb_floating_element {
transform: translateX(35%);
margin-top: 3em;
mix-blend-mode: multiply;
}
.hr2 {
display: block;
position: relative;
width: 120vw;
height: 2px;
margin: 3rem 0 5rem -50vw;
border: none;
border-bottom: 2px dashed rgba(124, 70, 87, 0.25);
float: left;
}
.hr ~ * {
clear: both;
}
/*--------------------------------------------------------------
# Behavioural Training
--------------------------------------------------------------*/
#training{
background-color: #f3f5fa;
padding-bottom: 60px;
padding-top: 20px ;
}
.training .content h3 {
font-weight: 600;
font-size: 26px;
}
.training .content ul {
list-style: none;
padding: 0;
margin-left: 0px;
}
.training .content ul li {
padding-left: 28px;
position: relative;
}
.training .content ul li + li {
margin-top: 10px;
}
.training .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.training .content p:last-child {
margin-bottom: 0;
}
.training .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.training .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# Behavioural
--------------------------------------------------------------*/
#behavioural{
background-color: #fff;
padding-bottom: 90px;
padding-top: 60px ;
display: flex;
align-items: center;
background:url("../img/behavioural/team3.jpg");
background-repeat: no-repeat;
background-position: left 10px;
background-size: 2000px;
background-color: #f3f5fa;
}
.behavioural .content h3 {
font-weight: 600;
font-size: 26px;
}
.behavioural .content ul {
list-style: none;
padding: 0;
}
.behavioural .content ul li {
padding-left: 28px;
position: relative;
}
.behavioural .content ul li + li {
margin-top: 10px;
}
.behavioural .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.behavioural .content p:last-child {
margin-bottom: 0;
}
.behavioural .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.behavioural .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# Methodology Behavioural Training
--------------------------------------------------------------*/
#methodologybeha{
background-color: #fff;
padding-bottom: 30px;
padding-top: 20px ;
}
:root{
--background-dark: #2d3548;
--text-light: rgba(255,255,255,0.6);
--text-lighter: rgba(255,255,255,0.9);
--spacing-s: 8px;
--spacing-m: 16px;
--spacing-l: 24px;
--spacing-xl: 32px;
--spacing-xxl: 64px;
--width-container: 1200px;
}
*{
border: 0;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.hero-section{
align-items: flex-start;
display: flex;
min-height: 100%;
justify-content: center;
padding: var(--spacing-xxl) var(--spacing-l);
}
.card-grid{
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: var(--spacing-l);
grid-row-gap: var(--spacing-l);
max-width: var(--width-container);
width: 100%;
}
@media(min-width: 540px){
.card-grid{
grid-template-columns: repeat(2, 1fr);
}
}
@media(min-width: 960px){
.card-grid{
grid-template-columns: repeat(4, 1fr);
}
}
.card{
list-style: none;
position: relative;
border: 0px;
height: 200px;
}
.card:before{
content: '';
display: block;
padding-bottom: 150%;
width: 100%;
}
.card__background{
background:url("../img/behavioural/Active.webp");
background-size: cover;
background-position: center;
border-radius: var(--spacing-l);
bottom: 0;
filter: brightness(0.75) saturate(1.2) contrast(0.85);
left: 0;
position: absolute;
right: 0;
top: 0;
transform-origin: center;
transition:
filter 200ms linear,
transform 200ms linear;
}
.card__background2{
background:url("../img/behavioural/Collaborative.webp");
background-size: cover;
background-position: center;
border-radius: var(--spacing-l);
bottom: 0;
filter: brightness(0.75) saturate(1.2) contrast(0.85);
left: 0;
position: absolute;
right: 0;
top: 0;
transform-origin: center;
transition:
filter 200ms linear,
transform 200ms linear;
}
.card__background3{
background:url("../img/behavioural/Hands-On.webp");
background-size: cover;
background-position: center;
border-radius: var(--spacing-l);
bottom: 0;
filter: brightness(0.75) saturate(1.2) contrast(0.85);
left: 0;
position: absolute;
right: 0;
top: 0;
transform-origin: center;
transition:
filter 200ms linear,
transform 200ms linear;
}
.card__background4{
background:url("../img/behavioural/Immersive.webp");
background-size: cover;
background-position: center;
border-radius: var(--spacing-l);
bottom: 0;
filter: brightness(0.75) saturate(1.2) contrast(0.85);
left: 0;
position: absolute;
right: 0;
top: 0;
transform-origin: center;
transition:
filter 200ms linear,
transform 200ms linear;
}
.card__content{
left: 0;
padding: var(--spacing-l);
position: absolute;
top: 0;
}
.card__category{
color: var(--text-light);
font-size: 0.9rem;
margin-bottom: var(--spacing-s);
text-transform: uppercase;
}
.card__heading{
color: var(--text-lighter);
font-size: 1.9rem;
text-shadow: 2px 2px 20px rgba(0,0,0,0.2);
line-height: 1.4;
word-spacing: 100vw;
}
.containercards{
margin-top: 80px;
margin-left: 600px;
margin-right: 400px;
}
.icon-cards {
position: relative;
width: 100vw;
height: 40vw;
max-width: 350px;
max-height: 250px;
margin: 0;
color: white;
perspective: 1000px;
transform-origin: center;
}
.icon-cards__content {
position: absolute;
width: 100%;
height: 100%;
transform-origin: center;
transform-style: preserve-3d;
transform: translateZ(-30vw) rotateY(0);
-webkit-animation: carousel 10s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards;
animation: carousel 10s infinite cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.icon-cards__content.step-animation {
-webkit-animation: carousel 8s infinite steps(1) forwards;
animation: carousel 8s infinite steps(1) forwards;
}
.icon-cards__item {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 60vw;
height: 40vw;
max-width: 380px;
max-height: 250px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
border-radius: 6px;
transform-origin: center;
}
.icon-cards__item:nth-child(1) {
background: #FDD94F;
transform: rotateY(0) translateZ(35vw);
}
.icon-cards__item:nth-child(2) {
background: #F87949;
transform: rotateY(120deg) translateZ(35vw);
}
.icon-cards__item:nth-child(3) {
background: #FBAB48;
transform: rotateY(240deg) translateZ(35vw);
}
@-webkit-keyframes carousel {
0%, 17.5% {
transform: translateZ(-35vw) rotateY(0);
}
27.5%, 45% {
transform: translateZ(-35vw) rotateY(-120deg);
}
55%, 72.5% {
transform: translateZ(-35vw) rotateY(-240deg);
}
82.5%, 100% {
transform: translateZ(-35vw) rotateY(-360deg);
}
}
@keyframes carousel {
0%, 17.5% {
transform: translateZ(-35vw) rotateY(0);
}
27.5%, 45% {
transform: translateZ(-35vw) rotateY(-120deg);
}
55%, 72.5% {
transform: translateZ(-35vw) rotateY(-240deg);
}
82.5%, 100% {
transform: translateZ(-35vw) rotateY(-360deg);
}
}
.checkbox {
position: relative;
margin-top: 2rem;
font-size: 0.9rem;
font-weight: bold;
text-transform: uppercase;
color: #F47956;
transition: color 0.3s ease;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.checkbox:hover {
color: #F7A95A;
}
.checkbox__checkbox {
position: relative;
top: 0;
width: 1.0625rem;
height: 1.0625rem;
background: white;
border: 1px solid currentColor;
border-radius: 4px;
vertical-align: middle;
transition: background 0.1s ease;
cursor: pointer;
}
.checkbox__checkbox::after {
content: "";
position: absolute;
top: 1px;
left: 5px;
width: 5px;
height: 11px;
opacity: 0;
transform: rotate(45deg) scale(0);
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
transition: all 0.3s ease;
transition-delay: 0.15s;
}
.checkbox__label {
margin-left: 5px;
vertical-align: middle;
cursor: pointer;
}
.checkbox > input:checked ~ .checkbox__checkbox {
border-color: transparent;
background: #F47956;
-webkit-animation: jelly 0.6s ease;
animation: jelly 0.6s ease;
}
.checkbox > input:checked ~ .checkbox__checkbox:after {
opacity: 1;
transform: rotate(45deg) scale(1);
}
@-webkit-keyframes jelly {
from {
transform: scale(1, 1);
}
30% {
transform: scale(1.25, 0.75);
}
40% {
transform: scale(0.75, 1.25);
}
50% {
transform: scale(1.15, 0.85);
}
65% {
transform: scale(0.95, 1.05);
}
75% {
transform: scale(1.05, 0.95);
}
to {
transform: scale(1, 1);
}
}
@keyframes jelly {
from {
transform: scale(1, 1);
}
30% {
transform: scale(1.25, 0.75);
}
40% {
transform: scale(0.75, 1.25);
}
50% {
transform: scale(1.15, 0.85);
}
65% {
transform: scale(0.95, 1.05);
}
75% {
transform: scale(1.05, 0.95);
}
to {
transform: scale(1, 1);
}
}
/*------------*/
/* ARROW UP */
/*------------*/
.arrow-up{
height:100px;
}
.arrow-up:before {
content: "";
position:absolute;
left:0px;
width:50%;
height:100px;
background: linear-gradient(to right bottom, #fff 49%, #f3f5fa 50%);
}
.arrow-up:after {
content: "";
position:absolute;
right:0px;
width:50%;
height:100px;
background: linear-gradient(to left bottom, #fff 49%, #f3f5fa 50%);
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
font-size: 14px;
background: #37517e;
}
#footer .footer-newsletter {
padding: 50px 0;
background: #f3f5fa;
text-align: center;
font-size: 15px;
color: #444444;
}
#footer .footer-newsletter h4 {
font-size: 24px;
margin: 0 0 20px 0;
padding: 0;
line-height: 1;
font-weight: 600;
color: #37517e;
}
#footer .footer-newsletter form {
margin-top: 30px;
background: #fff;
padding: 6px 10px;
position: relative;
border-radius: 50px;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
text-align: left;
}
#footer .footer-newsletter form input[type="email"] {
border: 0;
padding: 4px 8px;
width: calc(100% - 100px);
}
#footer .footer-newsletter form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border: 0;
background: none;
font-size: 16px;
padding: 0 20px;
background: #47b2e4;
color: #fff;
transition: 0.3s;
border-radius: 50px;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
#footer .footer-newsletter form input[type="submit"]:hover {
background: #209dd8;
}
#footer .footer-top {
padding: 60px 0 30px 0;
background: #fff;
}
#footer .footer-top .footer-contact {
margin-bottom: 30px;
}
#footer .footer-top .footer-contact h3 {
font-size: 28px;
margin: 0 0 10px 0;
padding: 2px 0 2px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
color: #37517e;
}
#footer .footer-top .footer-contact p {
font-size: 14px;
line-height: 24px;
margin-bottom: 0;
font-family: "Jost", sans-serif;
color: #5e5e5e;
}
#footer .footer-top h4 {
font-size: 16px;
font-weight: bold;
color: #37517e;
position: relative;
padding-bottom: 12px;
}
#footer .footer-top .footer-links {
margin-bottom: 30px;
}
#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer .footer-top .footer-links ul i {
padding-right: 2px;
color: #47b2e4;
font-size: 18px;
line-height: 1;
}
#footer .footer-top .footer-links ul li {
padding: 10px 0;
display: flex;
align-items: center;
}
#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}
#footer .footer-top .footer-links ul a {
color: #777777;
transition: 0.3s;
display: inline-block;
line-height: 1;
}
#footer .footer-top .footer-links ul a:hover {
text-decoration: none;
color: #47b2e4;
}
#footer .footer-top .social-links a {
font-size: 18px;
display: inline-block;
background: #47b2e4;
color: #fff;
line-height: 1;
padding: 8px 0;
margin-right: 4px;
border-radius: 50%;
text-align: center;
width: 36px;
height: 36px;
transition: 0.3s;
}
#footer .footer-top .social-links a:hover {
background: #209dd8;
color: #fff;
text-decoration: none;
}
#footer .footer-bottom {
padding-top: 30px;
padding-bottom: 30px;
color: #fff;
}
#footer .copyright {
float: left;
}
#footer .credits {
float: right;
padding-left: .5rem;
font-size: 13px;
}
#footer .credits a {
transition: 0.3s;
}
@media (max-width: 768px) {
#footer .footer-bottom {
padding-top: 20px;
padding-bottom: 20px;
}
#footer .copyright, #footer .credits {
text-align: center;
float: none;
}
#footer .credits {
padding-top: 4px;
}
}
.space{
margin-bottom: 70px;
}
.space2{
margin-bottom: 80px;
}
.space3{
margin-bottom: 50px;
}
.section-title4 {
padding-bottom: 30px;
}
.section-title4 h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title4 h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
}
.section4-title p {
margin-bottom: 0;
}
.section-title1 h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title1 h2::before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.section-title1 h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
left: calc(50% - 20px);
}
.section-title1 p {
margin-bottom: 0;
}
.section-title3 {
text-align: center;
padding-top: 50px;
}
.section-title3 h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title3 h2::before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.section-title3 h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
left: calc(50% - 20px);
}
.section-title3 p {
margin-bottom: 0;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 50px;
}
.section-title2 {
text-align: center;
padding-bottom: 30px;
}
.section-title2 h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title2 h2::before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.section-title2 h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
left: calc(50% - 20px);
}
.section-title2 p {
margin-bottom: 0;
}
#message cite {
display: block;
font-size: 16px;
line-height: 1.8em;
margin-top: 1em;
}
#careeric .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x)/ -2);
margin-left: 520px
}
#careeric .col-lg-6 {
flex: 0 0 auto;
width: 100%;
}
#vision .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 50px;
}
@media only screen and (max-width: 1400px) {
#management .pt-lg-0 {
margin-left: 80px;
padding-top: 0!important;
}
#contact {
padding-bottom: 60px;
}
#contactintro {
margin-bottom: 0px;
padding-top: 60px;
background: url(../img/contacts/contact.webp);
background-repeat: no-repeat;
background-position: left 88px;
background-size: contain;
background-color: #f3f5fa;
height: 675px;
}
#responsability .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 80px;
}
#methodologybeha {
background-color: #fff;
padding-bottom: 30px;
padding-top: 40px;
}
#management {
background-color: #fff;
margin-bottom: 90px;
padding-top: 50px;
}
#vision .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 80px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 85px;
}
/* HOME */
#home {
width: 100%;
height: 604px;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
max-height: 504px;
min-height: 704px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 404px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.8rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 8.9rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 4.7rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1150px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
#vision .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 50px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 85px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 50%;
background-color: #f3f5fa;
}
/* RECRUITMENT */
#methodology {
background-color: #fff;
padding-bottom: 90px;
padding-top: 90px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1450px;
padding-bottom: 60px;
}
.time3 {
width: 1700px;
padding-left: 140px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 15.666667%;
flex: 0 0 15.666667%;
max-width: 13.666667%;
}
/* Behavioural */
#behavioural {
padding-bottom: 40px;
padding-top: 60px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-color: #f3f5fa;
}
.col-lg-2 {
flex: 0 0 auto;
width: 8.6666666667%;
}
/* Responsibility */
.resp-big-areas:nth-child(2) {
width: 37%;
height: 222%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
/* About */
.container2 .card2 .face {
width: 260px;
height: 200px;
transition: 0.5s;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 13px;
margin-left: 10px;
}
/* footer */
#footer .footer-top .footer-contact p {
font-size: 13px;
}
#footer .footer-top .footer-links ul a {
font-size: 13px;
}
.space2{
margin-bottom: 130px;
}
.space3{
margin-bottom: 20px;
}
#message cite {
display: block;
font-size: 16px;
line-height: 1.8em;
margin-top: 1em;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 110px;
}
.section-title4{
padding-bottom: 0px;
}
}
@media only screen and (max-width: 1330px) {
#management .pt-lg-0 {
margin-left: 80px;
padding-top: 0!important;
}
#contact {
padding-bottom: 60px;
}
#contactintro {
margin-bottom: 0px;
padding-top: 60px;
background: url(../img/contacts/contact.webp);
background-repeat: no-repeat;
background-position: left 88px;
background-size: contain;
background-color: #f3f5fa;
height: 660px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 85px;
}
#vision .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 50px;
}
/* HOME */
#home {
width: 100%;
height: 604px;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
max-height: 504px;
min-height: 704px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 404px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.8rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 8.9rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 4.7rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1150px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 15px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 50%;
background-color: #f3f5fa;
}
/* RECRUITMENT */
#methodology {
background-color: #fff;
padding-bottom: 90px;
padding-top: 90px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1450px;
padding-bottom: 60px;
}
.time3 {
width: 1700px;
padding-left: 110px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 15.666667%;
flex: 0 0 15.666667%;
max-width: 13.666667%;
}
/* Behavioural */
#behavioural {
padding-bottom: 40px;
padding-top: 60px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1700px;
background-color: #f3f5fa;
}
.col-lg-2 {
flex: 0 0 auto;
width: 8.6666666667%;
}
/* Responsibility */
.resp-big-areas:nth-child(2) {
width: 37%;
height: 222%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
/* About */
.container2 .card2 .face {
width: 260px;
height: 200px;
transition: 0.5s;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 13px;
margin-left: 10px;
}
/* footer */
#footer .footer-top .footer-contact p {
font-size: 13px;
}
#footer .footer-top .footer-links ul a {
font-size: 13px;
}
.space2{
margin-bottom: 130px;
}
.space3{
margin-bottom: 20px;
}
}
@media only screen and (max-width: 1300px) {
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 50px;
}
#contactintro {
margin-bottom: 0px;
padding-top: 60px;
background: url(../img/contacts/contact.webp);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
background-color: #f3f5fa;
height: 610px;
background-size: 1740px;
}
}
@media only screen and (max-width: 1282px) {
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 30px;
}
.time3 {
width: 1700px;
padding-left: 80px;
}
}
@media only screen and (max-width: 1250px) {
#methodology .img-fluid {
max-width: 100%;
height: auto;
margin-top: 80px;
padding-right: 40px;
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 25px;
}
#contactintro {
margin-bottom: 0px;
padding-top: 60px;
background: url(../img/contacts/contact.webp);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
background-color: #f3f5fa;
height: 610px;
background-size: 1740px;
}
#responsability .section-title1 h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 60px;
position: relative;
color: #37517e;
}
/* HOME */
#home {
width: 100%;
height: 584px;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
max-height: 504px;
min-height: 704px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 404px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.8rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 8.9rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 4.7rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.business .area h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 19px;
color: #37517e;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1150px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
#vision .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 65px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 15px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 50%;
background-color: #f3f5fa;
}
/* RECRUITMENT */
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 85px;
}
#methodology {
background-color: #fff;
padding-bottom: 90px;
padding-top: 90px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1450px;
padding-bottom: 60px;
}
.time3 {
width: 1700px;
padding-left: 60px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 15.666667%;
flex: 0 0 15.666667%;
max-width: 13.666667%;
}
/* Behavioural */
#behavioural {
padding-bottom: 40px;
padding-top: 60px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1700px;
background-color: #f3f5fa;
}
.col-lg-2 {
flex: 0 0 auto;
width: 8.6666666667%;
}
/* Responsibility */
.resp-big-areas:nth-child(2) {
width: 37%;
height: 179%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
/* About */
.container2 .card2 .face {
width: 260px;
height: 200px;
transition: 0.5s;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 14px;
margin-left: 10px;
}
/* footer */
#footer .footer-top .footer-contact p {
font-size: 13px;
}
#footer .footer-top .footer-links ul a {
font-size: 13px;
}
.space2{
margin-bottom: 130px;
}
}
@media only screen and (max-width: 1220px) {
.time3 {
width: 1700px;
padding-left: 30px;
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 5px;
}
}
@media only screen and (max-width: 1201px) {
#management .pt-lg-0 {
margin-left: 20px;
padding-top: 0!important;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 16px;
}
#methodology .img-fluid {
max-width: 100%;
height: auto;
margin-top: 40px;
padding-right: 40px;
}
#contactintro {
margin-bottom: 0px;
padding-top: 60px;
background: url(../img/contacts/contact.webp);
background-repeat: no-repeat;
background-position: top;
background-size: contain;
background-color: #f3f5fa;
height: 610px;
background-size: 1640px;
}
/* HOME */
#home {
width: 100%;
height: 584px;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
max-height: 504px;
min-height: 567px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 404px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.8rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 8.2rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 4.1rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14.6px;
margin-bottom: 0;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1110px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 15px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 50%;
background-color: #f3f5fa;
}
/* RECRUITMENT */
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 85px;
}
#methodology {
background-color: #fff;
padding-bottom: 90px;
padding-top: 90px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1450px;
padding-bottom: 60px;
}
.time3 {
width: 1700px;
padding-left: 75px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 14.666667%;
flex: 0 0 14.666667%;
max-width: 12.666667%;
}
/* Behavioural */
#behavioural {
padding-bottom: 40px;
padding-top: 60px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1700px;
background-color: #f3f5fa;
}
.col-lg-2 {
flex: 0 0 auto;
width: 8.6666666667%;
}
/* About */
.container2 .card2 .face {
width: 260px;
height: 200px;
transition: 0.5s;
}
#business .area p {
margin: 10px 0 0 0;
font-size: 13px;
margin-left: 10px;
}
/* footer */
#footer .footer-top .footer-contact p {
font-size: 13px;
}
#footer .footer-top .footer-links ul a {
font-size: 13px;
}
.section-title {
padding-bottom: 20px;
}
.space2{
margin-bottom: 170px;
}
.card__content p{
font-size: 20px;
}
.career p {
font-size: 16px;
}
.management .content ul {
list-style: none;
padding: 0;
margin-top: 0px;
}
blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 1em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
.home-content-tablecell .row {
position: relative;
padding-top: 10.2rem;
padding-bottom: 15rem;
}
#message .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
#message .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
#message .icon-box p {
line-height: 24px;
font-size: 12px;
margin-bottom: 0;
}
#message cite {
font-size: 16px;
}
.space3{
margin-bottom: 40px;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 107px;
}
#footer .col-md-2 {
flex: 0 0 auto;
width: 25%;
}
}
@media only screen and (max-width: 1200px) {
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 85px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 55px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1080px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
.career {
min-width: 300px;
max-width: 500px;
margin-left: 3px;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 13px;
}
.call h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
margin-top: 15px;
}
#who .col-lg-5 {
flex: 0 0 auto;
width: 41.6666666667%;
}
.col-lg-7 {
flex: 0 0 auto;
width: 53.3333333333%;
}
.resp-big-areas:nth-child(2) {
width: 37%;
height: 156%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.col-lg-5 {
flex: 0 0 auto;
width: 46.6666666667%;
}
.section-title4 h2 {
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.blockquote-custom {
margin-left: 0px;
}
/* About */
.container2 .card2 .face {
width: 200px;
height: 200px;
transition: 0.5s;
}
.container2 .card2 .face.face2 .content p {
font-size: 13px;
}
.container2 {
width: 933px;
position: relative;
display: flex;
justify-content: space-between;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 13px;
margin-left: 10px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 15px;
min-width: 200px;
color: #999;
margin-left: 20px;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 20px;
text-align: center;
font-size: 14px;
}
.business .area h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 15px;
color: #37517e;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 100px;
}
}
@media only screen and (max-width: 1199px) {
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 15px;
min-width: 200px;
color: #999;
margin-left: 20px;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 20px;
text-align: center;
font-size: 14px;
}
.business .area h4 {
font-weight: 700;
margin-bottom: 5px;
font-size: 15px;
color: #37517e;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 100px;
}
.section-title h2 {
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title4 h2 {
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.blockquote-custom {
padding-left: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 3rem;
border: 2px solid #2b3638;
position: relative;
width: 380px;
margin-left: 0px;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 13px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1080px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
#careeric .row {
margin-left: 520px;
}
.resp-big-areas:nth-child(2) {
width: 37%;
height: 174%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 55px;
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 85px;
}
.services .icon-box p {
line-height: 24px;
font-size: 14.8px;
margin-bottom: 0;
}
/* About */
.container2 .card2 .face {
width: 200px;
height: 200px;
transition: 0.5s;
}
.container2 .card2 .face.face2 .content p {
font-size: 13px;
}
.container2 {
width: 933px;
position: relative;
display: flex;
justify-content: space-between;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 13px;
margin-left: 10px;
}
}
@media only screen and (max-width: 1150px) {
.resp-big-areas:nth-child(2) {
width: 37%;
height: 174%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.services .icon-box p {
line-height: 24px;
font-size: 14.8px;
margin-bottom: 0;
}
.section-title h2 {
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title4 h2 {
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#management .pt-lg-0 {
margin-left: 30px;
margin-top: 0px;
}
.time3 {
width: 1700px;
padding-left: 45px;
}
.career {
min-width: 300px;
max-width: 500px;
margin-left: 13px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 1010px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 55px;
}
}
@media only screen and (max-width: 1120px) {
.time3 {
width: 1700px;
padding-left: 15px;
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 55px;
}
}
@media only screen and (max-width: 1110px) {
.time3 {
width: 1700px;
padding-left: 75px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
flex: 0 0 10.366667%;
max-width: 10.666667%;
}
.main-timeline12 .title {
font-size: 14px;
font-weight: 700;
color: #37517e;
text-transform: uppercase;
margin: 0 0 10px;
transition: all .3s ease 0s;
}
.main-timeline12 .timeline-content .description {
font-size: 12px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
}
@media only screen and (max-width: 1061px) {
#footer .footer-top .footer-contact h3 {
font-size: 24px;
margin: 0 0 10px 0;
padding: 2px 0 2px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
color: #37517e;
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 45px right 25px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 970px;
height: 600px;
margin-bottom: 70px;
margin-top: 60px;
}
#behavioural {
padding-bottom: 40px;
padding-top: 60px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1500px;
background-color: #f3f5fa;
}
}
@media only screen and (max-width: 1025px) {
.career p {
font-size: 13px;
}
#contactintro{
height: 530px;
background-size: 1500PX;
background-position: top;
}
#recruitment .img-fluid {
max-width: 100%;
height: auto;
padding-right: 40px;
margin-top: 40px;
}
#responsability .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
/* HOME */
#home {
width: 100%;
height: 584px;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
max-height: 504px;
min-height: 570px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 104px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.3rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 2.2rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 3.3rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 13px;
margin-bottom: 0;
}
.services .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
font-size: 19px;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 950px;
height: 600px;
margin-bottom: 0px;
margin-top: 60px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 45px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 60px;
background-size: 44%;
background-color: #f3f5fa;
}
/* RECRUITMENT */
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 55px;
}
.process .row {
margin-left: 35px;
}
.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 20px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
#methodology {
background-color: #fff;
padding-bottom: 90px;
padding-top: 90px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1450px;
padding-bottom: 60px;
}
.time3 {
width: 1700px;
padding-left: 75px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
flex: 0 0 10.366667%;
max-width: 10.666667%;
}
.main-timeline12 .timeline-content .description {
font-size: 12px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
.section-title1 h2 {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title4 h2 {
font-size: 26px;
}
.section-title3 h2 {
font-size: 26px;
}
.section-title h2 {
font-size: 26px;
}
#important {
background-color: #f3f5fa;
padding-bottom: 60px;
padding-top: 60px;
padding-left: 150px;
padding-right: 140px;
}
/* Behavioural */
#behavioural {
padding-bottom: 40px;
padding-top: 60px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1380px;
}
.hero-section {
align-items: flex-start;
display: flex;
min-height: 100%;
justify-content: center;
padding: var(--spacing-xxl) var(--spacing-l);
padding-top: 30px;
}
.col-lg-2 {
flex: 0 0 auto;
width: 8.6666666667%;
}
#training {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 20px;
}
/* Responsibility */
.resp-big-areas:nth-child(2) {
width: 37%;
height: 202%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.blockquote-custom {
padding-left: 3rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 3rem;
border: 2px solid #2b3638;
position: relative;
width: 320px;
}
.blockquote-custom h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 1.133;
color: black;
font-weight: bold;
}
/* About */
.container2 .card2 .face {
width: 200px;
height: 200px;
transition: 0.5s;
}
.container2 .card2 .face.face2 .content p {
font-size: 13px;
}
.container2 {
width: 933px;
position: relative;
display: flex;
justify-content: space-between;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 13px;
margin-left: 10px;
}
/* footer */
#footer .footer-top .footer-contact p {
font-size: 13px;
}
#footer .footer-top .footer-links ul a {
font-size: 13px;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 13px;
}
.section-title {
padding-bottom: 20px;
}
.space2{
margin-bottom: 130px;
}
.marginres {
padding-top: 6rem;
}
.card__content p{
font-size: 18px;
}
.career p {
font-size: 13px;
}
.career p:nth-child(odd):before {
left: 101%;
margin-left: -15px;
}
.career p:nth-child(even):before {
right: 100%;
margin-right: -13px;
}
.management .content ul {
list-style: none;
padding: 0;
margin-top: 0px;
}
blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.9em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
.home-content-tablecell .row {
position: relative;
padding-top: 10.2rem;
padding-bottom: 15rem;
}
#who {
transition: 15s;
width: 100%;
margin-bottom: 100px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 105px right 16px;
}
#img {
border-radius: 20px;
margin-top: 50px;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
#img1 {
border-radius: 20px;
margin-top: 50px;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
#message .icon-box h4 {
font-weight: 500;
margin-bottom: 15px;
font-size: 24px;
}
#message .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
}
#message .icon-box p {
line-height: 24px;
font-size: 12px;
margin-bottom: 0;
}
#message cite {
font-size: 13px;
}
.business .area h4 {
font-size: 15px;
}
.space3{
margin-bottom: 40px;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 90px;
}
.main-timeline12 .title {
font-size: 14px;
font-weight: 700;
color: #37517e;
text-transform: uppercase;
margin: 0 0 10px;
transition: all .3s ease 0s;
}
#call .col-lg-9 {
flex: 0 0 auto;
width: 75%;
margin-top: 10px;
}
#careeric .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-left: 460px;
}
#careeric .col-lg-6 {
flex: 0 0 auto;
width: 95%;
}
#counselling .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 5px;
}
#counselling .col-lg-6 {
flex: 0 0 auto;
width: 48%;
}
#management .pt-lg-0 {
margin-left: 30px;
margin-top: 0px;
}
}
@media only screen and (max-width: 991px) {
.navbar ul ul.submenu
{
flex-wrap: wrap;
position:absolute;
align-items: center;
height: max-content;
width:250px;
background:#fff;
left: 160px;
top:120%;
visibility:hidden;
opacity:0;
box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
padding:17px 0;
border-top:5px solid #014b85;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 160px;
}
.container2 {
width: 933px;
position: relative;
display: flex;
justify-content: space-between;
}
.container2 .card2 .face {
width: 180px;
height: 180px;
transition: 0.5s;
}
.container2 .card2 .icon2 .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
transition: 0.7s;
color: #fff;
}
.container2 .card2 .face.face2 {
position: relative;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 10px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-80px);
}
.container2 .card2 .face.face2 .content p {
font-size: 11px;
}
.container2 .card2 .face.face2 .content h3 {
margin: 0 0 10px 0;
padding: 0;
color: #fff;
font-size: 18px;
text-align: center;
color: #37517e;
}
#vision .container2 {
width: 0px;
position: relative;
display: flex;
justify-content: space-between;
}
#vision .row >* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
width: 396px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 243%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.resp-big-areas:first-child {
width: 52%;
padding: 2rem;
margin-bottom: 1rem;
float: left;
}
.resp-big-areas:nth-child(3) {
width: 52%;
padding: 2rem;
height: 100%;
margin-top: 0.5rem;
float: left;
}
.container{
max-width: 820px;
}
#footer .col-md-2 {
flex: 0 0 auto;
width: 50%;
}
#img1 {
border-radius: 20px;
margin-top: 50px;
margin-bottom: 80px;
max-width: 58%;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
/* HOME */
#home {
width: 100%;
height: 584px;
background-color:black;
background-repeat: no-repeat;
background-position: center 30%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
background-attachment: fixed;
max-height: 504px;
min-height: 540px;
position: relative;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 104px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.3rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 2.2rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 3.3rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.services .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
font-size: 19px;
}
.call {
padding-top: 60px;
padding-bottom: 60px;
}
.call .call-btn {
margin-right: 285px;
}
#who {
padding-top: 40px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 585px left 217px;
}
#call .col-lg-9 {
flex: 0 0 auto;
width: 100%;
margin-top: 10px;
}
.services {
padding-bottom: 20px;
padding-top: 20px;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 950px;
height: 600px;
margin-bottom: 0px;
margin-top: 60px;
}
#counselling .col-lg-6 {
max-width: 400px;
}
#counselling .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 45px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 60px;
background-size: 44%;
background-color: #f3f5fa;
}
#careeric .row >* {
flex-shrink: 0;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#careeric .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#careeric .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 400px;
}
#careeric .img-fluid {
max-width: 100%;
height: auto;
margin-top: 100px;
padding-right: 30px;
}
#careeric .container {
max-width: 920px;
padding: 0 3em 3em;
padding-bottom: 0px;
}
.career {
min-width: 300px;
max-width: 500px;
margin-left: 0px;
}
/* RECRUITMENT */
#recruitment {
background-color: #fff;
padding-bottom: 0px;
padding-top: 60px;
}
#header1 {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
background: rgba(40, 58, 90, 0.9);
height: 80px;
}
#recruitment .row >* {
flex-shrink: 0;
max-width: 50%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 90%;
max-width: 401%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 30px;
}
.section-title {
padding-bottom: 20px;
}
.time3 {
width: 1700px;
padding-left: 45px;
}
#behavioural .container {
max-width: 520px;
margin-right: 385px;
padding-right: 50px;
}
#training .row>* {
flex-shrink: 0;
width: 40%;
max-width: 50%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 50px;
}
#training .col-lg-4 {
margin-bottom: 70px;
}
#process {
background-color: #f3f5fa;
padding-bottom: 30px;
padding-top: 60px;
}
#recruitment .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
.align-items-stretch {
align-items: stretch!important;
padding-bottom: 40px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 40px;
}
.process .row {
margin-left: 35px;
}
.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 19px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
#methodology {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1550px;
padding-bottom: 20px;
}
#methodology .row >* {
flex-shrink: 0;
max-width: 47%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodology .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#methodology .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#methodology .img-fluid {
max-width: 100%;
height: auto;
margin-top: 100px;
padding-right: 30px;
}
#management .row >* {
flex-shrink: 0;
max-width: 56%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#management .col-lg-5 {
max-width: 44%;
margin-left: 0px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 50px;
}
blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.8em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
#management .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#management .img-fluid {
max-width: 100%;
height: auto;
margin-top: 50px;
padding-left: 30px;
}
#management {
background-color: #fff;
margin-bottom: 0px;
padding-top: 0px;
}
#important {
background-color: #f3f5fa;
padding-bottom: 60px;
padding-top: 60px;
padding-left: 50px;
padding-right: 40px;
}
#process .row>* {
flex-shrink: 0;
width: 33%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodologybeha .card {
list-style: none;
position: relative;
border: 0px;
height: 170px;
}
#methodologybeha .card__content {
left: 0;
padding-top: 15px;
padding-left: 15px;
position: absolute;
top: 0;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 360px;
}
#message .row>* {
flex-shrink: 0;
width: 50%;
max-width: 50%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#imgmessage {
border-end-start-radius: 140px;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
margin-left: 0px;
}
.business .area .pic {
overflow: hidden;
width: 195px;
border-radius: 100%;
margin-right: 30px;
height: fit-content;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 90px;
}
.thanks .section-title1 h2 {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 20px;
text-align: center;
font-size: 12px;
}
.thanks .section-title1 h2 {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.mt-5 {
margin-top: 0rem!important;
}
.filename {
font-size: 12px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 15px;
min-width: 155px;
color: #999;
margin-left: 20px;
}
#who .col-lg-5 {
flex: 0 0 auto;
width: 99.6666666667%;
}
}
@media only screen and (max-width: 981px) {
.alert {
position: relative;
padding: 1rem 1rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.25rem;
font-size: 13px;
}
.card__content p {
font-size: 15px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 245%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 40px;
}
#vision .row >* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
width: 378px;
}
#message .container {
max-width: 820px;
}
#vision .container {
max-width: 820px;
padding: 0px;
}
.space2 {
margin-bottom: 170px;
}
.section-title h2 {
font-size: 24px;
}
.section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 90%;
max-width: 401%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 100px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 30px;
}
#who {
padding-top: 40px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 565px left 254px;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 290px;
}
.call .call-btn {
margin-right: 255px;
}
.section-title4 h2 {
font-size: 24px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 120px;
}
.filename {
font-size: 12px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 15px;
min-width: 119px;
color: #999;
margin-left: 20px;
}
}
@media only screen and (max-width: 955px) {
.time3 {
width: 1700px;
padding-left: 18px;
}
#who {
padding-top: 40px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 565px left 234px;
}
.thanks .section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 913px) {
#who {
padding-top: 120px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 563px left 220px;
height: 700px;
}
#contact {
padding-bottom: 0px;
}
#contactintro {
height: 610px;
padding-top: 0px;
background-position: left 180px;
background-size: 1700px;
left: auto;
background-position: top;
}
#message {
padding-bottom: 0px;
}
.navbar ul ul.submenu
{
flex-wrap: wrap;
position:absolute;
align-items: center;
height: max-content;
width:250px;
background:#fff;
left: 160px;
top:120%;
visibility:hidden;
opacity:0;
box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
padding:17px 0;
border-top:5px solid #014b85;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 160px;
}
.container2 {
width: 933px;
position: relative;
display: flex;
justify-content: space-between;
}
.container2 .card2 .face {
width: 160px;
height: 160px;
transition: 0.5s;
}
.container2 .card2 .icon2 .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
transition: 0.7s;
color: #fff;
}
.container2 .card2 .face.face2 {
position: relative;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-60px);
}
.vision {
padding-bottom: 60px;
}
.container2 .card2 .face.face2 .content p {
line-height: 16px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
.container2 .card2 .face.face2 .content p {
font-size: 11px;
}
.container2 .card2 .face.face2 .content h3 {
margin: 0 0 10px 0;
padding: 0;
color: #fff;
font-size: 18px;
text-align: center;
color: #37517e;
}
#vision .container2 {
width: 0px;
position: relative;
display: flex;
justify-content: space-between;
margin-left: 70px;
}
#vision .row >* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
width: 378px;
}
#vision .container
{
margin-left: 50px;
padding-left: 0px;
}
#vision .col-lg-5
{
margin-right: 40px;
max-width: 40%;
margin-top: 14px;
}
.blockquote-custom h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 1.133;
color: black;
font-weight: bold;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
}
#vision .col-lg-7
{
max-width: 54%;
margin-right: 0px;
}.resp-big-areas:nth-child(2) {
width: 39%;
height: 245%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.resp-big-areas:first-child {
width: 52%;
padding: 2rem;
margin-bottom: 1rem;
float: left;
}
.resp-big-areas:nth-child(3) {
width: 52%;
padding: 2rem;
height: 100%;
margin-top: 0.5rem;
float: left;
}
.container{
max-width: 820px;
}
#footer .col-md-2 {
flex: 0 0 auto;
width: 50%;
}
#img1 {
border-radius: 20px;
margin-top: 50px;
margin-bottom: 80px;
max-width: 58%;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
/* HOME */
#home {
height: 455px;
max-height: 504px;
min-height: 460px;
}
#header {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
height: 80px;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 104px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.3rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 2.2rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 3.3rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.services .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
font-size: 19px;
}
.call {
padding-top: 60px;
padding-bottom: 30px;
}
.call .call-btn {
margin-right: 255px;
}
.faq {
padding-bottom: 30px;
padding-top: 50px;
}
#call .col-lg-9 {
flex: 0 0 auto;
width: 100%;
margin-top: 10px;
}
.services {
padding-bottom: 20px;
padding-top: 20px;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 870px;
height: 600px;
margin-bottom: 0px;
margin-top: 60px;
}
.career p {
font-size: 12.4px;
}
#counselling .col-lg-6 {
max-width: 400px;
}
#counselling .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 45px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 60px;
background-size: 44%;
background-color: #f3f5fa;
}
#careeric .row >* {
flex-shrink: 0;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#careeric .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#careeric .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 400px;
}
#careeric .img-fluid {
max-width: 100%;
height: auto;
margin-top: 100px;
padding-right: 30px;
}
#careeric .container {
max-width: 920px;
padding: 0 3em 3em;
padding-bottom: 0px;
}
.career {
min-width: 300px;
max-width: 500px;
margin-left: 0px;
}
/* RECRUITMENT */
#recruitment {
background-color: #fff;
padding-bottom: 0px;
padding-top: 20px;
}
#header1 {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
background: rgba(40, 58, 90, 0.9);
height: 80px;
}
#recruitment .row >* {
flex-shrink: 0;
max-width: 44%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#recruitment .col-lg-6
{
max-width: 56%;
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 90%;
max-width: 401%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 120px;
}
.section-title {
padding-bottom: 20px;
}
.time3 {
width: 1700px;
padding-left: 115px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 56px;
transition: 0.3s;
margin-left: 46px;
margin-top: 50px;
}
#behavioural .container {
max-width: 520px;
margin-right: 385px;
padding-right: 50px;
}
#training .row>* {
flex-shrink: 0;
width: 40%;
max-width: 50%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 50px;
}
#training .col-lg-4 {
margin-bottom: 70px;
}
#process {
background-color: #f3f5fa;
padding-bottom: 10px;
padding-top: 60px;
}
#benefits {
background-color: #f3f5fa;
padding-bottom: 60px;
padding-top: 20px;
}
#methodologybeha {
background-color: #fff;
padding-bottom: 30px;
padding-top: 0px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 5px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1280px;
}
#recruitment .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
.align-items-stretch {
align-items: stretch!important;
padding-bottom: 40px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 30px;
}
.process .row {
margin-left: 35px;
}
.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 17px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
#methodology {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1550px;
padding-bottom: 20px;
}
#methodology .row >* {
flex-shrink: 0;
max-width: 47%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodology .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#methodology .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#methodology .img-fluid {
max-width: 100%;
height: auto;
margin-top: 100px;
padding-right: 30px;
}
#management .row >* {
flex-shrink: 0;
max-width: 54%;
padding-right: 0px;
padding-left: 0px;
margin-top: 0px;
}
#management .col-lg-5 {
max-width: 46%;
margin-left: 0px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 100%;
margin-top: 100px;
}
.section-title4 h2 {
font-size: 24px;
}
.section-title h2 {
font-size: 24px;
}
.section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.8em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
#management .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#management .img-fluid {
max-width: 100%;
height: auto;
margin-top: 50px;
padding-left: 30px;
}
#management {
background-color: #fff;
margin-bottom: 0px;
padding-top: 0px;
}
#important {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 60px;
padding-left: 50px;
padding-right: 40px;
}
#process .row>* {
flex-shrink: 0;
width: 33%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodologybeha .card {
list-style: none;
position: relative;
border: 0px;
height: 170px;
}
#methodologybeha .card__content {
left: 0;
padding-top: 15px;
padding-left: 15px;
position: absolute;
top: 0;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 285px;
}
#message .row>* {
flex-shrink: 0;
width: 64%;
max-width: 44%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#message .container {
padding-right: 20px;
padding-left: 26px;
}
#message .col-lg-5
{
max-width: 56%;
padding-right: 30px;
}
#imgmessage {
border-end-start-radius: 140px;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
margin-left: 0px;
}
.business .area .pic {
overflow: hidden;
width: 195px;
border-radius: 100%;
margin-right: 30px;
height: fit-content;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 85px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
flex: 0 0 9.366667%;
max-width: 9.666667%;
}
.navbar li {
position: relative;
max-width: 150px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
flex: 0 0 9.366667%;
max-width: 8.3%;
}
.main-timeline12 .timeline-content {
padding: 12px;
border: 1px solid #ddd;
background: #f9f9f9;
border-radius: 3px;
transition: all .3s ease 0s;
}
.main-timeline12 .timeline-content .description {
font-size: 9px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
#behavioural {
padding-bottom: 0px;
padding-top: 5px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1340px;
height: 550px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 10px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 1.7rem;
border: 2px solid #2b3638;
position: relative;
width: 270px;
margin-left: 25px;
}
#vision .col-lg-7 {
max-width: 54%;
margin-left: 0px;
margin-top: 0px;
}
.container2 .card2 .face {
width: 150px;
height: 160px;
transition: 0.5s;
}
.thanks .section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 865px) {
.call {
padding-top: 20px;
padding-bottom: 30px;
}
#who {
padding-top: 120px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 563px left 200px;
height: 700px;
}
.time3 {
width: 1700px;
padding-left: 90px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 840px;
height: 600px;
margin-bottom: 0px;
margin-top: 60px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 5px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat
: no-repeat;
background-position: left 10px;
background-size: 1540px;
height: 550px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 40px;
}
#vision .col-lg-5 {
margin-right: 0px;
max-width: 40%;
margin-top: 14px;
}
#vision .container {
margin-left: 30px;
padding-left: 0px;
}
.thanks .section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 821px) {
.navbar ul ul.submenu
{
flex-wrap: wrap;
position:absolute;
align-items: center;
height: max-content;
width:250px;
background:#fff;
left: 160px;
top:120%;
visibility:hidden;
opacity:0;
box-shadow:0 0 10px 3px rgba(0,0,0,0.05);
padding:17px 0;
border-top:5px solid #014b85;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
transition:.3s
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 160px;
}
.home-content-tablecell .row {
position: relative;
padding-top: 9.2rem;
padding-bottom: 15rem;
}
.container2 {
width: 933px;
position: relative;
display: flex;
justify-content: space-between;
}
.container2 .card2 .face {
width: 160px;
height: 160px;
transition: 0.5s;
}
.container2 .card2 .icon2 .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
transition: 0.7s;
color: #fff;
}
.container2 .card2 .face.face2 {
position: relative;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 12px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-60px);
}
.vision {
padding-bottom: 60px;
}
.container2 .card2 .face.face2 .content p {
line-height: 16px;
font-size: 14px;
margin-bottom: 0;
text-align: center;
}
.container2 .card2 .face.face2 .content p {
font-size: 11px;
}
.container2 .card2 .face.face2 .content h3 {
margin: 0 0 10px 0;
padding: 0;
color: #fff;
font-size: 18px;
text-align: center;
color: #37517e;
}
#vision .container2 {
width: 0px;
position: relative;
display: flex;
justify-content: space-between;
margin-left: 30px;
}
#vision .row >* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#vision .container
{
margin-left: 20px;
padding-left: 0px;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 40%;
margin-top: 14px;
}
.blockquote-custom h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 1.133;
color: black;
font-weight: bold;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
}
#vision .col-lg-7 {
max-width: 43%;
margin-right: 0px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 232%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.resp-big-areas:first-child {
width: 52%;
padding: 2rem;
margin-bottom: 1rem;
float: left;
}
.resp-big-areas:nth-child(3) {
width: 52%;
padding: 2rem;
height: 100%;
margin-top: 0.5rem;
float: left;
}
.container{
max-width: 820px;
}
#footer .col-md-2 {
flex: 0 0 auto;
width: 50%;
}
#img1 {
border-radius: 20px;
margin-top: 50px;
margin-bottom: 80px;
max-width: 58%;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
/* HOME */
#home {
min-height: 455px;
max-height: 455px;
}
#header {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
height: 80px;
}
#home .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 704px;
opacity: .2;
background-color: #19191b;
}
.home-content-table {
width: 100%;
height: 104px;
display: table;
position: relative;
text-align: center;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.3rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 .9rem 0;
}
.home-content-tablecell h1 {
font-family: "montserrat-bold", serif;
font-size: 2.2rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 3.3rem;
line-height: 1.133;
color: #FFFFFF;
}
.services .icon-box p {
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}
.services .icon-box h4 a {
color: #37517e;
transition: ease-in-out 0.3s;
font-size: 19px;
}
.call .call-btn {
margin-right: 255px;
}
.faq {
padding-bottom: 30px;
padding-top: 50px;
}
#who {
padding-top: 120px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
background-position: top 563px left 167px;
height: 700px;
}
#call .col-lg-9 {
flex: 0 0 auto;
width: 100%;
margin-top: 10px;
}
.services {
padding-bottom: 20px;
padding-top: 20px;
}
/* CAREER */
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: right 0px;
background-size: 780px;
height: 500px;
margin-bottom: 0px;
margin-top: 60px;
}
.career p {
font-size: 12px;
}
#counselling .col-lg-6 {
max-width: 400px;
}
#counselling .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
.section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 45px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 100px;
background-size: 50%;
background-color: #f3f5fa;
}
#careeric .row >* {
flex-shrink: 0;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#careeric .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#careeric .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 400px;
}
#careeric .img-fluid {
max-width: 100%;
height: auto;
margin-top: 100px;
padding-right: 30px;
}
#careeric .container {
max-width: 920px;
padding: 0 3em 3em;
padding-bottom: 0px;
}
.career {
min-width: 300px;
max-width: 500px;
margin-left: 0px;
}
/* RECRUITMENT */
#recruitment {
background-color: #fff;
padding-bottom: 0px;
padding-top: 20px;
}
#header1 {
transition: all 0.5s;
z-index: 997;
padding: 15px 0;
background: rgba(40, 58, 90, 0.9);
height: 80px;
}
#recruitment .row >* {
flex-shrink: 0;
max-width: 44%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#recruitment .col-lg-6
{
max-width: 56%;
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 90%;
max-width: 401%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 70px;
}
.section-title {
padding-bottom: 20px;
}
.time3 {
width: 1700px;
padding-left: 45px;
}
#behavioural .container {
max-width: 520px;
margin-right: 385px;
padding-right: 0px;
}
#training .row>* {
flex-shrink: 0;
width: 40%;
max-width: 50%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 50px;
}
#training .col-lg-4 {
margin-bottom: 70px;
}
#process {
background-color: #f3f5fa;
padding-bottom: 10px;
padding-top: 60px;
}
#benefits {
background-color: #f3f5fa;
padding-bottom: 60px;
padding-top: 20px;
}
#methodologybeha {
background-color: #fff;
padding-bottom: 30px;
padding-top: 0px;
height: 630px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 5px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1170px;
height: 550px;
}
p {
margin-top: 0;
margin-bottom: 1rem;
font-size: 12px;
}
#recruitment .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
.align-items-stretch {
align-items: stretch!important;
padding-bottom: 40px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 150px;
height: 150px;
padding: auto;
margin-bottom: 20px;
margin-left: 30px;
}
.process .row {
margin-left: 35px;
}
.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 17px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
}
#methodology {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1550px;
padding-bottom: 20px;
}
#methodology .row >* {
flex-shrink: 0;
max-width: 47%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodology .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#methodology .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#methodology .img-fluid {
max-width: 100%;
height: auto;
margin-top: 100px;
padding-right: 30px;
}
#management .row >* {
flex-shrink: 0;
max-width: 56%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#management .col-lg-5
{
max-width: 44%;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 142%;
margin-top: 50px;
}
.section-title4 h2 {
font-size: 24px;
}
.section-title h2 {
font-size: 24px;
}
.section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.8em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}
#management .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: flex;
flex: auto;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#management .img-fluid {
max-width: 100%;
height: auto;
margin-top: 50px;
padding-left: 30px;
}
#management {
background-color: #fff;
margin-bottom: 0px;
padding-top: 0px;
}
#important {
background-color: #f3f5fa;
padding-bottom: 35px;
padding-top: 60px;
padding-left: 50px;
padding-right: 40px;
}
#process .row>* {
flex-shrink: 0;
width: 33%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodologybeha .card {
list-style: none;
position: relative;
border: 0px;
height: 170px;
}
#methodologybeha .card__content {
left: 0;
padding-top: 15px;
padding-left: 15px;
position: absolute;
top: 0;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 285px;
}
#message .row>* {
flex-shrink: 0;
width: 64%;
max-width: 44%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#message .container {
padding-right: 20px;
padding-left: 26px;
}
#message .col-lg-5
{
max-width: 56%;
padding-right: 30px;
}
#imgmessage {
border-end-start-radius: 140px;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
margin-left: 0px;
}
.business .area .pic {
overflow: hidden;
width: 195px;
border-radius: 100%;
margin-right: 30px;
height: fit-content;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 85px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
flex: 0 0 9.366667%;
max-width: 9%;
}
.main-timeline12 .timeline-content .description {
font-size: 10.5px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
.main-timeline12 .title {
font-size: 13px;
font-weight: 700;
color: #37517e;
text-transform: uppercase;
margin: 0 0 10px;
transition: all .3s ease 0s;
}
.time3 {
width: 1700px;
padding-left: 25px;
}
.navbar li {
position: relative;
max-width: 150px;
}
}
@media only screen and (max-width: 801px) {
.time3 {
width: 1700px;
padding-left: 15px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 142%;
margin-top: 120px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 239%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
#vision .col-lg-7 {
max-width: 43%;
margin-right: 0px;
margin-top: 0px;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 10px;
text-align: center;
font-size: 12px;
}
.thanks .section-title1 h2 {
font-size: 23px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#important {
background-color: #f3f5fa;
padding-bottom: 30px;
padding-top: 60px;
padding-left: 50px;
padding-right: 40px;
}
}
@media only screen and (max-width: 769px) {
#home {
min-height: 400px;
max-height: 420px;
}
#who {
background-position: top 563px left 155px;
}
.call .call-btn {
margin-right: 10px;
}
#who h2 {
font-size: 24px;
line-height: 24px;
margin-bottom: 30px;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 265px;
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 95%;
max-width: 401%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 120px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 120px;
height: 120px;
padding: auto;
margin-bottom: 20px;
margin-left: 35px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 54px;
transition: 0.3s;
margin-left: 34px;
margin-top: 33px;
}
#methodology {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1300px;
padding-bottom: 20px;
}
.time3 {
width: 1585px;
padding-left: 25px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 700px;
height: 500px;
margin-bottom: 0px;
margin-top: 40px;
}
#careeric .row {
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 360px;
}
#management .row >* {
flex-shrink: 0;
max-width: 60%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 80px;
padding-left: 0px;
}
#management .col-lg-5 {
max-width: 40%;
}
#important .container {
max-width: 820px;
padding-right: 40px;
}
#behavioural .container {
max-width: 520px;
margin-right: 320px;
padding-right: 0px;
}
#training .row {
width: 730px;
}
#training .img-fluid {
max-width: 100%;
height: auto;
padding-right: 20px;
}
#vision .col-lg-7 {
max-width: 43%;
margin-left: 0px;
margin-top: 20px;
}
.section-title h2 {
font-size: 21px;
}
#vision .container2 {
width: 0px;
position: relative;
display: flex;
justify-content: space-between;
margin-left: 0px;
}
.filename {
font-size: 12px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 5px;
min-width: 119px;
color: #999;
margin-left: 20px;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 75px;
}
#contactintro {
height: 610px;
padding-top: 0px;
background-position: left180px;
background-size: 1450px;
left: auto;
background-position: top;
}
.navbar li {
position: relative;
max-width: 150px;
}
.thanks .section-title1 h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 767px) {
.resp-big-areas:nth-child(2) {
width: 39%;
height: 202%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
}
@media only screen and (max-width: 735px) {
#who {
background-position: top 523px left 133px;
}
#call .col-lg-9 {
flex: 0 0 auto;
width: 100%;
margin-top: 30px;
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
flex: 0 0 9.366667%;
max-width: 9%;
}
.main-timeline12 .title {
font-size: 12px;
}
.main-timeline12 .timeline-content .description {
font-size: 8.5px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
#careeric .row {
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 320px;
}
.section-title4 h2 {
font-size: 22px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 50%;
margin-left: 10px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-left: 0px;
}
#vision .container {
margin-left: 10px;
padding-left: 0px;
}
.time3 {
width: 1435px;
padding-left: 45px;
}
.main-timeline12 .timeline-content .description {
font-size: 8.5px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 40%;
margin-top: 14px;
margin-left: 30px;
}
#vision .col-lg-7 {
max-width: 43%;
margin-left: 10px;
margin-top: 20px;
}
}
@media only screen and (max-width: 714px) {
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 210px;
}.home-content-tablecell h5 {
font-weight: bold;
font-size: 3.1rem;
line-height: 1.133;
color: #FFFFFF;
}
.navbar li {
position: relative;
max-width: 150px;
}
.thanks .section-title1 h2 {
font-size: 21px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#vision .container2 {
width: 0px;
position: relative;
display: flex;
justify-content: space-between;
margin-left: 30px;
}
.container2 .card2 .face {
width: 140px;
height: 160px;
transition: 0.5s;
}
.time3 {
width: 1435px;
padding-left: 25px;
}
.main-timeline12 .timeline-content .description {
font-size: 8.5px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
.filename {
font-size: 12px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 5px;
min-width: 119px;
color: #999;
margin-left: 10px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 208%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.section-title h2 {
font-size: 18px;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 40%;
margin-top: 25px;
margin-left: 30px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 5px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1270px;
height: 550px;
}
.section-title1 h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 700px) {
#home {
min-height: 299px;
max-height: 385px;
}
#who {
background-position: top 513px left 125px;
}
#footer .footer-top .footer-contact {
margin-bottom: 30px;
width: 310px;
}
#footer .footer-top .footer-links {
margin-bottom: 30px;
width: 310px;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 2.6rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 1.0rem;
color: white;
text-transform: uppercase;
letter-spacing: .3rem;
margin: 0 0 0.9rem 0;
}
.time3 {
width: 1435px;
padding-left: 25px;
}
.main-timeline12 .timeline-content .description {
font-size: 8.5px;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
.main-timeline12 .title {
font-size: 12px;
}
#counselling .col-lg-6 {
min-width: 395px;
}
}
@media only screen and (max-width: 687px) {
.resp-big-areas:nth-child(2) {
width: 39%;
height: 214%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
}
@media only screen and (max-width: 676px) {
#services .section-title1 h2 {
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#behavioural .container {
max-width: 520px;
margin-right: 220px;
padding-right: 0px;
}
.section-title1 h2 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 45%;
margin-left: 10px;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 250px;
}
#careeric .row {
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 300px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 150px;
padding-left: 0px;
}
.career p {
font-size: 11px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 120px;
height: 120px;
padding: auto;
margin-bottom: 20px;
margin-left: 25px;
}
.time3 {
width: 1435px;
padding-left: 5px;
}
#vision .col-lg-7 {
max-width: 43%;
margin-left: 30px;
margin-top: 20px;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 40%;
margin-top: 25px;
margin-left: 20px;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 10px;
text-align: center;
font-size: 10px;
}
.filename {
font-size: 10px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 0px;
min-width: 119px;
color: #999;
margin-left: 10px;
}
.thanks .section-title1 h2 {
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#footer .footer-top .footer-contact h3 {
font-size: 22px;
margin: 0 0 10px 0;
padding: 2px 0 2px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
color: #37517e;
}
}
@media only screen and (max-width: 668px) {
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 68px;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 5px;
text-align: center;
font-size: 10px;
}
#vision .container {
margin-left: 0px;
padding-left: 0px;
}
.time3 {
width: 1365px;
padding-left: 5px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 219%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.section-title4 h2 {
font-size: 20px;
}
#careeric .row {
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 250px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 100px;
background-size: 45%;
background-color: #f3f5fa;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 130px;
padding-left: 0px;
}
}
@media only screen and (max-width: 660px) {
#behavioural {
padding-bottom: 0px;
padding-top: 5px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left 10px;
background-size: 1170px;
height: 550px;
}
.section-title h2 {
font-size: 17px;
}
.call h3 {
color: #fff;
font-size: 24px;
font-weight: 700;
margin-top: 15px;
}
#who {
background-position: top 498px left 125px;
}
}
@media only screen and (max-width: 641px) {
#home {
min-height: 299px;
max-height: 365px;
}
.home-content-tablecell .row {
position: relative;
padding-top: 8.6rem;
padding-bottom: 15rem;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 230px;
}
#img1 {
border-radius: 20px;
margin-top: 90px;
margin-bottom: 80px;
max-width: 58%;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 120px;
height: 120px;
padding: auto;
margin-bottom: 20px;
margin-left: 21px;
}
.time3 {
width: 1365px;
padding-left: 5px;
}
#careeric .row {
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 300px;
}
.career {
min-width: 240px;
max-width: 400px;
margin-left: 0px;
}
#behavioural .container {
max-width: 620px;
margin-right: 180px;
padding-right: 0px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 44%;
margin-left: 0px;
}
.resp-big-areas:nth-child(2) {
width: 39%;
height: 219%;
position: absolute;
float: left;
right: 0;
padding: 4rem 2rem 2rem;
}
.section-title h2 {
font-size: 21px;
}
#vision .col-lg-7 {
max-width: 43%;
margin-left: 0px;
margin-top: 20px;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 43%;
margin-top: 14px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 250px;
/* margin-left: 0px; */
}
.container2 .card2 .face {
width: 140px;
height: 160px;
transition: 0.5s;
}
#vision .container2 {
width: 0px;
position: relative;
display: flex;
justify-content: space-between;
margin-left: 0px;
}
#vision .container {
margin-left: 0px;
padding-left: 0px;
}
#contactintro {
height: 360px;
padding-top: 0px;
background-position: left180px;
background-size: 1150px;
left: auto;
background-position: top;
}
.filename {
font-size: 10px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 0px;
min-width: 119px;
color: #999;
margin-left: 10px;
min-height: 45px;
}
}
@media only screen and (max-width: 625px) {
.container2 .card2 .face.face2 .content p {
font-size: 9.5px;
}
.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: 500;
padding: 0 30px;
outline: none;
cursor: pointer;
}
#header .logo {
font-size: 23px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 0.8rem;
color: white;
text-transform: uppercase;
letter-spacing: .2rem;
margin: 0 0 0.2rem 0;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 2.1rem;
line-height: 1.133;
color: #FFFFFF;
}
.home-content-tablecell .row {
position: relative;
padding-top: 7.9rem;
padding-bottom: 15rem;
}
#recruitment .col-lg-6 {
max-width: 100%;
}
#recruitment .row {
flex-direction: column-reverse;
display: flex;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 125%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 0px;
margin-left: 100px;
}
#home {
min-height: 299px;
max-height: 350px;
}
video {
position: absolute;
width: 150%;
/* position: absolute; */
height: auto;
/* height: 100%; */
/* zoom: inherit; */
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 225px;
}
#who {
background-position: top 512px left 105px;
}
#recruitment .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
}
.process .row {
margin-left: 0px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 100px;
height: 100px;
padding: auto;
margin-bottom: 20px;
margin-left: 40px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 44px;
transition: 0.3s;
margin-left: 29px;
margin-top: 27px;
}
.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 15px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
margin-left: 10px;
}
#process {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 60px;
height: 360px;
}
.methodology .progress {
height: 30px;
display: block;
background: none;
border-radius: 0;
margin-bottom: 6px;
}
.methodology .progress .skill {
padding: 0;
margin: 0 0 7px 0;
text-transform: uppercase;
/* font-weight: 600; */
display: block;
font-weight: 600;
font-size: 0.7rem;
font-family: "Poppins", sans-serif;
color: #37517e;
/* font-size: 11px; */
}
#methodology .img-fluid {
max-width: 115%;
/* size: unset; */
margin-top: 100px;
padding-right: 30px;
}
#methodology {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 980px;
padding-bottom: 20px;
}
.time3 {
width: 1805px;
padding-left: 160px;
/* flex-direction: row-reverse; */
}
.main-timeline12 .col-md-2 {
-ms-flex: 0 0 10.366667%;
margin-bottom: 40px;
display: table;
}
.main-timeline12 .timeline-icon {
padding-top: 0;
padding-bottom: 0px;
}
.main-timeline12 .timeline:first-child .border {
border-radius: 4px 0 0 4px;
display: table-column;
}
.main-timeline12 .timeline-content {
text-align: center;
height: auto;
width: 300px;
}
.main-timeline12 .title {
font-size: 13px;
}
.main-timeline12 .timeline-content .description {
font-size: 12px;
text-align: initial;
color: #888;
margin: 0;
transition: all .3s ease 0s;
}
.main-timeline12 .timeline:nth-child(2n) .border {
margin: 10px 0 0;
display: table-column;
}
.main-timeline12 .timeline:nth-child(2n) .timeline-icon {
padding-bottom: 0;
display: table-header-group;
}
.main-timeline12 .border {
margin-bottom: 10px;
display: table-column;
}
#header1 .logo {
font-size: 24px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
#counselling .col-lg-6 {
min-width: 325px;
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 600px;
height: 500px;
margin-bottom: 0px;
margin-top: 40px;
}
p {
margin-top: 0;
margin-bottom: 0.8rem;
font-size: 11px;
}
.career {
min-width: 240px;
max-width: 400px;
margin-left: 50px;
}
#management .col-lg-5 {
flex: 0 0 auto;
width: 60%;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 40px;
padding-left: 0px;
margin-left: 120px;
}
#careeric {
padding-top: 0px;
font-family: 'Poppins', sans-serif;
display: flex;
align-items: center;
background: url(../img/career/career.png);
background-repeat: no-repeat;
background-position: left 100px;
background-size: 0%;
background-color: #f3f5fa;
}
#careeric .row {
display: flex;
flex-wrap: wrap-reverse;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: 0px;
margin-left: calc(var(--bs-gutter-x)/ -2);
margin-left: 0px;
}
#management .col-lg-5 {
max-width: 80%;
margin-left: 0px;
}
#management .row >* {
flex-shrink: 0;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#important .container {
max-width: 1220px;
padding-right: 14px;
min-width: 410px;
}
#important {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 60px;
padding-left: 25px;
padding-right: 40px;
}
#behavioural .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 0px;
/* font-size: 30px; */
}
#methodologybeha .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 10px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 950px;
height: 550px;
}
#behavioural .container {
max-width: 1020px;
margin-right: 250px;
padding-right: 0px;
margin-bottom: 50px;
}
#behavioural .space {
margin-bottom: 0px;
}
#behavioural .section-title1 {
text-align: center;
padding-bottom: 0px;
padding-top: 20px;
/* font-size: 30px; */
}
#behavioural .section-title1 h2 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#training .row {
flex-direction: column;
flex-direction: column-reverse;
width: 550px;
}
#training .col-lg-4 {
margin-bottom: 0px;
max-width: 80%;
padding: 20px;
margin-top: 10px;
width: 80%;
/* position: absolute; */
margin-left: 50px;
display: flex;
}
#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 5px;
}
.resp-big-areas:first-child {
width: 100%;
padding: 2rem;
margin-bottom: 1rem;
float: left;
}
.pb-4, .py-4 {
padding-bottom: 1.5rem!important;
display: flex;
height: 60px;
}
.mb-4 {
margin-bottom: 1.5rem!important;
margin-right: 20px;
/* font-size: 10px; */
width: 35px;
height: 35px;
}
.resp-big-areas:first-child {
width: 100%;
padding: 2rem;
margin-bottom: 1rem;
float: left;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 240px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
.resp-big-areas:nth-child(3) {
width: 100%;
padding: 2rem;
height: 100%;
margin-top: 0.5rem;
float: left;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 100%;
}
.g-4, .gy-4 {
--bs-gutter-y: 1.5rem;
flex-direction: column-reverse;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 100%;
margin-top: 14px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 100px;
margin-top: 20px;
}
#vision .col-lg-7 {
max-width: 100%;
margin-left: 0px;
}
.business .area .pic {
overflow: hidden;
border-radius: 100%;
margin-right: 30px;
height: fit-content;
min-width: 75px;
}
.business .area .pic img {
transition: ease-in-out 0.3s;
height: 75px;
width: 75px;
}
#message .row>* {
flex-shrink: 0;
width: 100%;
max-width: 84%;
margin-top: 50px;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
/* margin-top: var(--bs-gutter-y); */
margin-left: 25px;
display: flex;
}
#message .col-lg-5 {
max-width: 100%;
padding-right: 30px;
display: contents;
}
#message .container {
padding-right: 20px;
padding-left: 26px;
padding-bottom: 0px;
}
#message .row {
display: table-cell;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x)/ -2);
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#vision .container2 {
width: 0px;
position: relative;
display: contents;
justify-content: space-between;
margin-left: 0px;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 153px;
}
#vision .container2 {
width: 0px;
position: relative;
display: table-cell;
justify-content: space-between;
margin-left: 50px;
height: 160px;
}
.container2 .card2:hover .face.face1 {
background: #ff0057;
/* transform: translateY(0px); */
}
.container2 .card2 .face.face1 {
position: relative;
background: #333;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
transform: translateY(0px);
}
.container2 .card2:hover .face.face2 {
transform: translate(140px, -160px);
}
.container2 .card2 .face.face2 {
position: relative;
background: #fff;
display: table-cell;
justify-content: center;
align-items: center;
padding: 12px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-160px);
}
#contactintro {
height: 480px;
padding-top: 0px;
background-position: left180px;
background-size: 1130px;
left: auto;
background-position: top;
}
#training .img-fluid {
max-width: 80%;
height: auto;
padding-right: 20px;
margin-left: 80px;
}
#vision .container {
margin-left: 20px;
padding-left: 0px;
padding-right: 50px;
}
#contact .row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: revert;
flex-wrap: wrap;
margin-top: calc(var(--bs-gutter-y) * -1);
margin-right: calc(var(--bs-gutter-x)/ -2);
margin-left: calc(var(--bs-gutter-x)/ -2);
}
#contact .col-lg-5 {
flex: 0 0 auto;
width: 100%;
}
#contact .col-lg-7 {
flex: 0 0 auto;
width: 100%;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 10px 5px;
text-align: center;
font-size: 13px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 339px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
}
@media only screen and (max-width: 601px) {
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 309px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 1050px;
height: 550px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 100px;
height: 100px;
padding: auto;
margin-bottom: 20px;
margin-left: 35px;
}
.time3 {
width: 1805px;
padding-left: 145px;
/* flex-direction: row-reverse; */
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 210px;
}
.thanks .section-title1 h2 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 565px) {
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 133px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 4px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 279px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 100px;
height: 100px;
padding: auto;
margin-bottom: 20px;
margin-left: 30px;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 195px;
}
.time3 {
width: 1805px;
padding-left: 130px;
/* flex-direction: row-reverse; */
}
#behavioural .container {
max-width: 1020px;
margin-right: 185px;
padding-right: 0px;
margin-bottom: 50px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 95%;
}
#training .img-fluid {
max-width: 80%;
height: auto;
padding-right: 20px;
margin-left: 50px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 80px;
margin-top: 20px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 279px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
.thanks .section-title1 h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
}
@media only screen and (max-width: 542px) {
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 185px;
}
.process .icon-box {
margin-left: 23px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 950px;
height: 550px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 92%;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 113px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 249px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
}
@media only screen and (max-width: 539px) {
#methodologybeha {
background-color: #fff;
padding-bottom: 30px;
padding-top: 0px;
height: 930px;
}.card__content p {
font-size: 19px;
}
}
@media only screen and (max-width: 501px) {
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 165px;
}
#who {
background-position: top 499px left 83px;
}
.time3 {
width: 1805px;
padding-left: 110px;
/* flex-direction: row-reverse; */
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 500px;
height: 500px;
margin-bottom: 0px;
margin-top: 40px;
}#important .container {
max-width: 1220px;
padding-right: 30px;
min-width: 410px;
}#behavioural .container {
max-width: 1020px;
margin-right: 135px;
padding-right: 0px;
margin-bottom: 50px;
}#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 890px;
height: 550px;
}#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 82%;
}#training .img-fluid {
max-width: 80%;
height: auto;
padding-right: 20px;
margin-left: 20px;
}.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 50px;
margin-top: 20px;
}#responsability .section-title1 h2 {
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 60px;
position: relative;
color: #37517e;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 199px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
}
@media only screen and (max-width: 482px) {
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 165px;
}
#who {
background-position: top 499px left 83px;
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 190px;
}#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 470px;
height: 500px;
margin-bottom: 0px;
margin-top: 40px;
}
.career {
min-width: 240px;
max-width: 400px;
margin-left: 30px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 40px;
padding-left: 0px;
margin-left: 100px;
}
#important .container {
max-width: 1220px;
padding-right: 54px;
min-width: 410px;
}
#behavioural .container {
max-width: 1020px;
margin-right: 125px;
padding-right: 0px;
margin-bottom: 50px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 900px;
height: 550px;
}
#methodologybeha {
background-color: #fff;
padding-bottom: 30px;
padding-top: 0px;
height: 930px;
}
.card__content p {
font-size: 19px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 82%;
}
#training .img-fluid {
max-width: 70%;
height: auto;
padding-right: 20px;
margin-left: 30px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 40px;
margin-top: 20px;
}
#responsability .section-title1 h2 {
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 60px;
position: relative;
color: #37517e;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 83px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 181px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
}
@media only screen and (max-width: 460px) {
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 135px;
}
#who {
background-position: top 495px left 58px;
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 160px;
}
.process .icon-box {
margin-left: 8px;
}.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 13px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
margin-left: 10px;
}
.time3 {
width: 1805px;
padding-left: 80px;
/* flex-direction: row-reverse; */
}
#behavioural .container {
max-width: 1020px;
margin-right: 65px;
padding-right: 0px;
margin-bottom: 60px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 50px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 1100px;
height: 600px;
}
#training .row {
flex-direction: column;
flex-direction: column-reverse;
width: 480px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 25px;
margin-top: 20px;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 68px;
}
#vision .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 45px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 161px;
color: #999;
margin-left: 10px;
min-height: 37px;
}
}
@media only screen and (max-width: 445px) {
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 0px;
height: 500px;
margin-bottom: 0px;
margin-top: 40px;
}
#counselling .col-lg-6 {
min-width: 390px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 161px;
color: #999;
margin-left: 10px;
min-height: 57px;
}
.time3 {
width: 1805px;
padding-left: 60px;
/* flex-direction: row-reverse; */
}
#important {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 60px;
padding-left: 5px;
padding-right: 40px;
}
}
@media only screen and (max-width: 416px) {
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 115px;
}
p {
margin-top: 0;
margin-bottom: 0.8rem;
font-size: 12px;
}
#img1 {
border-radius: 20px;
margin-top: 50px;
margin-bottom: 80px;
max-width: 78%;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
#who {
background-position: top 510px left 115px;
}
#call .col-lg-9 {
flex: 0 0 auto;
width: 100%;
margin-top: 10px;
margin-bottom: 20px;
}
.call h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
margin-bottom: 20px;
}
.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 13px;
line-height: 24px;
font-weight: 500;
padding: 0 30px;
outline: none;
cursor: pointer;
}
.section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 33px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 160px;
}
.navbar ul ul.submenu>li>a {
padding: 6px 10px !important;
font-size: 13px;
color: #0b1c39;
text-transform: capitalize;
}
.navbar ul ul.submenu {
flex-wrap: wrap;
position: absolute;
align-items: center;
height: max-content;
width: 200px;
background: #fff;
left: 160px;
top: 120%;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
padding: 17px 0;
border-top: 5px solid #014b85;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.navbar-mobile a {
padding: 10px 20px;
font-size: 13px;
color: #37517e;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 100px;
height: 100px;
padding: auto;
margin-bottom: 20px;
margin-left: 5px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 80px;
height: 80px;
padding: auto;
margin-bottom: 20px;
margin-left: 10px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 34px;
transition: 0.3s;
margin-left: 24px;
margin-top: 24px;
}.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 13px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
margin-left: 0px;
}
.section-title h2 {
font-size: 22px;
}
#methodology .row >* {
flex-shrink: 0;
max-width: 87%;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodology .img-fluid {
max-width: 0%;
/* size: unset; */
margin-top: 20px;
padding-right: 60px;
}
#methodology .row >* {
flex-shrink: 0;
max-width: 87%;
display: block;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
margin-top: var(--bs-gutter-y);
}
#methodology .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
}
#methodology {
background-color: #fff;
padding-bottom: 20px;
padding-top: 20px;
background: url(../img/recruitment/1.png);
background-repeat: no-repeat;
background-size: 1180px;
padding-bottom: 20px;
}.time3 {
width: 1805px;
padding-left: 55px;
/* flex-direction: row-reverse; */
}
#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 0px;
height: 500px;
margin-bottom: 0px;
margin-top: 40px;
}
#counselling .col-lg-6 {
min-width: 355px;
}
#counselling .section-title1 {
text-align: center;
padding-bottom: 0px;
padding-top: 0px;
}
.section-title4 h2 {
font-size: 21px;
}#important .container {
max-width: 1220px;
padding-right: 14px;
min-width: 320px;
padding-left: 30px;
}
#important {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 60px;
padding-left: 10px;
padding-right: 20px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 1150px;
height: 550px;
}
#behavioural .container {
max-width: 1300px;
margin-right: 50px;
padding-right: 0px;
margin-bottom: 50px;
margin-top: 40px;
}
#methodologybeha .section-title1 {
text-align: center;
padding-bottom: 30px;
padding-top: 40px;
}
#methodologybeha {
background-color: #fff;
padding-bottom: 30px;
padding-top: 0px;
height: 980px;
}
#methodologybeha .card {
list-style: none;
position: relative;
border: 0px;
height: 150px;
}
#training .row {
flex-direction: column;
flex-direction: column-reverse;
width: 360px;
}
.section-title1 h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 33px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
#responsability .section-title1 h2 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 60px;
position: relative;
color: #37517e;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 280px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 33px;
}
.business .area p {
margin: 10px 0 0 0;
font-size: 11px;
margin-left: 10px;
}
#contactintro {
height: 400px;
padding-top: 0px;
background-position: left180px;
background-size: 1030px;
left: auto;
background-position: top;
}
video {
position: absolute;
width: 150%;
/* position: absolute; */
height: auto;
/* height: 100%; */
/* zoom: inherit; */
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 100%;
margin-top: 14px;
margin-left: 0px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 40px;
padding-left: 0px;
margin-left: 80px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 102%;
}.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 161px;
color: #999;
margin-left: 10px;
min-height: 57px;
}.thanks .section-title1 h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
line-height: normal;
color: #37517e;
}
}
@media only screen and (max-width: 413px) {
#home {
min-height: 299px;
max-height: 340px;
}.resp-big-areas:nth-child(2) {
width: 100%;
height: 290px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 26px;
margin-top: 20px;
}
#contactintro {
height: 440px;
padding-top: 0px;
background-position: left180px;
background-size: 1030px;
left: auto;
background-position: top;
}
.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 161px;
color: #999;
margin-left: 10px;
min-height: 57px;
}
}
@media only screen and (max-width: 395px) {
.call h3 {
color: #fff;
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
}
#home {
min-height: 299px;
max-height: 320px;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 1.9rem;
line-height: 1.133;
color: #FFFFFF;
}.home-content-tablecell .row {
position: relative;
padding-top: 7.3rem;
padding-bottom: 15rem;
}#who .btn-get-started {
font-size: 13px;
padding: 10px 24px 11px 24px;
}#who {
background-position: top 510px left 95px;
}.services .icon-box p {
line-height: 24px;
font-size: 13px;
margin-bottom: 0;
}#header .logo {
font-size: 21px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.call .call-btn {
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 40px;
border-radius: 50px;
transition: 0.5s;
margin: 10px;
border: 2px solid #fff;
color: #fff;
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 150px;
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 125%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 0px;
margin-left: 80px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 80px;
height: 80px;
padding: auto;
margin-bottom: 20px;
margin-left: 5px;
}
.time3 {
width: 1805px;
padding-left: 45px;
/* flex-direction: row-reverse; */
}#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 50px;
padding-left: 20px;
margin-left: 70px;
}
.section-title h2 {
font-size: 20px;
}
#behavioural .section-title1 h2 {
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 310px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}#responsability .section-title1 h2 {
font-size: 23px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 30px;
position: relative;
color: #37517e;
}.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 16px;
margin-top: 20px;
}
.container2 .card2 .face {
width: 140px;
height: 160px;
transition: 0.5s;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 23px;
}#message .row>* {
flex-shrink: 0;
width: 100%;
max-width: 100%;
margin-top: 30px;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
/* margin-top: var(--bs-gutter-y); */
margin-left: -10px;
display: block;
}#contactintro {
height: 400px;
padding-top: 0px;
background-position: left180px;
background-size: 940px;
left: auto;
background-position: top;
}.contact .info h4 {
padding: 0 0 0 60px;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
color: #37517e;
}.section-title h2 {
font-size: 19px;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 100%;
margin-top: 14px;
margin-left: 0px;
}
}
@media only screen and (max-width: 386px) {
.career {
min-width: 240px;
max-width: 400px;
margin-left: 15px;
}
.container2 .card2 .face {
width: 160px;
height: 160px;
transition: 0.5s;
}
#message .row>* {
flex-shrink: 0;
width: 100%;
max-width: 104%;
margin-top: 50px;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
/* margin-top: var(--bs-gutter-y); */
margin-left: -1px;
display: contents;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 162%;
margin-top: 40px;
padding-left: 0px;
margin-left: 80px;
}.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 51px;
color: #999;
margin-left: 10px;
min-height: 52px;
}
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 8px 5px;
text-align: center;
font-size: 12px;
}
}
@media only screen and (max-width: 376px) {
#who {
background-position: top 530px left 93px;
}
.call {
padding-top: 20px;
padding-bottom: 10px;
}.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 80px;
height: 80px;
padding: auto;
margin-bottom: 20px;
margin-left: 2px;
}.time3 {
width: 1805px;
padding-left: 35px;
/* flex-direction: row-reverse; */
}#counselling .col-lg-6 {
min-width: 335px;
}#behavioural .section-title1 h2 {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}#training .col-lg-6 {
flex: 0 0 auto;
width: 1003px;
margin-left: 0px;
max-width: 92%;
}.section-title1 h2 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 33px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}#responsability .section-title1 h2 {
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 30px;
position: relative;
color: #37517e;
}#vision .col-lg-5 {
margin-right: 10px;
max-width: 100%;
margin-top: 14px;
margin-left: 0px;
padding: 0px;
}.container2 .card2:hover .face.face2 {
transform: translate(160px, -160px);
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 0px;
}
#business .area p {
margin: 10px 0 0 0;
font-size: 12px;
margin-left: 10px;
}.filename {
font-size: 13px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 51px;
color: #999;
margin-left: 10px;
min-height: 53px;
}
#important .container {
max-width: 1220px;
padding-right: 34px;
min-width: 320px;
padding-left: 30px;
}
.thanks .section-title1 h2 {
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
line-height: normal;
color: #37517e;
}
}
@media only screen and (max-width: 366px) {
.custom-file label {
cursor: pointer;
background: rgb(239 245 255 / 90%);
display: inline-block;
color: #47b2e4;
padding: 5px 5px;
text-align: center;
font-size: 13px;
}
.call {
padding-top: 20px;
padding-bottom: 0px;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 1.7rem;
line-height: 1.133;
color: #FFFFFF;
}
#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 95px;
}
.call h3 {
color: #fff;
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
}
#home {
min-height: 299px;
max-height: 300px;
}
.home-content-tablecell h5 {
font-weight: bold;
font-size: 1.9rem;
line-height: 1.133;
color: #FFFFFF;
}.home-content-tablecell .row {
position: relative;
padding-top: 7.3rem;
padding-bottom: 15rem;
}#who .btn-get-started {
font-size: 13px;
padding: 10px 24px 11px 24px;
}
#img1 {
border-radius: 20px;
margin-top: 50px;
margin-right: 40px;
margin-bottom: 90px;
max-width: 88%;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 129px;
}
#who {
background-position: top 520px left 65px;
}
.services .icon-box p {
line-height: 24px;
font-size: 13px;
margin-bottom: 0;
}#header .logo {
font-size: 21px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.call .call-btn {
font-family: "Jost", sans-serif;
font-weight: 500;
font-size: 13px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 40px;
border-radius: 50px;
transition: 0.5s;
margin: 10px;
border: 2px solid #fff;
color: #fff;
}
#recruitment .row .pt-4 >* {
flex-shrink: 0;
width: 155%;
padding-right: calc(var(--bs-gutter-x)/ 2);
margin-top: 0px;
margin-left: 50px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 80px;
height: 80px;
padding: auto;
margin-bottom: 20px;
margin-left: 0px;
}
.time3 {
width: 1805px;
padding-left: 30px;
/* flex-direction: row-reverse; */
}
#counselling .col-lg-6 {
min-width: 325px;
}
#careeric .container {
max-width: 920px;
padding: 0 1em 3em;
padding-bottom: 0px;
}
#important .container {
max-width: 1220px;
padding-right: 14px;
min-width: 290px;
padding-left: 30px;
}
#behavioural .container {
max-width: 1300px;
margin-right: 50px;
padding-right: 0px;
margin-bottom: 50px;
margin-top: 50px;
min-width: 340px;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 340px;
margin-left: 0px;
max-width: 100%;
padding-left: 0px;
}
#training .col-lg-4 {
margin-bottom: 0px;
max-width: 80%;
padding: 20px;
margin-top: 10px;
width: 80%;
/* position: absolute; */
margin-left: 30px;
display: flex;
}
#vision .col-lg-5 {
margin-right: 10px;
max-width: 100%;
margin-top: 14px;
padding-left: 0px;
}
.container2 .card2 .face {
width: 160px;
height: 160px;
transition: 0.5s;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 40px;
padding-left: 0px;
margin-left: 70px;
}
#behavioural .section-title1 h2 {
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 310px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
#responsability .section-title1 h2 {
font-size: 23px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 30px;
position: relative;
color: #37517e;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 280px;
margin-right: 0px;
margin-left: 16px;
margin-top: 20px;
}
.container2 .card2 .face {
width: 150px;
height: 150px;
transition: 0.5s;
}
.container2 .card2 .face.face2 {
position: relative;
background: #fff;
display: table-cell;
justify-content: center;
align-items: center;
padding: 12px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-150px);
}
.container2 .card2 .face.face2 .content h3 {
margin: 0 0 10px 0;
padding: 0;
color: #fff;
font-size: 16px;
text-align: center;
color: #37517e;
}
.container2 .card2 .face.face2 .content p {
font-size: 10px;
}
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 16px;
}
.container2 .card2:hover .face.face2 {
transform: translate(150px, -150px);
}
#message .row>* {
flex-shrink: 0;
width: 100%;
max-width: 104%;
margin-top: 50px;
padding-right: calc(var(--bs-gutter-x)/ 2);
padding-left: calc(var(--bs-gutter-x)/ 2);
/* margin-top: var(--bs-gutter-y); */
margin-left: -1px;
display: contents;
}
#message cite {
font-size: 11px;
}
#contactintro {
height: 400px;
padding-top: 0px;
background-position: left180px;
background-size: 940px;
left: auto;
background-position: top;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
color: #37517e;
}
.section-title h2 {
font-size: 19px;
}
}
@media only screen and (max-width: 355px) {
.home-content-tablecell h5 {
font-weight: bold;
font-size: 1.6rem;
line-height: 1.133;
color: #FFFFFF;
}#who {
background-position: top 525px left 65px;
}#important .container {
max-width: 1220px;
padding-right: 44px;
min-width: 290px;
padding-left: 30px;
}#behavioural .section-title1 h2 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}.card__content p {
font-size: 15px;
}#responsability .section-title1 h2 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 30px;
position: relative;
color: #37517e;
}#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 5px;
font-size: 21px;
}#vision .container {
margin-left: 15px;
padding-left: 0px;
padding-right: 40px;
}
}
@media only screen and (max-width: 346px) {
.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 6px;
}
#message .container {
padding-right: 20px;
padding-left: 16px;
padding-bottom: 0px;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
color: #37517e;
}
.contact .info .email p {
padding-top: 0px;
}
.filename {
font-size: 12px;
background: #fff;
padding: 7px 14px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 51px;
color: #999;
margin-left: 10px;
min-height: 54px;
}
.thanks .section-title1 h2 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 50px;
line-height: normal;
color: #37517e;
}
#training .col-lg-6 {
flex: 0 0 auto;
width: 310px;
margin-left: 0px;
max-width: 100%;
padding-left: 0px;
}
#home {
min-height: 279px;
max-height: 280px;
}
#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 5px;
font-size: 18px;
}#who .section-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
margin-left: 85px;
}#who {
background-position: top 525px left 60px;
}.navbar-mobile a {
padding: 10px 20px;
font-size: 12px;
color: #37517e;
}
.navbar ul ul.submenu>li>a {
padding: 6px 10px !important;
font-size: 11px;
color: #0b1c39;
text-transform: capitalize;
}
.navbar ul ul.submenu {
flex-wrap: wrap;
position: absolute;
align-items: center;
height: max-content;
width: 176px;
background: #fff;
left: 160px;
top: 120%;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
padding: 17px 0;
border-top: 5px solid #014b85;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 350px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
#responsability .section-title1 h2 {
font-size: 18px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
margin-top: 30px;
position: relative;
color: #37517e;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 70px;
height: 70px;
padding: auto;
margin-bottom: 20px;
margin-left: 0px;
}
#header1 .logo {
font-size: 22px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 34px;
transition: 0.3s;
margin-left: 17px;
margin-top: 20px;
}.time3 {
width: 1805px;
padding-left: 40px;
/* flex-direction: row-reverse; */
}.main-timeline12 .timeline-content {
text-align: center;
height: auto;
width: 250px;
}
#counselling .col-lg-6 {
min-width: 285px;
}
#behavioural .container {
max-width: 1300px;
margin-right: 10px;
padding-right: 0px;
margin-bottom: 50px;
margin-top: 50px;
min-width: 280px;
padding-left: 20px;
}
}
@media only screen and (max-width: 321px) {
#who {
padding-top: 120px;
transition: 15s;
width: 100%;
margin-bottom: 30px;
background: url(../img/who/back.png);
background-repeat: no-repeat;
height: 700px;
margin-top: 40px;
background-position: top 530px left 65px;
}
.home-content-tablecell h5 {
font-size: 1.5rem;
}
.home-content-tablecell h3 {
letter-spacing: .1rem;
}
#home {
min-height: 269px;
max-height: 270px;
}
#header .logo {
font-size: 19px;
}
.mobile-nav-toggle {
font-size: 24px;
}
.home-content-tablecell .row {
position: relative;
padding-top: 6.6rem;
}
#who .section-title h2::after {
margin-left: 76px;
}
#img1 {
border-radius: 20px;
margin-top: 40px;
}
.navbar-mobile a {
padding: 10px 20px;
font-size: 11px;
color: #37517e;
}
.navbar ul ul.submenu>li>a {
padding: 6px 10px !important;
font-size: 11px;
color: #0b1c39;
text-transform: capitalize;
}
.navbar li {
position: relative;
max-width: 115px;
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 117px;
}
.navbar ul ul.submenu {
flex-wrap: wrap;
position: absolute;
align-items: center;
height: max-content;
width: 168px;
background: #fff;
left: 160px;
top: 120%;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
padding: 17px 0;
border-top: 5px solid #014b85;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.section-title1 h2 {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 33px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.section-title h2 {
font-size: 17px;
}
.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 70px;
height: 70px;
padding: auto;
margin-bottom: 20px;
margin-left: 0px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 30px;
transition: 0.3s;
margin-left: 21px;
margin-top: 22px;
}
.time3 {
width: 1705px;
padding-left: 32px;
/* flex-direction: row-reverse; */
}
.main-timeline12 .timeline-content {
text-align: center;
height: auto;
width: 250px;
}
#counselling .col-lg-6 {
min-width: 295px;
padding-left: 0px;
}#management .col-lg-5 {
max-width: 80%;
width: 0px;
margin-left: 0px;
}
#training .img-fluid {
max-width: 100%;
height: auto;
padding-right: 20px;
margin-left: 10px;
}
.section-title1 h2 {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 33px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.career {
min-width: 270px;
max-width: 400px;
margin-left: 0px;
}
.section-title4 h2 {
font-size: 17px;
}
#management .row .pt-4 >* {
flex-shrink: 0;
width: 122%;
margin-top: 50px;
padding-left: 20px;
}
#important .container {
max-width: 1220px;
padding-right: 14px;
min-width: 250px;
padding-left: 30px;
}
#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 1450px;
height: 600px;
}
#behavioural .container {
max-width: 1300px;
margin-right: 50px;
padding-right: 0px;
margin-bottom: 50px;
margin-top: 60px;
min-width: 300px;
}
#training .row {
flex-direction: column;
flex-direction: column-reverse;
width: 290px;
}
#footer .footer-top .footer-contact h3 {
font-size: 24px;
margin: 0 0 10px 0;
padding: 2px 0 2px 0;
line-height: 1;
text-transform: uppercase;
font-weight: 600;
color: #37517e;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 350px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 5px;
font-size: 19px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 265px;
margin-right: 0px;
margin-left: 10px;
margin-top: 20px;
}
.container2 .card2 .face {
width: 135px;
height: 130px;
transition: 0.5s;
}
.container2 .card2 .icon2 .fa {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 50px;
transition: 0.7s;
color: #fff;
}
.container2 .card2:hover .face.face2 {
transform: translate(135px, -130px);
}
.container2 .card2 .face.face2 .content h3 {
margin: 0 0 5px 0;
padding: 0;
color: #fff;
font-size: 14px;
text-align: center;
color: #37517e;
}
.container2 .card2 .face.face2 .content p {
line-height: 13.3px;
font-size: 11px;
margin-bottom: 0;
text-align: center;
}
.container2 .card2 .face.face2 {
max-height: 135px;
min-height: 100px;
position: relative;
background: #fff;
display: flow-root;
justify-content: center;
align-items: center;
padding: 9px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-130px);
}
#imgmessage {
border-end-start-radius: 130px;
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
margin-left: 0px;
margin-top: 20px;
}
.business .area .pic {
overflow: hidden;
border-radius: 100%;
margin-right: 30px;
height: fit-content;
min-width: 75px;
display: none;
}
#contactintro {
height: 350px;
padding-top: 0px;
background-position: left180px;
background-size: 900px;
/* left: 100px; */
background-position: top;
}
.contact .info .email p {
padding-top: 0px;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 22px;
font-weight: 600;
margin-bottom: 0px;
color: #37517e;
}
}
@media only screen and (max-width: 300px) {
.home-content-tablecell h5 {
font-size: 1.4rem;
}
.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 0.7rem;
color: white;
text-transform: uppercase;
letter-spacing: .2rem;
margin: 0 0 0.2rem 0;
}
#home {
min-height: 249px;
max-height: 250px;
}#who h2 {
font-size: 19px;
line-height: 24px;
margin-bottom: 30px;
}#who .section-title h2::after {
margin-left: 66px;
}
#who {
background-position: top 535px left 65px;
margin-top: 40px;
}.services .icon-box p {
line-height: 24px;
font-size: 12px;
margin-bottom: 0;
}#who .btn-get-started {
font-size: 12px;
padding: 10px 24px 11px 24px;
}#who .btn-watch-video {
font-size: 14px;
display: flex;
align-items: center;
transition: 0.5s;
margin: 10px 0 0 25px;
color: #37517e;
line-height: 1;
}#services .section-title1 h2 {
font-size: 19px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
margin-top: 0px;
}.services {
padding-bottom: 20px;
padding-top: 10px;
}.process h4 {
color: #37517e;
transition: ease-in-out 0.3s;
font-weight: 500;
margin-bottom: 15px;
font-size: 12px;
margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
margin-left: 0px;
}.process .row {
margin-left: -20px;
}
.process .icon-box .icon i {
color: #47b2e4;
font-size: 30px;
transition: 0.3s;
margin-left: 19px;
margin-top: 22px;
}.main-timeline12 .timeline-content {
text-align: center;
height: auto;
width: 230px;
}#counselling .col-lg-6 {
min-width: 270px;
padding-left: 0px;
/* padding-bottom: 100px; */
}#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 0px;
height: 530px;
margin-bottom: 0px;
margin-top: 40px;
}.career {
min-width: 250px;
max-width: 350px;
margin-left: 0px;
}blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.8em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 4em 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}#training .row {
flex-direction: column;
flex-direction: column-reverse;
width: 270px;
}#behavioural .container {
max-width: 1300px;
margin-right: 0px;
padding-right: 20px;
margin-bottom: 50px;
margin-top: 60px;
min-width: 300px;
}#behavioural .section-title1 h2 {
font-size: 17px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 30px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.navbar ul ul.submenu>li {
flex-wrap: wrap;
margin-left: -2px;
display: block;
}
.navbar ul ul.submenu {
flex-wrap: wrap;
position: absolute;
align-items: center;
height: max-content;
width: 153px;
background: #fff;
left: 160px;
top: 120%;
visibility: hidden;
opacity: 0;
box-shadow: 0 0 10px 3px rgb(0 0 0 / 5%);
padding: 17px 0;
border-top: 5px solid #014b85;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.resp-big-areas:nth-child(2) {
width: 100%;
height: 380px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 5px;
font-size: 16px;
}
.mb-4 {
margin-bottom: 1.5rem!important;
margin-right: 15px;
/* font-size: 10px; */
width: 30px;
height: 30px;
}
.blockquote-custom {
padding-left: 2rem;
padding-top: 1.7rem;
padding-bottom: 1.7rem;
padding-right: 2rem;
border: 2px solid #2b3638;
position: relative;
width: 265px;
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
}
#contactintro {
height: 300px;
padding-top: 0px;
background-position: left180px;
background-size: 890px;
/* left: 100px; */
background-position: top;
}
.contact .info h4 {
padding: 0 0 0 60px;
font-size: 15px;
font-weight: 600;
margin-bottom: 0px;
color: #37517e;
}.contact .info p {
padding: 0 0 10px 60px;
margin-bottom: 20px;
font-size: 12px;
color: #6182ba;
}
.contact .php-email-form label {
padding-bottom: 8px;
font-size: 12px;
}
.filename {
font-size: 10px;
background: #fff;
padding: 7px 10px;
border: 1px solid #ddd;
margin-right: 10px;
min-width: 81px;
color: #999;
margin-left: 10px;
min-height: 50px;
}.thanks .section-title1 h2 {
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 70px;
line-height: normal;
color: #37517e;
}
}
@media only screen and (max-width: 282px) {
#header1 .logo {
font-size: 17px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 500;
letter-spacing: 2px;
text-transform: uppercase;
}
#header .logo {
font-size: 17px;
}.home-content-tablecell .row {
position: relative;
padding-top: 5.6rem;
}
#header {
transition: all 0.5s;
z-index: 997;
padding-top: 15px;
height: 70px;
padding-bottom: 0px;
}
#home {
min-height: 229px;
max-height: 230px;
}.home-content-tablecell h5 {
font-size: 1.2rem;
}.home-content-tablecell h3 {
font-family: "montserrat-bold", sans-serif;
font-size: 0.5rem;
color: white;
text-transform: uppercase;
letter-spacing: .2rem;
margin: 0 0 0.2rem 0;
}#who .section-title h2::after {
margin-left: 56px;
}#who {
background-position: top 555px left 65px;
margin-top: 40px;
}.navbar-mobile a {
padding: 10px 10px;
font-size: 11px;
color: #37517e;
}.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 35%;
left: 103px;
}.navbar ul ul.submenu>li>a {
padding: 6px 7px !important;
font-size: 10px;
color: #0b1c39;
text-transform: capitalize;
}.process .icon-box {
box-shadow: 0px 0 25px 0 rgb(0 0 0 / 10%);
transition: all ease-in-out 0.4s;
background: #fff;
border-radius: 200%;
width: 60px;
height: 60px;
padding: auto;
margin-bottom: 20px;
margin-left: 0px;
}.process .icon-box .icon i {
color: #47b2e4;
font-size: 30px;
transition: 0.3s;
margin-left: 15px;
margin-top: 18px;
}
.main-timeline12 .timeline-content {
text-align: center;
height: auto;
width: 200px;
}.time3 {
width: 1705px;
padding-left: 38px;
/* flex-direction: row-reverse; */
}#counselling .col-lg-6 {
min-width: 250px;
padding-left: 0px;
/* padding-bottom: 100px; */
}#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 0px;
height: 560px;
margin-bottom: 0px;
margin-top: 40px;
}.career {
min-width: 220px;
max-width: 260px;
margin-left: 0px;
}
.blockquote {
border-left: 3px solid #47b2e4;
color: #1a1a1a;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 0.8em;
font-style: italic;
line-height: 1.8em;
margin: 1.1em -4em;
padding: 1em 6em 1em 2em;
position: relative;
transition: 0.2s border ease-in-out;
z-index: 0;
}#important .container {
max-width: 1220px;
padding-right: 34px;
min-width: 250px;
padding-left: 30px;
}#important {
background-color: #f3f5fa;
padding-bottom: 0px;
padding-top: 60px;
padding-left: 0px;
padding-right: 0px;
}
.blockquote:after {
content: "\201E";
position: absolute;
font-size: large;
top: 48%;
left: -0.5em;
color: #47b2e4;
font-family: Georgia, Times, "Times New Roman", serif;
font-style: normal;
line-height: 1em;
text-align: center;
text-indent: -2px;
width: 1em;
font-weight: 900;
margin-top: -0.5em;
transition: 0.2s all ease-in-out, 0.4s transform ease-in-out;
}
#behavioural .container {
max-width: 1300px;
margin-right: 0px;
padding-right: 20px;
margin-bottom: 50px;
margin-top: 60px;
min-width: 250px;
}#behavioural {
padding-bottom: 0px;
padding-top: 80px;
display: flex;
align-items: center;
background: url(../img/behavioural/team3.jpg);
background-repeat: no-repeat;
background-position: left;
background-size: 1450px;
height: 680px;
}
.card__content p {
font-size: 14px;
}
#training .row {
flex-direction: column;
flex-direction: column-reverse;
width: 235px;
/* padding-right: 40px; */
}#training .img-fluid {
max-width: 120%;
height: auto;
padding-right: 20px;
margin-left: 0px;
}.blockquote-custom h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 1.133;
color: black;
font-weight: bold;
}.blockquote-custom {
padding-left: 1.7rem;
padding-top: 1.4rem;
padding-bottom: 1.4rem;
padding-right: 1.7rem;
border: 2px solid #2b3638;
position: relative;
width: 245px;
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
}.container2 .card2 {
position: relative;
border: 0px solid rgba(0,0,0,.125);
background-color: #f3f5fa;
padding: 0px;
height: 200px;
margin-left: 0px;
}#contactintro {
height: 300px;
padding-top: 0px;
background-position: left180px;
background-size: 840px;
/* left: 100px; */
background-position: top;
}
.filename {
font-size: 10px;
background: #fff;
padding: 7px 10px;
border: 1px solid #ddd;
margin-right: 5px;
min-width: 51px;
color: #999;
margin-left: 5px;
min-height: 50px;
}.contact .info .email p {
font-size: 12px;
padding-top: 5px;
}.contact .info p {
padding: 5px 0 10px 60px;
margin-bottom: 20px;
font-size: 12px;
color: #6182ba;
}
}
@media only screen and (max-width: 275px) {
.resp-big-areas:nth-child(2) {
width: 100%;
height: 430px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
}
@media only screen and (max-width: 268px) {
#who {
background-position: top 585px left 65px;
margin-top: 70px;
}
.section-title {
/* margin-top: 20px; */
padding-bottom: 10px;
}.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 12px;
line-height: 19px;
font-weight: 500;
padding: 0 30px;
outline: none;
cursor: pointer;
}.resp-big-areas:nth-child(2) {
width: 100%;
height: 430px;
position: relative;
float: left;
right: 0;
padding: 32px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 5px;
font-size: 15px;
}.mb-4 {
margin-bottom: 1.5rem!important;
margin-right: 10px;
/* font-size: 10px; */
width: 30px;
height: 30px;
}.container2 .card2 .face.face2 .content p {
line-height: 13.3px;
font-size: 10px;
margin-bottom: 0;
text-align: center;
}.container2 .card2 .face.face1 {
position: relative;
background: #333;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
margin-left: -10px;
transform: translateY(0px);
}
.container2 .card2:hover .face.face2 {
transform: translate(120px, -130px);
}
.container2 .card2 .face.face2 {
max-height: 135px;
min-height: 100px;
position: relative;
background: #fff;
display: flow-root;
justify-content: center;
align-items: center;
padding: 9px;
margin-left: -10px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-131px);
}
#contactintro {
height: 300px;
padding-top: 0px;
background-position: left180px;
background-size: 800px;
/* left: 100px; */
background-position: top;
}.contact .info {
border-top: 3px solid #47b2e4;
border-bottom: 3px solid #47b2e4;
padding: 30px;
padding-left: 8px;
background: #fff;
width: 100%;
box-shadow: 0 0 24px 0 rgb(0 0 0 / 10%);
}.contact .info p {
padding: 1px 0 10px 60px;
margin-bottom: 20px;
font-size: 12px;
color: #6182ba;
}.filename {
font-size: 10px;
background: #fff;
padding: 7px 10px;
border: 1px solid #ddd;
margin-right: 5px;
min-width: 75px;
color: #999;
margin-left: 5px;
min-height: 65px;
}
}
@media only screen and (max-width: 242px) {
.container {
padding: 0 1em 3em;
}#who {
background-position: top 565px left 65px;
margin-top: 40px;
}#who .section-title h2::after {
margin-left: 66px;
}
.navbar-mobile a {
padding: 10px 5px;
font-size: 10px;
color: #37517e;
}
.navbar ul>li:hover>ul.submenu {
align-items: center;
visibility: visible;
opacity: 1;
top: 0%;
left: 88px;
}.navbar ul ul.submenu>li {
flex-wrap: wrap;
margin-left: 0px;
display: block;
}
.navbar ul ul.submenu>li>a {
padding: 6px 7px !important;
font-size: 9px;
color: #0b1c39;
text-transform: capitalize;
}
.navbar li {
position: relative;
max-width: 92px;
}.main-timeline12 .timeline-content {
text-align: center;
height: auto;
width: 160px;
}#counselling .col-lg-6 {
min-width: 220px;
padding-left: 20px;
/* padding-bottom: 100px; */
}#counselling {
background: url(../img/career/career3.jpg);
background-repeat: no-repeat;
background-position: 90px 0px;
background-size: 0px;
height: 640px;
margin-bottom: 0px;
margin-top: 40px;
}.career {
min-width: 200px;
max-width: 260px;
margin-left: 0px;
}#important .container {
max-width: 1220px;
padding-right: 34px;
min-width: 210px;
padding-left: 30px;
}#training .col-lg-6 {
flex: 0 0 auto;
width: 310px;
margin-left: 10px;
max-width: 100%;
padding-left: 0px;
}.resp-big-areas:nth-child(2) {
width: 100%;
height: 520px;
position: relative;
float: left;
right: 0;
padding: 28px;
flex-direction: column;
margin-left: 0px;
margin-bottom: 8px;
}
.resp-big-areas:first-child {
width: 100%;
padding: 1.5rem;
margin-bottom: 1rem;
float: left;
}
.resp-big-areas:nth-child(3) {
width: 100%;
padding: 1.5rem;
height: 100%;
margin-top: 0.5rem;
float: left;
}#responsability h3 {
font-family: "Jost", sans-serif;
padding-top: 7px;
font-size: 13.4px;
}
.blockquote-custom h5 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 1.133;
color: black;
font-weight: bold;
}
.blockquote-custom {
padding-left: 1.2rem;
padding-top: 1.4rem;
padding-bottom: 1.4rem;
padding-right: 1.2rem;
border: 2px solid #2b3638;
position: relative;
width: 210px;
margin-right: 0px;
margin-left: 0px;
margin-top: 20px;
}.container2 .card2 .face.face2 .content p {
line-height: 14.3px;
font-size: 9px;
margin-bottom: 0;
text-align: center;
}.container2 .card2 .face.face2 {
padding-right: 20px;
max-height: 130px;
min-height: 80px;
position: relative;
background: #fff;
display: flow-root;
justify-content: center;
align-items: center;
padding: 9px 2px 0px 2px;
margin-left: -10px;
box-shadow: 0 10px 10px rgb(0 0 0 / 30%);
transform: translateY(-131px);
}.container2 .card2 .face {
width: 115px;
height: 130px;
transition: 0.5s;
}.container2 .card2:hover .face.face2 {
transform: translate(115px, -130px);
}
.thanks .section-title1 h2 {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 70px;
line-height: normal;
color: #37517e;
}
}
.container6 {
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.container6 .box {
position: relative;
width: 20rem;
height: 20rem;
margin: 4rem;
}
.container6 .box:hover .imgBox {
transform: translate(-3.5rem, -3.5rem);
}
.container6 .box:hover .content {
transform: translate(3.5rem, 3.5rem);
}
.imgBox {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 50%;
z-index: 2;
transition: all 0.5s ease-in-out;
}
.imgBox img {
width: 20rem;
height: 20rem;
object-fit: cover;
resize: both;
}
.content2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1.5rem;
display: flex;
justify-content: center;
background-color: #fff;
z-index: 1;
align-items: flex-end;
text-align: center;
transition: 0.5s ease-in-out;
}
.content2 h2 {
display: block;
font-size: 2rem;
color: #111;
font-weight: 500;
line-height: 2rem;
letter-spacing: 1px;
}
.content2 span {
color: #555;
font-size: 1.4rem;
font-weight: 300;
letter-spacing: 2px;
}
@media (max-width: 600px) {
.container6 .box:hover .content2 {
transform: translate(0, 3.5rem);
}
.container6 .box:hover .imgBox {
transform: translate(0, -3.5rem);
}
}
/*# sourceMappingURL=main.css.map */
/*--------------------------------------------------------------
# Sections About 2
--------------------------------------------------------------*/
#about2{
background-color: #37517e;
}
.about2 .content h3 {
font-weight: 600;
font-size: 26px;
color: #FFFFFF;
}
.about2 .content p
{
color: #FFFFFF;
}
.about2 .content ul {
list-style: none;
color: #FFFFFF;
padding: 0;
}
.about2 .content ul li {
padding-left: 28px;
position: relative;
color: #FFFFFF;
}
.about2 .content ul li + li {
margin-top: 10px;
color: #FFFFFF;
}
.about2 .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.about2 .content p:last-child {
margin-bottom: 0;
}
.about2 .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #FFFFFF;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.about2 .content .btn-learn-more:hover {
background: #ffffff;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# Sections About 3
--------------------------------------------------------------*/
#about3{
background-color: #f3f5fa;
padding-bottom: 90px;
padding-top: 60px ;
}
.about3 .content h3 {
font-weight: 600;
font-size: 26px;
}
.about3 .content ul {
list-style: none;
padding: 0;
}
.about3 .content ul li {
padding-left: 28px;
position: relative;
}
.about3 .content ul li + li {
margin-top: 10px;
}
.about3 .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.about3 .content p:last-child {
margin-bottom: 0;
}
.about3 .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.about3 .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# Sections About 4
--------------------------------------------------------------*/
#about4{
background-color: #37517e;
padding-top: 0px;
}
.about4 .content h3 {
font-weight: 600;
font-size: 26px;
color: #FFFFFF;
}
.about4 .content p
{
color: #FFFFFF;
}
.about4 .content ul {
list-style: none;
color: #FFFFFF;
padding: 0;
}
.about4 .content ul li {
padding-left: 28px;
position: relative;
color: #FFFFFF;
}
.about4 .content ul li + li {
margin-top: 10px;
color: #FFFFFF;
}
.about4 .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.about4 .content p:last-child {
margin-bottom: 0;
}
.about4 .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #FFFFFF;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.about4 .content .btn-learn-more:hover {
background: #ffffff;
color: #fff;
text-decoration: none;
}
#about6{
margin-left: 0px;
}
.separator {
margin-top: 25px;
margin-bottom: 80px;
border: 0;
}
hr:not([size]) {
height: 9px;
}
hr {
background-color: #f3f5fa;
margin: 1.5em auto;
position: relative;
height: 9px;
width: 9px;
border: transparent;
overflow: visible;
background-image: url('data:image/svg+xml;utf8,');
}
hr:before {
position: absolute;
height: 9px;
width: 10px;
content: '';
background-image: url('data:image/svg+xml;utf8,');
left: -18px;
}
hr:after {
position: absolute;
height: 9px;
width: 9px;
content: '';
background-image: url('data:image/svg+xml;utf8,');
right: -18px;
};
.loading-frame {
position: absolute;
top: 35%;
left: 105%;
padding-left: 20px;
}
.circle .dl, ol, ul {
margin-top: 2rem;
margin-left: 5rem;
margin-bottom: 1rem;
}
.margin3
{
width: 113px;
}
.icon-box .p {
margin-top: 2rem;
margin-bottom: 1rem;
font-size: small;
}
.circle {
position: absolute;
height: 10px;
width: 10px;
border-radius: 15px;
background-color: #011a7e;
animation: animate linear 2s infinite;
}
.circle:nth-child(1) {
animation-delay: 0.9s;
}
.circle:nth-child(2) {
animation-delay: 1.1s;
transform: translate(18px, 13px);
}
.circle:nth-child(3) {
animation-delay: 1.3s;
transform: translate(35px, 25px);
}
.circle:nth-child(4) {
animation-delay: 1.1s;
transform: translate(18px, 38px);
}
.circle:nth-child(5) {
animation-delay: 0.9s;
transform: translate(0px, 50px);
}
.circle:nth-child(6) {
animation-delay: 0.9s;
transform: translate(0, 25px);
}
.circle:nth-child(7) {
animation-delay: 0.7s;
transform: translate(-20px, 25px);
}
.circle:nth-child(8) {
animation-delay: 0.5s;
transform: translate(-40px, 25px);
}
.circle:nth-child(9) {
animation-delay: 0.3s;
transform: translate(-60px, 25px);
}
.circle:nth-child(10) {
animation-delay: 0.1s;
transform: translate(-80px, 25px);
}
@keyframes animate {
0%,
100% {
background-color: #011a7e;;
}
50% {
background-color: #fff;
}
}
.arrow {
cursor: pointer;
height: 120px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
transition: transform 0.1s;
width: 80px;
}
.arrow-top, .arrow-bottom {
background-color: #666;
height: 4px;
left: 5px;
position: absolute;
top: 50%;
width: 100%;
}
.arrow-top:after, .arrow-bottom:after {
background-color: #fff;
content: "";
height: 100%;
position: absolute;
top: 0;
transition: all 0.15s;
}
.arrow-top {
transform: rotate(45deg);
transform-origin: bottom right;
}
.arrow-top:after {
left: 100%;
right: 0;
transition-delay: 0s;
}
.arrow-bottom {
transform: rotate(-45deg);
transform-origin: top right;
}
.arrow-bottom:after {
left: 0;
right: 100%;
transition-delay: 0.15s;
}
.arrow:hover .arrow-top:after {
left: 0;
transition-delay: 0.15s;
}
.arrow:hover .arrow-bottom:after {
right: 0;
transition-delay: 0s;
}
.arrow:active {
transform: translateX(-50%) translateY(-50%) scale(0.9);
}
.lineprocess ul li::after {
content: "";
display: block;
width: 12%;
height: 4px;
background: rgba(0,0,0,7%);
-webkit-border-radius: 2px;
border-radius: 2px;
position: absolute;
right: -6%;
top: 83px;
text-align: center;
};
.services1
{
border-right: 45px solid;
border-color:#ffffff;
border-bottom-left-radius: 1vw;
border-top-left-radius: 4vw;
}
.services2
{
position: absolute;
top: 542px;
left: 12px;
color:#ffffff;
border-bottom: 25px solid;
border-top-right-radius: 4vw;
border-top-left-radius: 4vw;
border-bottom-left-radius: 2vw;
border-bottom-right-radius: 4vw;
}
.services3
{
top: 42px;
left: 12px;
padding-top: 50px;
border-left: 25px solid;
border-color: #ffffff;
border-top-right-radius: 1vw;
}
.services4
{
top: 12px;
left: 12px;
border-top-left-radius: 1vw;
border-top: 25px solid;
border-color: #ffffff;
border-bottom-right-radius: 1vw;
}
.services5
{
top: 42px;
left: 12px;
border-top-left-radius: 1vw;
border-top: 25px solid;
border-color: #000000;
border-bottom-right-radius: 1vw;
padding-left: 450px;
}
.services6
{
top: 42px;
left: 12px;
border-top-left-radius: 1vw;
border-top: 25px solid;
border-color: #d5d8db;
border-bottom-right-radius: 1vw;
width: 50px;
}
section {
padding: 90px 0 0 0 ;
overflow: hidden;
}
.section-bg {
background-color: #f3f5fa;
}
.begin {
padding: 0px 0;
overflow: hidden;
}
.begin-bg {
background-color: #f3f5fa;
}
.begin-title {
text-align: center;
padding-bottom: 30px;
}
.begin-title h2 {
font-size: 32px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color: #37517e;
}
.begin-title h2::before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.begin-title h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
left: calc(50% - 20px);
}
.begin-title p {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Cliens
--------------------------------------------------------------*/
.cliens {
padding: 12px 0;
text-align: center;
}
.cliens img {
max-width: 45%;
transition: all 0.4s ease-in-out;
display: inline-block;
padding: 15px 0;
filter: grayscale(100);
}
.cliens img:hover {
filter: none;
transform: scale(1.1);
}
@media (max-width: 768px) {
.cliens img {
max-width: 40%;
}
}
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {
font-weight: 600;
font-size: 26px;
}
.about .content ul {
list-style: none;
padding: 0;
}
.about .content ul li {
padding-left: 28px;
position: relative;
}
.about .content ul li + li {
margin-top: 10px;
}
.about .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.about .content p:last-child {
margin-bottom: 0;
}
.about .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #47b2e4;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.about .content .btn-learn-more:hover {
background: #47b2e4;
color: #fff;
text-decoration: none;
}
/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {
font-weight: 600;
font-size: 26px;
color: #FFFFFF;
}
.about .content p
{
color: #FFFFFF;
}
.about .content ul {
list-style: none;
color: #FFFFFF;
padding: 0;
}
.about .content ul li {
padding-left: 28px;
position: relative;
color: #FFFFFF;
}
.about .content ul li + li {
margin-top: 10px;
color: #FFFFFF;
}
.about .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #47b2e4;
line-height: 1;
}
.about .content p:last-child {
margin-bottom: 0;
}
.about .content .btn-learn-more {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 4px;
transition: 0.3s;
line-height: 1;
color: #FFFFFF;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #47b2e4;
}
.about .content .btn-learn-more:hover {
background: #ffffff;
color: #fff;
text-decoration: none;
}
.section-title2 h2 {
font-size: 32px;
font-weight: bold;
padding-top: 30px;
text-transform: uppercase;
margin-bottom: 20px;
padding-bottom: 20px;
position: relative;
color:white;
}
.section-title2 h2::before {
content: '';
position: absolute;
display: block;
width: 120px;
height: 1px;
background: #ddd;
bottom: 1px;
left: calc(50% - 60px);
}
.section-title2 h2::after {
content: '';
position: absolute;
display: block;
width: 40px;
height: 3px;
background: #47b2e4;
bottom: 0;
left: calc(50% - 20px);
}
.section-title2 p {
margin-bottom: 0;
}
/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us .content {
padding: 60px 100px 0 100px;
}
.why-us .content h3 {
font-weight: 400;
font-size: 34px;
color: #37517e;
}
.why-us .content h4 {
font-size: 20px;
font-weight: 700;
margin-top: 5px;
}
.why-us .content p {
font-size: 15px;
color: #848484;
}
.why-us .img {
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.why-us .accordion-list {
padding: 0 100px 60px 100px;
}
.why-us .accordion-list ul {
padding: 0;
list-style: none;
}
.why-us .accordion-list li + li {
margin-top: 15px;
}
.why-us .accordion-list li {
padding: 20px;
background: #fff;
border-radius: 4px;
}
.why-us .accordion-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding-right: 30px;
outline: none;
cursor: pointer;
}
.why-us .accordion-list span {
color: #47b2e4;
font-weight: 600;
font-size: 18px;
padding-right: 10px;
}
.why-us .accordion-list i {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}
.why-us .accordion-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
}
.why-us .accordion-list .icon-show {
display: none;
}
.why-us .accordion-list a.collapsed {
color: #343a40;
}
.why-us .accordion-list a.collapsed:hover {
color: #47b2e4;
}
.why-us .accordion-list a.collapsed .icon-show {
display: inline-block;
}
.why-us .accordion-list a.collapsed .icon-close {
display: none;
}
@media (max-width: 1024px) {
.why-us .content, .why-us .accordion-list {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 992px) {
.why-us .img {
min-height: 400px;
}
.why-us .content {
padding-top: 30px;
}
.why-us .accordion-list {
padding-bottom: 30px;
}
}
@media (max-width: 575px) {
.why-us .img {
min-height: 200px;
}
}
/*--------------------------------------------------------------
# portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
list-style: none;
margin-bottom: 20px;
}
.portfolio #portfolio-flters li {
cursor: pointer;
display: inline-block;
margin: 10px 5px;
font-size: 15px;
font-weight: 500;
line-height: 1;
color: #444444;
transition: all 0.3s;
padding: 8px 20px;
border-radius: 50px;
font-family: "Poppins", sans-serif;
}
.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
background: #47b2e4;
color: #fff;
}
.portfolio .portfolio-item {
margin-bottom: 30px;
}
.portfolio .portfolio-item .portfolio-img {
overflow: hidden;
}
.portfolio .portfolio-item .portfolio-img img {
transition: all 0.6s;
}
.portfolio .portfolio-item .portfolio-info {
opacity: 0;
position: absolute;
left: 15px;
bottom: 0;
z-index: 3;
right: 15px;
transition: all 0.3s;
background: rgba(55, 81, 126, 0.8);
padding: 10px 15px;
}
.portfolio .portfolio-item .portfolio-info h4 {
font-size: 18px;
color: #fff;
font-weight: 600;
color: #fff;
margin-bottom: 0px;
}
.portfolio .portfolio-item .portfolio-info p {
color: #f9fcfe;
font-size: 14px;
margin-bottom: 0;
}
.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
position: absolute;
right: 40px;
font-size: 24px;
top: calc(50% - 18px);
color: #fff;
transition: 0.3s;
}
.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
color: #47b2e4;
}
.portfolio .portfolio-item .portfolio-info .details-link {
right: 10px;
}
.portfolio .portfolio-item:hover .portfolio-img img {
transform: scale(1.15);
}
.portfolio .portfolio-item:hover .slider-info {
opacity: 1;
}
/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {
padding-top: 40px;
}
.pricing .box {
padding: 60px 40px;
box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
background: #fff;
height: 100%;
border-top: 4px solid #fff;
border-radius: 5px;
}
.pricing h3 {
font-weight: 500;
margin-bottom: 15px;
font-size: 20px;
color: #37517e;
}
.pricing h4 {
font-size: 48px;
color: #37517e;
font-weight: 400;
font-family: "Jost", sans-serif;
margin-bottom: 25px;
}
.pricing h4 sup {
font-size: 28px;
}
.pricing h4 span {
color: #47b2e4;
font-size: 18px;
display: block;
}
.pricing ul {
padding: 20px 0;
list-style: none;
color: #999;
text-align: left;
line-height: 20px;
}
.pricing ul li {
padding: 10px 0 10px 30px;
position: relative;
}
.pricing ul i {
color: #28a745;
font-size: 24px;
position: absolute;
left: 0;
top: 6px;
}
.pricing ul .na {
color: #ccc;
}
.pricing ul .na i {
color: #ccc;
}
.pricing ul .na span {
text-decoration: line-through;
}
.pricing .buy-btn {
display: inline-block;
padding: 12px 35px;
border-radius: 50px;
color: #47b2e4;
transition: none;
font-size: 16px;
font-weight: 500;
font-family: "Jost", sans-serif;
transition: 0.3s;
border: 1px solid #47b2e4;
}
.pricing .buy-btn:hover {
background: #47b2e4;
color: #fff;
}
.pricing .featured {
border-top-color: #47b2e4;
}
.pricing .featured .buy-btn {
background: #47b2e4;
color: #fff;
}
.pricing .featured .buy-btn:hover {
background: #23a3df;
}
@media (max-width: 992px) {
.pricing .box {
max-width: 60%;
margin: 0 auto 30px auto;
}
}
@media (max-width: 767px) {
.pricing .box {
max-width: 80%;
margin: 0 auto 30px auto;
}
}
@media (max-width: 420px) {
.pricing .box {
max-width: 100%;
margin: 0 auto 30px auto;
}
}
/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 15px 0;
background: #f3f5fa;
min-height: 40px;
margin-top: 72px;
}
@media (max-width: 992px) {
.breadcrumbs {
margin-top: 68px;
}
}
.breadcrumbs h2 {
font-size: 28px;
font-weight: 600;
color: #37517e;
}
.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0 0 10px 0;
margin: 0;
font-size: 14px;
}
.breadcrumbs ol li + li {
padding-left: 10px;
}
.breadcrumbs ol li + li::before {
display: inline-block;
padding-right: 10px;
color: #4668a2;
content: "/";
}