@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap');
.inter-<uniquifier> { font-family: "Inter", sans-serif;  font-optical-sizing: auto;  font-weight: <weight>; font-style: normal; }
.playfair-display-<uniquifier> { font-family: "Playfair Display", serif; font-optical-sizing: auto; font-weight: <weight>; font-style: normal; }
.comfortaa-<uniquifier> { font-family: "Comfortaa", sans-serif;  font-optical-sizing: auto;  font-weight: <weight>;  font-style: normal; }

html, body { height:100%; }
body { background:#fff; margin: 0; padding: 0; font-family: "Inter", sans-serif; color:#5c5c5c; font-size:18px; }
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
/* scrollbar change start */
* { scrollbar-width: auto; scrollbar-color: #018ca5 #ffffff; }
*::-webkit-scrollbar { width: 12px; }
*::-webkit-scrollbar-track { background: #ffffff; }
*::-webkit-scrollbar-thumb { background-color: #018ca5; border-radius: 5px; border: 3px solid #ffffff; }
/* scrollbar change end */
a { color:#00a49d;  text-decoration:none; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
a:hover { color:#ee7527;  transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
p, h1, h2, h3, h4, h5, h6, ul, li, img, iframe, form, table, td, tr { line-height:100%; font-weight:normal; margin:0;  padding:0;  border:none;  border-collapse:collapse; }
b, strong { font-family: "Inter", sans-serif; font-weight: 700; }
content { display: block; width:1280px; margin:0 auto; }
.clear { clear:both; }
.display-flex { display:flex; flex-wrap:wrap; }
#toTop { display:none; width:50px; height:50px; background:url(img/totop.webp) no-repeat center center; background-size:18px auto; text-align:left; text-indent:-9999px; background-color: rgba(255,255,255,0.8); background-color: rgb(255,255,255,0.8); position:fixed; bottom:60px; right:90px; z-index:20000; cursor:pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-box-shadow:0px 0px 17px 12px rgba(45,255,196,0.4); -moz-box-shadow: 0px 0px 17px 12px rgba(45,255,196,0.4); box-shadow: 0px 0px 17px 12px rgba(45,255,196,0.4); }
.error-page {display:block; width: 600px; margin:0 auto; padding:5% 0 0 0; text-align: center;}
  .error-page img {display:block; width: 100%; max-width: 480px; height: auto; margin:0 auto 40px auto;}
  .error-page h1 { font-size:36px; color:#293269; line-height: 100%; margin:0 0 20px 0; text-align: center; }

a.buttons { display:block; width:230px; height:44px; padding:0 20px; text-align: center; line-height:44px; font-size:16px; -webkit-border-radius: 22px; -moz-border-radius: 22px; border-radius: 22px; font-family: "Inter", sans-serif; font-weight: 700; }
  a.buttons.mint-green { background-color: #00a49d; color:#fff; }
    a.buttons.mint-green:hover { background-color: #fff; color:#00a49d; -webkit-box-shadow:0px 0px 32px 0px rgba(255,255,255,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); }
  a.buttons.orange { background-color: #f08028; color:#fff; }
    a.buttons.orange:hover { background-color: #fff;  color:#f08028; -webkit-box-shadow:0px 0px 32px 0px rgba(255,255,255,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); }
  a.buttons.orange2 { background-color: #f08028; color:#fff; margin:0 auto; }
    a.buttons.orange2:hover { background-color: #0a1f44;  color:#f08028; -webkit-box-shadow:0px 0px 32px 0px rgba(26,71,151,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(26,71,151,0.4); box-shadow: 0px 0px 32px 0px rgba(26,71,151,0.4); }
  a.buttons.white { background-color: #fff; color:#0a1f44; margin:0 auto; }
    a.buttons.white:hover { background-color: #f08028;  color:#fff; -webkit-box-shadow:0px 0px 32px 0px rgba(255,191,141,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(255,191,141,0.4); box-shadow: 0px 0px 32px 0px rgba(255,191,141,0.4); }
  a.buttons.blue { background-color: #0d7d96; color:#fff; margin:0 auto; }
    a.buttons.blue:hover { background-color: #fff;  color:#0d7d96; -webkit-box-shadow:0px 0px 32px 0px rgba(255,255,255,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); }

/* animated header start */
.cbp-af-header { position:fixed; top:0; left:0; z-index:10000; width:100%; height:90px; padding:35px 90px 0 0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; backdrop-filter: blur(10.6px); background-color: rgba(255,255,255,1); background-color: rgb(255,255,255,1); -webkit-backdrop-filter: blur(10.6px); }
  a.logo { display:block; position: absolute; top:20px; left:90px; z-index: 3; width:212px; height:50px; text-align:left; text-indent:-9999px; opacity: 1; background: url(img/logo.webp) no-repeat center center;  background-size: 100% auto;}
    a.logo:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
    .header-dsl { display: block; width: 570px; height: 5px; position: absolute; top:90px; left:0; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      .cbp-af-header a.buttons.white {  margin:0; opacity: 0; position: absolute; top:100px; right: 90px; }
    /* transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height: 50px; padding:15px 90px 0 0; background-color: rgba(255,255,255,0.5); background-color: rgb(255,255,255,0.5); transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
    .cbp-af-header.cbp-af-header-shrink a.logo { width:101px; height:30px; top:10px; opacity: 1;}
    .cbp-af-header.cbp-af-header-shrink .header-dsl { top:50px; width: 900px; height: 3px; }
          .cbp-af-header.cbp-af-header-shrink a.buttons.white { opacity: 0.8; top:60px; }
          .cbp-af-header.cbp-af-header-shrink a.buttons.white:hover {  opacity: 1;  }
/* animated header end */

.spot, .spot-videobg { width:100%; height:100%; padding:0; position: relative; overflow: hidden; }
.spot { display: none; }
.spot-videobg { display: block; }

  #myVideo {  position: fixed;  right: 0;  bottom: 0;  min-width: 100%;  min-height: 100%; z-index: 0;}
  #myBtn {  width: auto; font-size: 10px; padding:0 10px; border: none; color: #fff; background-color: transparent; line-height: 12px;  cursor: pointer; z-index: 3; position: absolute; bottom:60px; left:90px; }
    #myBtn:hover {  color: #29539a; }

  .swiper-overlay-text { position: absolute; bottom:0; left:0; z-index: 2; width: 100%; height: 100%; padding: 0; background: url(img/spot-overlay.webp) no-repeat bottom right; background-size: 100% auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
    .swiper-overlay-text span { display: block; width: 100%; padding: 0 90px; text-align: left; color:#fff; }
      .swiper-overlay-text span .bold { font-family: "Comfortaa", sans-serif; font-weight: 200; font-size: 50px; line-height: 72px; text-shadow: 2px 10px 10px #0a1f44; }
      .swiper-overlay-text span .italic { font-family: "Inter", sans-serif; font-weight: 200; font-size: 26px; line-height: 32px; width: 60%; margin:24px 0 0 0; text-shadow: 2px 10px 10px #0a1f44; }
      .swiper-overlay-text span a.buttons { margin:40px 20px 0 0; background-color:transparent; color:#fff; border:1px solid #fff; line-height: 42px;  }
      .swiper-overlay-text span a.buttons:hover { background-color: #f08028;  color:#fff; border:1px solid #f08028; -webkit-box-shadow:0px 0px 32px 0px rgba(255,255,255,0.4); -moz-box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); box-shadow: 0px 0px 32px 0px rgba(255,255,255,0.4); }

.page-header { display:block; width:100%; height:440px; padding: 90px 0 0 0; }
  .page-header.v01 { background: url(img/page-header/01.webp) no-repeat center center #fff; background-size: 100% auto; }
  .page-header.v02 { background: url(img/page-header/02.webp) no-repeat center center #fff; background-size: 100% auto; }
  .page-header.v03 { background: url(img/page-header/03.webp) no-repeat center center #fff; background-size: 100% auto; }
  .page-header.v04 { background: url(img/page-header/04.webp) no-repeat center center #fff; background-size: 100% auto; }
  .page-header.v05 { background: url(img/page-header/05.webp) no-repeat center center #fff; background-size: 100% auto; }
  .page-header.v06 { height: auto; padding: 150px 0 60px 0; background: url(img/bg-footer.webp) no-repeat center top #0a1f44; background-size: 100% auto; }
  .page-header div { width:100%; height: 100%; background: url(img/ph-overlay.webp) no-repeat bottom right; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;   }
    .page-header div h1 { display: block; width:100%; padding: 0 90px; text-align: left; color:#fff; font-size: 56px; font-family: "Comfortaa", sans-serif; text-shadow: 2px 4px 10px #0a1f44; } 
      .page-header.v06 div { background:transparent;   }
      .page-header.v06 div h1 { font-size: 40px; } 

.content-holder { display: block; width:100%; padding:140px 0; position: relative; }
  .content-holder.white-bg { background-color: #fff; }
    .header-ds2 { background-image: url(img/decorative-seperator-line-01.webp); background-position: bottom left; background-size: 38% 10px; background-repeat: no-repeat; }
  .content-holder.dark-navy-bg { background: url(img/bg-dark-navy-gradient.webp) no-repeat center top #fff; /*#0a1f44*/ background-size: 100% 100%; }
  .content-holder.creamy { background-color: #f5f3eb; }
    .header-ds3 { background-image: url(img/decorative-seperator-line-01.webp); background-position: bottom 161px left 0; background-size: 64% 2px; background-repeat: no-repeat; }
    .header-ds4 { display: block; width:100%; height: 1px; background: url(img/decorative-seperator-line-01.webp) no-repeat center center; background-size: 100% 1px; margin:120px 0; }
    .absolute-seperator { position: absolute; bottom: 172px; right:0; z-index: 2; display: block; width: 76%; height: 2px; background: url(img/decorative-seperator-line-01.webp) no-repeat center center; background-size: 100% 100%; }

  content h1, content h2, content h3, content h5 { font-size:40px; font-family: "Comfortaa", sans-serif; font-weight: 400; line-height: 100%; margin:0 0 34px 0; text-align:center; }
    content h1 { color:#30ad9b; }
    content h2 { color:#fff; }
    content h3 { color:#0c4a69; }
    content h5 { color:#0a1f44; }

  hr.one, hr.three, hr.four, hr.five { width:200px; margin:0 auto 34px auto; border: 0; height: 1px; }
    hr.one { background: #e4ce96; }
    hr.three { background: #716850; }
    hr.four { background: #798393; }
    hr.five { width:100%; background: #a48738; height: 2px; margin:60px auto 30px auto; }

  content p { font-size: 18px; line-height:150%; margin:0 0 30px 0; font-family: "Inter", sans-serif; color:#5c5c5c; }
    content p:last-child {margin:0; }
      .centered-text { text-align: center; }
      .welcome-text { font-size: 22px; line-height:130%; padding: 0 10%; }
      .white-big { font-size: 22px; line-height:100%; color:#fff;}

      .flextext { display:flex; flex-wrap:wrap; width:100%; margin:40px 0; padding:0 15%; }
      .flextext div { width:33.33%; padding:0 40px; text-align: center; font-size: 22px; line-height:140%; }

  .trust-strip { width:100%; height: 200px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 60px; grid-row-gap: 60px;}
    .trust-strip span { width:100%; height: 100%; padding:40px; font-size:26px; line-height: 150%; font-family: "Comfortaa", sans-serif; font-weight: 400; text-align:center;
      display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
        .trust-strip span.ustainability { border:3px solid #30ad9b; color:#30ad9b; }
        .trust-strip span.technical-accuracy { border:3px solid #1699b0; color:#1699b0; }
        .trust-strip span.strategic-representation { border:3px solid #f08028; color:#f08028; }

  .cards { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 60px; grid-row-gap: 60px; margin:60px 0; }
    .cards a { display: block; width: 100%; overflow: hidden; position: relative; /* background-color: #1c3489; */ }
      .cards a img { display:block; width:100%; height:auto; transition:all 0.6s; -moz-transition:all 0.6s; -webkit-transition:all 0.6s; -o-transition:all 0.6s; }
      .cards a:hover img { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }	
      .cards a h4 { position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; color:#fff; font-size: 26px; line-height: 100%; text-align: center; background: url(img/cards-overlay.webp) no-repeat center top; background-size: 100% 100%; opacity: 1; transition:all 0.6s;  -moz-transition:all 0.6s; -webkit-transition:all 0.6s;  -o-transition:all 0.6s; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
      .cards.brown a h4 { background: url(img/cards-overlay-brown.webp) no-repeat center top; background-size: 100% 100%; }
      .cards a span { display: block; width: 100%; height:auto; overflow: hidden; position: relative; }
      .cards a article { display:block; width: 100%; padding: 40px; color:#fff; font-size: 18px; text-align: center; line-height: 140%; }

  .our-approach { display:flex; flex-wrap:wrap; width:100%; margin:0 0 60px 0; }
    .our-approach span { width:25%; padding:0 30px; font-size:26px; line-height: 150%; font-family: "Comfortaa", sans-serif; font-weight: 400; text-align:center; cursor: pointer; }
        .our-approach span b { font-size:64px; font-family: "Comfortaa", sans-serif; line-height: 100%;  }
        .our-approach span p { color:#5c5c5c; opacity: 0; transition:all 0.6s;  -moz-transition:all 0.6s;  -webkit-transition:all 0.6s;  -o-transition:all 0.6s; }
          .our-approach span:hover p { opacity: 1; }
        .our-approach span.one { color:#30ad9b; }
          .our-approach span.two { color:#1699b0; }
          .our-approach span.three { color:#f08028; }
          .our-approach span.four { color:#0a1f44; }

  .regions { width:100%; height: 200px; position: relative; display: grid; grid-template-columns: repeat(6, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 40px; grid-row-gap: 30px;}
    .regions span { width:100%; height: 100%; padding:10px; border:2px solid #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
    .regions span p { display: block; font-size:20px; line-height: 150%; font-family: "Comfortaa", sans-serif; font-weight: 400; text-align:center; color:#5c5c5c;  }
        .regions span p i { font-size:18px; font-weight: 300; }
        .exo { display: block; width: 61%; padding: 5px 0; background-color: #fff; color:#5c5c5c; position: absolute; bottom:40px; right:2%; text-align: center; }

  .cards.blog { grid-template-columns: repeat(3, 1fr); margin:60px 0 90px 0; }
    .cards.blog a { background-color: #edfcff; padding: 0; }
      .cards.blog a img { display:block; width:100%; height:auto; margin:0 0 30px 0; }
      .cards.blog a h4 { position: static; top:none; left:none; width: 100%; height:auto; padding: 0 30px; margin:0 0 30px 0; color:#0a1f44; font-size: 22px; line-height: 25px; background: none; display:block; font-weight: 700; letter-spacing: -0.5px; text-align: left; }
      content .cards.blog a p { display:block; width:100%; line-height:140%; font-size: 16px; letter-spacing: -0.5px; color:#5c5c5c; padding: 0 30px; margin:0 0 30px 0; }
      .cards.blog a:hover { background-color: #0a1f44; color:#fff; }
      .cards.blog a:hover h4, content .cards.blog a:hover p, .cards.blog a:hover span { color:#fff; opacity: 1; }    

  .team { width:100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 60px; grid-row-gap: 30px;}
    .team span { width:100%; height: 100%; padding:30px; border:2px solid #f5f3eb;}
    .team span img { display: block; width:100%; height: auto; margin: 0 0 30px 0; }
    .team span article { width:100%; color:#5c5c5c; position: relative; }
    content .team span article h5 { font-size:32px; text-align: left; margin:0 0 20px 0; }
    a.linkedin { display:block; width: 32px; height: 32px; background: url(img/linkedin.webp) no-repeat center center; background-size: 100% 100%; text-align:left; text-indent:-9999px; position: absolute; top:0; right: 0; z-index: 1; }

footer { display: block; width:100%; padding:140px 90px 90px 90px; background: url(img/bg-footer.webp) no-repeat center top #0a1f44; background-size: 100% auto; }		 

  footer a.logo { position: static; top:none; left:none; z-index:none; width:205px; height:150px; margin:0 auto 30px auto; background: url(img/logo-footer.webp) no-repeat center center;  background-size: 100% auto;}
    footer a.logo:hover { transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); }
  
    p.cs-line1 { text-align: center; color:#fff; font-size: 28px; margin:0 auto 30px auto; font-family: "Comfortaa", sans-serif; font-weight: 200;  }
    p.cs-line2 { text-align: center; color:#fff; font-size: 18px; margin:0 auto 30px auto; line-height: 140%; font-weight: 200; }
    footer a.buttons { margin:0 auto 60px auto; }

  ul.footer-menus { display:block; float:left; margin:0 90px 0 0; text-align: left; color:#fff; font-size:15px; line-height:140%; font-weight:100; }
   ul.footer-menus.rights { float:right; text-align: right; font-size:12px; margin:0; }
    ul.footer-menus b { display:block; font-size:21px; line-height: 100%; padding: 0 0 14px 0; margin: 0 0 24px 0; font-weight:700; border-bottom:1px solid #fff; }
    ul.footer-menus li { display:block; line-height:140%; }
      ul.footer-menus li a { display:block; color:#fff; }
        ul.footer-menus li a:hover { color:#15c8db; }

  a.aswd { display:block; width:250px; height:36px; margin: 0 auto; padding: 0 0 0 38px; background: url(img/aswd-icon.webp) no-repeat center left; background-size: auto 36px ; text-align: right; font-size:10px; color:#fff; line-height: 36px; opacity: 0.6; }
  a.aswd:hover { opacity: 1; }
 



/* -------- RESPONSIVE CSS -------- */ 

@media only screen and (max-width: 1440px) {

   content { width:100%; max-width:1160px; margin:0 auto; }

}

@media only screen and (max-width: 1280px) {

  #toTop { right:45px; }

content { width:100%; }

.cbp-af-header { padding:35px 45px 0 0;  }
  a.logo { left:45px; }
    .header-dsl { width: 500px; }
      .cbp-af-header a.buttons.white {  right: 45px; }

      .cbp-af-header.cbp-af-header-shrink { padding:15px 45px 0 0; }
    .cbp-af-header.cbp-af-header-shrink .header-dsl { width: 90%; }

    #myBtn { left:45px; }

    .swiper-overlay-text span { padding: 0 45px; }
      .swiper-overlay-text span .bold { font-size: 42px; line-height: 120%; }
      .swiper-overlay-text span .italic {  font-size: 24px; width: 70%; }
      .swiper-overlay-text span a.buttons { margin:40px 20px 0 0; }

.page-header { height:400px; }
    .page-header div h1 { display: block; width: 100%; font-size: 46px; padding:0 45px; } 
    
.content-holder { padding:100px 45px; }
    .absolute-seperator { bottom: 132px; }

content h1, content h2, content h3, content h5 { font-size:36px; }

    hr.five { margin:40px auto 24px auto; }

      .welcome-text { font-size: 20px; }
      .white-big { font-size: 20px; }

      .flextext { margin:30px 0; }
      .flextext div { padding:0 30px; font-size: 20px; }

  .trust-strip { grid-column-gap: 45px; grid-row-gap: 45px;}
    .trust-strip span { padding:30px; font-size:22px; }

  .cards { grid-column-gap: 45px; grid-row-gap: 45px; margin:45px 0 60px 0; }

      .cards a h4 { font-size: 24px; }
      .cards a article { padding: 30px; font-size: 17px; }

  .our-approach { margin:0 0 60px 0; }
    .our-approach span { padding:0 24px; font-size:24px; }

  .regions {  grid-column-gap: 30px; grid-row-gap: 30px;}
    .regions span { padding:24px; font-size:20px; }

      .cards.blog a h4 { font-size: 20px; line-height: 140%; }

footer { padding:100px 45px 90px 45px; background: url(img/bg-footer.webp) no-repeat center top #0a1f44; background-size: 100% auto; }		 

  footer a.logo { width:164px; height:100px; }
  
    p.cs-line1 { font-size: 24px; }
    p.cs-line2 { font-size: 16px; }
    footer a.buttons { margin:0 auto 90px auto; }

  ul.footer-menus { margin:0 45px 0 0; }
    ul.footer-menus b { font-size:20px; }

}

@media only screen and (max-width: 1000px) {

  #toTop { bottom:30px; right:30px; }

  .cbp-af-header { padding:35px 0 0 0;  }
  a.logo { left:30px; }
    .header-dsl { width: 60%; }
      .cbp-af-header a.buttons.white {  right: 30px; }

      .cbp-af-header.cbp-af-header-shrink { padding:0; }
    .cbp-af-header.cbp-af-header-shrink .header-dsl { width: 90%; }
    .cbp-af-header.cbp-af-header-shrink .nav-toggle { top:0; }

.nav__menu li.slashseperator, .nav__menu .dropdown li.slashseperator { display: none; }

.spot-videobg { display: none; }
.spot { display: block; width: 100%; height: auto; padding: 90px 0 0 0; }
.spot img { display: block; width: 100%; height: auto; }
  .swiper-overlay-text { background: url(img/spot-overlay.webp) no-repeat bottom right; background-size: auto 100% ;}
    .swiper-overlay-text span { padding: 0 30px; }
      .swiper-overlay-text span .bold { font-size: 34px; line-height: 140%; width: 60%;  }
      .swiper-overlay-text span .italic { font-size: 20px; line-height: 140%; width: 40%; margin:20px 0 0 0; }
      
.page-header { height:320px; }
    .page-header div h1 { padding: 0 30px; font-size: 36px; } 
      .page-header.v06 div h1 { font-size: 30px; } 

.content-holder { padding:90px 30px; }

    .our-approach span { padding:0 20px; font-size:22px; }
        .our-approach span b { font-size:56px; }
        .our-approach span p { opacity: 1; }
          .our-approach span:hover p { opacity: 1; }

  .regions { grid-column-gap: 20px; grid-row-gap: 20px;}
    .regions span { padding:10px; }
    .regions span p { font-size:16px; line-height: 140%;  }
        .regions span p i { font-size:14px; }

footer { padding:140px 30px 60px 30px; }		 

  ul.footer-menus { width:33.33%; margin:0; text-align: center; }
   ul.footer-menus.rights { display: block; width:100%; margin:60px 0 0 0; float:left; text-align: center; }
    ul.footer-menus b { font-size:18px; }

}

@media only screen and (max-width: 860px) {

.error-page {width: 60%; padding:5% 0 0 0; }
  .error-page img {margin:0 auto 24px auto;}
  .error-page h1 { font-size:20px; }

      .swiper-overlay-text span .bold { font-size: 26px; line-height: 120%; width: 50%;  }
      .swiper-overlay-text span .italic { font-size: 17px; line-height: 120%; width: 40%; margin:16px 0 0 0; }
            .swiper-overlay-text span a.buttons { margin:20px 0 0 0;  }

.content-holder { padding:75px 30px; }
   
    .absolute-seperator { bottom: 40px;  }

  content h1, content h2, content h3, content h5 { font-size:28px; margin:0 0 20px 0; }


  hr.one, hr.three, hr.four, hr.five { margin:0 auto 20px auto;}
    hr.five {  margin:40px auto 20px auto; }

  content p { font-size: 17px; line-height:130%; margin:0 0 20px 0; }
      .welcome-text { font-size: 20px; }
      .white-big { font-size: 20px;}

      .flextext {  margin:20px 0; }
      .flextext div { padding:0 20px; font-size: 20px; }

  .trust-strip { height: auto; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 0; grid-row-gap: 30px;}
    .trust-strip span { font-size:22px; }

  .cards { grid-template-columns: repeat(1, 1fr); grid-column-gap: 0; grid-row-gap: 30px; margin:30px 0; }
      
      .cards a h4 { font-size: 22px; }
      .cards a article { padding: 30px; font-size: 17px; }

  .our-approach { margin:0 0 30px 0; }
    .our-approach span { width: 50%; padding:0 20px; font-size:20px; line-height: 130%; margin: 0 0 20px 0; }
        .our-approach span b { font-size:50px;  }

  .regions { height: auto; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 20px; grid-row-gap: 20px;}

    .regions span p { font-size:18px; line-height: 130%;  }
        .regions span p i { font-size:17px; }
        .exo { display: block; width: 40%;  position: absolute; bottom:42px; right:30%; text-align: center; }

  .cards.blog { grid-template-columns: repeat(1, 1fr); margin:40px 0 60px 0; }
      .cards.blog a h4 { padding: 0 20px; margin:0 0 20px 0; font-size: 20px;  }
      content .cards.blog a p { font-size: 16px;  padding: 0 20px; margin:0 0 20px 0; }

  .team { grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 0; grid-row-gap: 30px;}
    .team span { padding:20px; }
    .team span img { margin: 0 0 20px 0; }
    content .team span article h5 { font-size:26px; }
     
}

@media only screen and (max-width: 640px) {

 a.buttons { width:200px; height:40px; padding:0 20px; line-height:40px; font-size:15px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
   
      .swiper-overlay-text span .bold { font-size: 22px; margin: 50px 0 30px 0; width: 60%;  }
      .swiper-overlay-text span .italic { display: none; }
            .swiper-overlay-text span a.buttons { margin:0;  }

    .regions { display: block; height: auto; grid-template-columns: repeat(1, 1fr); grid-template-rows: repeat(auto, 1fr); grid-column-gap: 0; grid-row-gap: none; }
        .regions span { margin:0 0 20px 0; }

    .regions span p { font-size:17px;  }
        .regions span p i { font-size:16px; }
        .exo { display: block; width: 100%;  position: static; bottom:none; right:none; text-align: center; margin:0 0 20px 0; }

.page-header { height:220px; }

    .page-header div h1 { font-size: 26px; } 
      .page-header.v06 div h1 { font-size: 24px; } 

        footer { padding:90px 30px 60px 30px; }		 

  footer a.logo { width:100%; height:100px; margin:0 auto 20px auto; background-size: auto 100%;}
  
    p.cs-line1 { font-size: 20px; margin:0 auto 10px auto; }
    p.cs-line2 { font-size: 16px; margin:0 auto 20px auto; }
    footer a.buttons { margin:0 auto 90px auto; font-size: 14px; }

  ul.footer-menus { float:none; width: 100%; margin:40px 0; text-align: center; font-size:14px; line-height:150%;  }
   ul.footer-menus.rights { float:none; width: 100%; text-align: center; font-size:12px; margin:30px 0; }
    ul.footer-menus b { font-size:18px; padding: 0 0 10px 0; margin: 0 0 16px 0; }
    ul.footer-menus li { display:block; line-height:150%; }
            ul.footer-menus li a { border-bottom: 1px dotted #15c8db; }
        ul.footer-menus li a:hover { color:#15c8db; border-bottom: 1px solid #15c8db; }

}

@media only screen and (max-width: 420px) {

  .page-header.v01 { background-size: auto 100%; }
  .page-header.v02 { background-size: auto 100%; }
  .page-header.v03 { background-size: auto 100%; }
  .page-header.v04 { background-size: auto 100%; }
  .page-header.v05 { background-size: auto 100%; }
  .page-header.v06 { height: auto; padding: 120px 0 30px 0; background-size: auto 100%; }
  
  #toTop { bottom:20px; right:20px; }

  .cbp-af-header { padding:35px 0 0 0;  }
  a.logo { left:20px; }
      .cbp-af-header a.buttons.white {  right: 20px; }

   .content-holder { padding:60px 20px; }
      
.trust-strip span {padding:20px; font-size:20px; }

        .swiper-overlay-text span .bold { font-size: 18px; margin: 50px 0 10px 0; width: 70%;  }
            .swiper-overlay-text span a.buttons { margin:0;  }

    .our-approach span { width: 100%; }
        .our-approach span b { font-size:40px;  }


}