/*
Theme Name: Mot Juste
Theme URI:
Author: Mot Juste
Author URI: https://motjuste.com/
Description:
Tags: 
Version: 1.0
*/
:root {
    --raintext: #4C4C4C;
    --rainblack: #000000;
    --rainwhite: #ffffff;
    --rainblue: #1A9CD4;
    --rainhead:#093A65;
    --raingreen:#02A44A;
    --raindarkblue:#135da4;
}

*{padding:0;margin:0;box-sizing: border-box;scroll-behavior: smooth;}
body{font-size: 20px;font-family: "Geologica", sans-serif;line-height: 1.6;position:relative;}
h1,h2,h3,h4,h5,h6{font-family: "Geologica", sans-serif;padding: 0;margin: 0;}
@media screen and (max-width:576px){body{font-size: 16px;}}
p{color: var(--stgtext);font-family: "Geologica", sans-serif;}
html{scroll-behavior:smooth;}
img{max-width: 100%;height:auto;}
.row {margin: 0;position:relative;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, 
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, 
.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, 
.col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, 
.col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, 
.col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {padding:0;}
.container-1200{max-width: 1200px;margin: 0px auto; padding: 0 1rem;}
.container-1080{max-width: 1080px;margin: 0px auto; padding: 0 1rem;}
@media (min-width: 1400px) {
  .container-1200 {
      max-width: 1320px;
  }
  .container-1080 {
    max-width: 1200px;
}
}
@media (min-width: 1900px) {
  .container-1200 {
      max-width: 1440px;
  }
  .container-1080 {
    max-width: 1320px;
}
}
header{position: absolute;width: 100%;display: block;z-index: 999;top:0;right:0;left:0;}
.menu{display:flex;justify-content: space-between;}
.menu nav ul{display: flex;justify-content: space-between;}
nav ul {margin: 0;}
nav ul li{position: relative;list-style: none;line-height:1.6;}
.logo{padding:15px 0 0 0;}
nav ul li a:hover{color: var(--stgblue);}
nav ul li a {font-size: 0.9rem;display: block;color:var(--rainwhite);padding-left: 1.4rem;transition:all 0.5s linear;text-decoration: none;font-weight: 400;position: relative;line-height:60px;}
.menu .menu-item-has-children ul {
    display: block;
    position: absolute;
    left: 14px;
    top: calc(100% + 60px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-radius: 4px;
    background-color: #000;
  }
  .menu .menu-item-has-children ul li {
    min-width: 200px;
    background-color: #000;
  }
  .menu .menu-item-has-children ul a {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    text-transform: none;
    font-weight: 400;
    color: var(--rainwhite);
    line-height: 1.6;
  }
  .navbar .dropdown ul a i {
    font-size: 12px;
  }
  .nav-menu{display: flex;justify-content: end;align-items: center;align-content: center;}
  .menu nav ul li:hover > a{color:var(--rainblue)}
.menu nav ul li:hover{color:var(--rainblue)}
.current_page_item > a{color:var(--rainblue)!important;}
.menu nav ul li ul li:hover{color:var(--rainblue)}
.current-menu-ancestor > a{color:var(--rainblue)!important;}
  .menu .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
  }
  .menu .menu-item-has-children .menu-item-has-children ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
  }
  .menu .menu-item-has-children .menu-item-has-children:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
  }
  .menu .menu-item-has-children > a:after {
    content: "\f107";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
.menu .menu-item-has-children:hover > a:after {
    content: "\f106";
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    padding-left: 5px;
}
  @media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
      left: -90%;
    }
    .navbar .dropdown .dropdown:hover > ul {
      left: -100%;
    }
  }

/*Mobile Navigation*/
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 9999;overflow-y: auto;left: -100%;width: 100%;padding-top: 18px;padding-bottom: 18px;background: #000000;transition: 0.4s;text-align: center;line-height: 1;
display: flex;justify-content: center;align-items: center;}
.mobile-nav * {margin: 0;padding: 0;list-style: none;}
.mobile-nav  li a {display: block;position: relative;color: var(--rainwhite);padding: 10px 20px;font-weight: 500;outline: none;}
.mobile-nav a:hover,
.mobile-nav li:hover>a {color: var(--rainblue);text-decoration: none;}
.mobile-nav-toggle {position: absolute;top: 29px;right: 15px;z-index: 999999;border: 0;background: none;
 font-size: 30px;transition: all 0.4s;outline: none !important;line-height: 1;cursor: pointer;text-align: right;}
 .mobile-nav-toggle i {color:var(--rainwhite);}
.icofont-close{color: var(--rainwhite);}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {left: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
.menu-item-has-children> a:after {content: "\ea99";font-family: IcoFont;padding-left: 2px;}
.mobile-nav .menu-item-has-children ul {display: none;overflow: hidden;}
.mobile-nav li.actives ul{display: none;}
.mobile-nav a{line-height: 1.1;}
/*.homebanner{ background: 
    linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 29%), 
    url('images/bnr.jpg') no-repeat center center;background-repeat: no-repeat;background-size: cover;}*/
    .homebanner{ background: url('images/bnr.jpg') no-repeat center center;background-repeat: no-repeat;background-size: cover;}
.spacer{height: 130px;}
.hero-txt h1{color: var(--rainwhite);font-weight: 100;font-size: 2.3rem;padding-bottom: 1.5rem;}
.hero-txt h2{color: var(--rainwhite);font-weight: 500;font-size: 2.3rem;text-transform: uppercase;border-bottom: 3px solid var(--rainwhite);
display: inline-block;padding-bottom: 1rem;}
.home-banner-text{padding-top: 5rem;padding-bottom: 5rem;position: relative;z-index: 5;}
.homebanner{position: relative;}
.overlay{position: absolute;top:0;left:0;bottom:0;right: 0;background: url(images/banner-overlay.png);background-size: cover;z-index: 3;}
.home-sec-1{background:url(images/Sec1-bg2.jpg);background-size: cover;padding: 4rem 0;position: relative;padding-bottom:6rem;}
/*linear-gradient(0deg, rgba(42,25,19,0.4654236694677871) 5%, rgba(42,25,19,0.9360119047619048) 100%), */
.home-sec-1 top-cut{position: absolute;top: 0;left: 0;right:0;height: 40px;background: linear-gradient(0deg, rgba(54,35,29,0.2777485994397759) 0%, rgba(54,35,29,1) 100%);background-size: cover;background-position: top;}
.home-sec-1 h3{color: var(--rainwhite);font-size: 3.6rem;font-weight: 100;text-transform: uppercase;}
.home-sec-1 p{color: var(--rainwhite);font-size: 1.1rem;font-weight: 200;}
.home-sec-1 .inner-col h3{font-weight: 700;font-size: 3.6rem;}
.home-sec-1 .col-md-4{padding: 0 3rem;}
.home-sec-1 .col-md-4:first-child{padding-left: 0;}
.home-sec-1 .inner-col{border-bottom: 2px solid var(--rainwhite);}
.sec-1-col-2 .inner-col:first-child{padding-bottom: 0.5rem;}
.sec-1-col-2 .inner-col:last-child{padding-top: 0.5rem;}
.overlay0{position: absolute;left:0;bottom:0;right: 0;z-index: 1;background-size: cover;background:linear-gradient(0deg, rgba(42,25,19,1) 0%, rgba(42,25,19,0.5186449579831933) 87%); height: 30px;}
.home-sec-1-2 h3{color: var(--raingreen);font-size: 3.4rem;font-weight: 100;padding-bottom: 2rem;}
.home-sec-1-2 h3{padding-top: 9rem;}
.home-sec-1-2 p{font-size: 1.9rem;font-weight: 100;position: relative;z-index: 7;}
.home-sec-3{background: url(images/Sec3-bg.jpg);background-size: 100% 100%;background-position:top;}
.home-sec-3 h3{text-align: center;color: var(--rainwhite);font-size: 2.5rem;font-weight: 100;padding-bottom: 1rem;text-transform: uppercase;position: relative;z-index: 8;}
.home-sec-3{padding: 3rem 0;padding-top: 0;}
.overlaybottom{position: absolute;left:0;bottom:0;right: 0;z-index: 1;background-size: 100% 100%;/*background:linear-gradient(0deg, rgba(10,106,180,0.9920343137254902) 35%, rgba(10,109,10,0.0805497198879552) 110%);*/background-image:url(images/Sec2-bg.jpg); height: 240px;}
/*background:linear-gradient(0deg, rgba(10,106,180,0.9920343137254902) 65%, rgba(10,106,180,0.2805497198879552) 100%);*/
.cta{display:inline-block;border: 1px solid var(--raingreen);text-decoration: none;color: var(--raingreen);padding: 1rem 1.5rem;border-radius: 0.3rem;font-size: 1.2rem;margin: 0 auto;transition: all 0.3s linear;background-color: var(--rainwhite);}
.cta:hover{background-color: var(--raingreen);color: var(--rainwhite);}
.cta-link{text-align: center;margin-top: 1rem;}
.home-sec-4{background-image: url('images/Sec4-bg-2.jpg');background-size: cover;background-position:;padding: 4rem 0;}
.home-sec-4 h3{color: var(--raindarkblue);text-align: center;text-transform: uppercase;font-weight: 200;font-size: 2.4rem;
padding-bottom: 1rem;}
.ion-col img{width: 60px;}
.ion-col{display: flex;align-items: flex-start;padding: 2.5rem 0;}
.ion-text{padding-left: 1.5rem;}
.ion-text h4{font-size: 1.2rem;padding-bottom: 0.5rem;}
.ion-text p{font-size: 1rem;color: var(--raintext);}
.home-sec-4 .col-md-6:first-child{padding-right: 4rem;}
.home-sec-4 .col-md-6:nth-child(2){padding-left: 4rem;}
.home-sec-4 .col-md-6:nth-child(3){padding-right: 4rem;}
.home-sec-4 .col-md-6:nth-child(4){padding-left: 4rem;}
.enquiry{padding: 5rem 0;padding-bottom: 0;}
.enquiry h3{color: var(--rainwhite);text-transform: uppercase;padding-bottom: 4rem;}
.enquiry input{width: 100%;background-color: transparent;outline: none;border: 0;border-bottom: 1px solid var(--rainwhite);font-size: 1rem;padding-bottom: 1rem;color: var(--rainwhite);}
.enquiry .col-md-4{padding: 0 0.5rem;}
.enquiry input::placeholder{color: var(--rainwhite);font-weight: 100;}
.enquiry .col-md-8{margin: 0 auto;margin-top: 3rem;}
.enquiry textarea{width: 100%;background-color: transparent;border: 0;border-bottom: 1px solid var(--rainwhite);}
.enquiry .cta-link{margin-top: 4rem;}
.enquiry .cta-link .cta{padding: 1rem 4rem;}
footer{background:url('images/Footerbg.jpg');/*linear-gradient(357deg, rgba(13,33,82,1) 100%, rgba(64,112,185,1) 100%);*/text-align: center;padding: 1rem 0;background-repeat: no-repeat;background-size: cover;}
footer p{color: var(--rainwhite);font-size: 1rem;font-weight: 100;margin-top: 1.5rem;}
.social-contact img{width: 30px;}
.social-contact a{color: var(--rainwhite);font-size: 1rem;text-decoration: none;font-weight: 100;}
.social-contact img{margin-right: 1rem;}
footer li{list-style: none;}
.overlay2{position: absolute;bottom: 0;left: 0;right: 0;height: 64%;background: linear-gradient(355deg, rgba(41,23,17,1) 20%, rgba(41,23,17,0.177468487394958) 30%, rgba(41,23,17,0.02816876750700286) 38%);z-index:2;}
.footer-bottom{padding:1rem 0;}
.footer-bottom p{margin: 0;font-size: 0.8rem;}
.fixed-bg{background: rgba(41,23,17,0.95);}
.sec-1-col-3{display: flex;align-items: center;}
@media screen and (max-width:576px){
  .home-banner-text{padding: 3rem 0;}
  .home-sec-1 .col-md-4 {padding: 1rem 0;}
  .home-sec-1 .inner-col{padding:  0;}
  .home-sec-4 .col-md-6:nth-child(2) {padding-left: 0rem;}
  .home-sec-4 .col-md-6:nth-child(4) {padding-left: 0rem;}
  .cta{font-size: 1rem;}
  .enquiry input{margin-bottom: 1rem;}
  .enquiry .col-md-8{margin-top: 0;}
  .enquiry .col-md-4 {padding: 0;}
  .enquiry .cta-link {margin-top: 2rem;}
  .home-sec-1 .sec-1-col-3{padding-top: 0;}
  .home-sec-1-2 h3 {padding-top: 3rem;}
  .home-sec-1, .home-sec-4{padding: 1.5rem 0;}
  .ion-col{padding: 1.5rem 0;}
  .footer-bottom {display: flex;flex-direction: column;}
}
.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; /* Make the video fill the container */
  height: 100%;
  object-fit: cover; /* Ensure the video covers the container */
  z-index: 1; /* Place it behind the content */
}
@media screen and (max-width:768px){.bg-video{object-position: -196px 0;}}

/*.sec-3 {
      background-color: transparent;
      position: relative;
      z-index: 10;
      transition: opacity 0.3s ease;
      height:100vh; 
      
    }

    .sec-3.sticky {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      z-index: 100;
     display:contents;
    }

    .word {
      display: inline-block;
      opacity: 0.2;
      transition: opacity 0.3s ease;
      color: rgba(255, 223, 186, 0.2);
    }
   */

.video-container{max-width:1080px;margin:2rem auto;}
.video-containers{max-width:1200px;margin:2rem auto;margin-top:0;}
.video-container video{width:100%;border-radius:10px; box-shadow: 0 4px 10px rgba(128, 128, 128, 0.5);height:100%;}
.video-containers video{width:100%;border-radius:10px; box-shadow: 0 4px 10px rgba(128, 128, 128, 0.5);height:100%;}
.innerbanner{min-height:540px;background-size:cover;background-repeat:no-repeat;background-position:right;}
.innerbanner .hero-txt h1{font-size:3.6rem;text-transform:uppercase;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)}
.c1{background-size:cover;background-repeat:no-repeat;padding:3rem 0;}
.c1-col-1, .c1-col-2{color:var(--rainwhite);}
.c1-col-1 h2{font-size:2.3rem;font-weight:100;text-transform:uppercase;}
.c1-col-1{padding-right:3rem;}
@media screen and (min-width:991px){.c1-col-1{padding-right:3rem;}.c1-col-2{padding-left:3rem;}}
.c1-col-2 p{font-size:1.1rem;font-weight:100;}
h2.sec-sub-title {text-align: left;color: var(--rainwhite);font-size: 2.5rem;font-weight: 100;padding-bottom: 1rem;text-transform: uppercase;position: relative;
z-index: 8;max-width:1000px;margin: 3rem auto;} 
.c1 img{margin-bottom:2rem;}
.disclaimer-content p{font-size:0.9rem;color:var(--rainwhite);font-weight:100;}
.c3{padding:5rem 0;background-size:cover;background-repeat:no-repeat;}
.commonsection h3{text-align:center;font-size:2.4rem;font-weight:200;}
@media screen and (max-width:576px){
  .hero-txt h1{font-size: 1.8rem;}
  .hero-txt h2{font-size: 1.8rem;}
  .home-sec-1 h3{font-size: 2.3rem;}
  .home-sec-1 .inner-col h3{font-size: 2.3rem;}
  .home-sec-1-2 p{font-size: 1.2rem;}
  .home-sec-3 h3{font-size: 2rem;}
  .commonsection h3{font-size: 2rem;}
  .innerbanner .hero-txt h1{font-size: 1.8rem;}
  .innerbanner.page-id-12{background-position: -745px top;}
}
.innerbanner.page-id-14{background-position: center top;}
 .scroll-reveal span { 
                color: hsl(0 0% 100% / 0.5);
                background-clip: text;
                background-repeat: no-repeat;
                background-size: 0% 100%;
                background-image: linear-gradient(90deg, white, white);
                animation: scroll-reveal 5s linear forwards;
                animation-timeline: view(y);
            }

            .scroll-reveal h3 span {
    color: hsl(120, 100%, 25%, 0.5); /* Start with faint green */
    background-clip: text;
    background-repeat: no-repeat;
    background-size: 0% 100%;
    background-image: linear-gradient(90deg, green, green); /* Green reveal effect */
    animation: scroll-reveal 5s linear forwards;
    animation-timeline: view(y);
    animation-range-start: contain 20vh;
    animation-range-end: contain 30vh;
}



            /* Apply animation range dynamically to all p elements */
            .scroll-reveal p:nth-child(2) span {
                animation-range-start: cover 22.5vh;
                animation-range-end: cover 50vh;
            }

            .scroll-reveal p:nth-child(3) span {
                animation-range-start: cover 33vh;
                animation-range-end: cover 55vh;
            }

            .scroll-reveal p:nth-child(4) span {
                animation-range-start: cover 40vh;
                animation-range-end: cover 60vh;
            }

            .scroll-reveal p:nth-child(5) span {
                animation-range-start: cover 47vh;
                animation-range-end: cover 65vh;
            }

            .scroll-reveal p:nth-child(6) span {
                animation-range-start: cover 55vh;
                animation-range-end: cover 70vh;
            }
           


            @keyframes scroll-reveal {
                to {
                    background-size: 100% 100%;
                }
            }
            .scroll-reveal p{margin-bottom:2rem;}
            .scroll-revealp:last-child{margin-bottom:0;}
            
            .timeline-container {
            width: 100%;
            height: 520px;
            position: relative;
            background: transparent;
           
        }
        .timeline {
            display: flex;
            overflow-x: auto;
            scroll-behavior: smooth;
           
            height: 100%;
    -ms-overflow-style: nne;  /* Hide scrollbar in Internet Explorer & Edge */
    scrollbar-width: nne;  /* Hide scrollbar in Firefox */
    
           
        }
        .timeline-content {
            flex: 0 0 400px;
            height: 240px;
            padding: 20px;
            background:rgba(255,255,255,0.3);
            position: relative;
            border-radius: 10px;
            margin-right: 10px;
            /*box-shadow: 0px 0px 2px 2px rgba(0,0,0, 0.2);*/
            
        }
        .timeline-content:before {
            position: absolute;
            width: calc(100% + 14px);
            height: 4px;
            top: calc(100% + 10px);
            background: #FFF;
            content: "";
            left: -7px;
            border-radius: 5px;
        }
        .timeline-content:after {
            position: absolute;
            width: 4px;
            /*height: 25px;*/
             height: 8px;
            /*top: calc(100% - 18px);*/
            top: calc(100% - 2px);
            left: calc(50% - 10px);
            background: #FFF;
            content: "";
        }
        .timeline-period {
            position: absolute;
            top: calc(100% + 25px);
           
            padding: 10px;
            width: 100px;
            text-align: center;
            color:var(--rainwhite);
            left: calc(50% - 60px);
            
        }
        .timeline-period:before {
            width: 15px;
            height: 15px;
            background: #FFF;
            border-radius: 50%;
            content: "";
            position: absolute;
            top: -20px;
            left: calc(50% - 6px);
            z-index: 2;
        }
        .timeline-content:nth-child(even) {
            align-self: flex-end;
        }
        .timeline-content:nth-child(even):before {
            top: -15px;
        }
        .timeline-content:nth-child(even):after {
            /*top: -25px;*/
            top:-10px;
        }
        .timeline-content:nth-child(even) .timeline-period {
            top: -77px;
        }
        .timeline-content:nth-child(even) .timeline-period:before {
            top: calc(100% + 5px);
        }
        .scroll-arrow {
            position: absolute;
            top: 80%;
            transform: translateY(-50%);
            background: rgba(0, 0, 0, 0.5);
            color: white;
            border: none;
            padding: 10px;
            cursor: pointer;
            font-size: 24px;
            z-index: 10;
        }
        .scroll-arrow.left {
            left: 10px;
        }
        .scroll-arrow.right {
            right: 10px;
        }
        .timeline-content:nth-child(even):after {
    /* top: -25px; */
    height:10px;
}

        .timeline::-webkit-scrollbar {
    visibility: hidden;  /* Hide scrollbar in Chrome, Safari, and Opera */
}
.c2{background-size:cover;background-repeat:no-repeat;padding:4rem 0;}
.inner-timeline-tile{display:flex;justify-content: center;
    align-items: center;}
.inner-timeline-tile{color:var(--rainwhite);text-align:center;}
h4.timieline-title{font-size:1.1rem;font-weight:800;}
.inner-timeline-tile p{font-size:1rem;margin-bottom:0;}
.inner-timeline-tile img{padding-right:1rem;}
@media screen and (max-width:576px){
.inner-timeline-tile{display:flex;flex-direction:column;}
.timeline-content{height:365px;}
.inner-timeline-tile img{padding-right:0;margin-bottom:1rem;}
.timeline-content:nth-child(even):before {top:102.8%!important;}
.timeline-content:nth-child(even) {
    align-self: flex-start;
}
.timeline-content:nth-child(even) .timeline-period {
    position: absolute;
    top: calc(100% + 25px);
    padding: 10px;
    width: 100px;
    text-align: center;
    color: var(--rainwhite);
    left: calc(50% - 60px);
}
.timeline-content:nth-child(even) .timeline-period:before {
    width: 15px;
    height: 15px;
    background: #FFF;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: -20px;
    left: calc(50% - 6px);
    z-index: 2;
}
.timeline-content:nth-child(even):after {
    position: absolute;
    width: 4px;
    height: 8px;
    top: 100%;
    left: calc(50% - 10px);
    background: #FFF;
    content: "";
}
.timeline-content {
            flex: 0 0 300px;}
}
.hiw-1{padding-bottom:4rem;background-size:cover;background-position:center bottom;}
.hiw-1 h2{color:var(--rainwhite);text-align: center;font-size: 2.5rem;font-weight: 100;padding-bottom: 1rem;text-transform: uppercase;position: relative;z-index: 8;}
.hiw-col-tile{display:fex;justify-content:space-between;padding:0.5rem;}
.hiw-col-tile h6{width: 30px;  
    height: 30px;
    background-color: white; 
    color:#386977; 
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 50%;  /* Makes it a circle */
    display: flex;
    align-items: center;
    justify-content: center;
    float:left;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); /* Optional shadow */}
    .hiw-col-tile p{color:var(--rainwhite);font-weight:200;padding-left:0.5rem;font-size:1rem;}
    .hiw-3{background-repeat:no-repeat;background-size:cover;}
     h2.hiw {
    color: var(--rainwhite);
    text-align: center;
    font-size: 2.5rem;
    font-weight: 100;
    padding-bottom: 1rem;
    text-transform: uppercase;
    position: relative;
    z-index: 8;padding-top: 8rem;
    padding-bottom:3rem;
}
.default-head-1 h3{color: var(--rainwhite);
    text-align: center;
    font-size: 2.5rem;
    font-weight: 100;
    padding-top:8rem;
    text-transform: uppercase;
    position: relative;
    z-index: 8;
    
    padding-bottom: 3rem;}
    .hiw-3-bottom-col-1 img{width:70px;}
    .hiw-3-bottom-col-2{padding-left:1.5rem;}
    .hiw-3-bottom-col-2 p{color:var(--rainwhite);font-size:1rem;font-weight:100;}
    .hiw-3-bottom-col-2 h4{color:var(--rainwhite);font-size:1rem;font-weight:700;margin-bottom:0.3rem;}
    .hiw-3-bottom-col{padding:1rem;}
    .b-row .col-md-6:nth-child(odd){padding-right:4rem;}
    .b-row .col-md-6:nth-child(even){padding-left:4rem;}
.hiw-4 ul{columns:2;margin-bottom:0;}
.hiw-4 ul li{color:var(--rainwhite);font-weight:100;font-size:1.1rem;padding-bottom:0.5rem;}
.hiw-4 h3{padding-top:3rem;max-width:1080px;}
.hiw-4{padding-bottom:4rem;}
.commonsection{background-repeat:no-repeat;background-size:cover;}
.scroll-arrow img{width:50px;}
.c2 h3{padding-top:0;padding-bottom:4rem;}
.c2 h3 span{text-transform:none;}
.dtxt p{color:var(--rainwhite);font-size:0.8rem;margin-top:3rem;}
.c3 .col-md-4{padding:0.5rem 1rem;}
.single-page-banner{min-height:380px;}
.single-page-banner .hero-txt h1{margin-top:0;font-size: 3.1rem;
    text-transform: uppercase;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.post-category-listing-tiles{padding:3.5rem 0;}
.post-category-listing-tiles  h2{text-align:center;font-size:1.2rem;margin-top:1rem;text-decoration:none;color:var(--rainwhite);}
.post-category-listing-tiles  p{text-align:center;font-size:1rem;margin-top:0.4rem;text-decoration:none;color:var(--rainwhite);}
.post-category-listing-tiles .cta {display: inline-block;border: 1px solid var(--raingreen);text-decoration: none;
color: var(--raingreen);padding: 0.5rem 1rem;border-radius: 0.3rem;font-size: 0.9rem;margin: 0 auto;transition: all 0.3s linear;background-color: var(--rainwhite);
}
.post-category-listing-tiles .cta:hover{background-color: var(--raingreen);color: var(--rainwhite);}
.post-category-listing-tiles .listing-tiles{padding:1rem;}
.inner-tiles-blog{padding:1rem;border:1px solid #c6c6c6;position:relative;z-index:4;text-align:center;height:100%;}
.post-category-listing-tiles a{text-decoration:none;}
.pagination{display: flex;text-align: center;justify-content: center;margin-top:3rem;}
.pagination .page-numbers{padding:0.3rem;border:1px solid var(--raingreen);margin:0 0.3rem;}
.pagination a{text-decoration:none;color:var(--raingreen);}
.pagination .current{background:var(--raingreen);color:var(--rainwhite);}
.case-study-sec-1{background-image:url(images/case-study-sec-1-bg.jpg);background-size:cover;background-repeat:no-repeat;position:relative;}
.case-study-sec-1-top h2{
    color: var(--rainwhite);
    font-size: 2.5rem;
    font-weight: 100;
   
    padding-bottom: 2rem;
    text-transform: uppercase;
    position: relative;
    z-index: 8;text-align:center;
    }
    .case-study-sec-1-top ul li{color: var(--rainwhite);
    font-weight: 100;
    font-size: 1.1rem;
    padding-bottom: 1rem;}
    .case-study-sec-1-top p{color: var(--rainwhite);
    font-weight: 100;
    font-size: 1.1rem;
    padding-bottom: 1rem;}
    .case-col-1{padding-right:2rem;}
    .case-col-2{padding-left:2rem;}
    .case-study-sec-1{padding:4rem 0 ;}
    .case-study-sec-1-bottom{padding-top:4rem;margin:0 auto;text-align:center;}
    .case-study-sec-1-bottom h3.title{color:var(--rainwhite);text-align:center;
        font-size:1.5rem;text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);margin-bottom:1rem;
    }
    .img-text h3{color:var(--rainwhite);text-align:center;font-size:1.3rem;margin:1rem 0 0;}
   .img-text p{color:var(--rainwhite);text-align:center;font-size:1.1rem;margin:0.4rem 0 0;}
   .case-study-col-right{padding-left:3rem;}
   .case-study-sec-2{padding:4rem 0 0 0;}
   .case-study-content-area{padding-right:4rem;}
   .case-study-content-area h3{ color: var(--rainwhite);
    font-size: 2rem;
    font-weight: 100;
   
    padding-bottom: 1.4rem;
    text-transform: uppercase;
    position: relative;
    z-index: 8;}
    .case-study-content-area ul li{color: var(--rainwhite);
    font-weight: 100;
    font-size: 1.1rem;
    padding-bottom: 1rem;}
    .case-study-content-area p{color: var(--rainwhite);
    font-weight: 100;
    font-size: 1.1rem;
    padding-bottom: 1rem;}
    .single-page-banner{background-size:cover;background-repeat:no-repeat;background-position:center;}
    .post-category-listing-tiles{background-image:url(images/case-study-sec-1-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position: top;}
    .casestudy-common-section{background-image:url(images/sec4-bg.jpg);background-size:cover;background-repeat:no-repeat;padding:0 0 4rem 0;}
     .casesstudy-taxonomy-commonsection{background-image:url(images/sec4-bg.jpg);background-size:cover;background-repeat:no-repeat;padding:0 0 4rem 0;}
    .case-study-sec-1 .layer{position:absolute;bottom:0;width:100%;left:0;right:0;
    background:linear-gradient(0deg, rgba(1,52,93,1) 29%, rgba(1,52,93,0.053658963585434205) 84%);z-index:2;height:100px;}
    .post-category-listing-tiles{position:relative;padding-bottom:3rem;}
     .post-category-listing-tiles .layer{position:absolute;bottom:0;width:100%;left:0;right:0;
    background:linear-gradient(0deg, rgba(1,52,93,1) 29%, rgba(1,52,93,0) 84%);z-index:2;height:180px;}
    .cta-link input{display: inline-flex;
    border: 1px solid var(--raingreen);
    text-decoration: none;
    color: var(--raingreen);
    padding: 1rem 1.5rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
    margin: 0 auto;
    transition: all 0.3s linear;
    background-color: var(--rainwhite);width:auto;}
    .enquiry .cta-link input {
    padding: 1rem 4rem;
}
 .enquiry .cta-link input:hover{background-color: var(--raingreen);color: var(--rainwhite);}
 .ytitle{
    text-align: center;
    color: var(--rainwhite);
    font-size: 2.5rem;
    font-weight: 100;
    padding-top:2rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    position: relative;
    z-index: 8;
    max-width: 1000px;margin:0 auto;}
    .why-sec-2{padding:3rem 0rem;}
    .why-sec-2 ul li{color: var(--rainwhite);
    font-weight: 100;
    font-size: 1.1rem;
    padding-bottom: 1rem;}
    .sec-graphic p{color:var(--rainwhite);font-weight:100;font-size:1rem;}
    .banner-tiles{padding:1rem 0.5rem;}
    .banner-tile-cover{max-width:800px;margin:0 auto;display:flex;background:rgba(255,255,255,0.3);border:1px solid #fff;padding:0.5rem;position:relative;margin-top:1.5rem;margin-bottom:3rem;}
    .banner-tile-cover ul{display:flex;justify-content:center;margin:0;}
    .banner-tile-cover ul li{color:var(--rainwhite);font-weight:100;font-size:0.9rem;padding:0.5rem;}
    .line{position:absolute;right:-1px;top:-65px;width:1px;height:65px;background-color:#fff;}
    .bg-dark-green{background-image:url(images/RTT-profile-bg.jpg);background-size:cover;background-repeat:no-repeat;}
    .why-left{padding-left:1.5rem;}
    @media (min-width: 1400px) {
     .banner-tile-cover {
        max-width: 920px;
    }
}
.why-sec-2{position:relative;background-size:cover;background-repeat:no-repeat;padding-top:4rem;}
.why-sec-2 .layer{position:absolute;top:0;width:100%;left:0;right:0;
    background: linear-gradient(0deg, rgba(8,2,2,0) 29%, rgba(8,2,2,1) 84%);z-index:2;height:200px;}
   .why-sec-2 .col-md-6{z-index:99;}
   .bg-dark-green h3{color:var(--rainwhite);font-size:1.1rem;}
   .bg-dark-green p{color:var(--rainwhite);font-size:1rem;font-weight:100;}
   .team-content p, .team-content li{color:var(--rainwhite);font-size:1rem;font-weight:100;padding-bottom:1rem;}
   .team-1{position:relative;background-size:cover;background-repeat:no-repeat;}
   .team-1 .top-layr{position:absolute;width:100%;height:106px;left:0;right:0;top:0;background-image:url(images/RTT-profile-bg.jpg);background-size:cover;background-repeat:no-repeat;}
   .teamcol{}
   .team-content{padding: 2rem 1.5rem;}
   .teamtitle{display:flex;justify-content:center;flex-direction:column;padding:0.5rem 1rem;}
    .teamtitle p{margin:0;}
    .teamcol{border-left:1px solid rgba(255,255,255,0.3);}
     .teamcol:last-child{border-right:1px solid rgba(255,255,255,0.3);}
.team-row-2 .teamcol:nth-child(4){border-right:1px solid rgba(255,255,255,0.3);}
     .team-row-2{margin-top:0rem;}
     @media screen and (min-width:992px) and (max-width:1063px){
         nav ul li a {font-size: 0.9rem!important;font-weight:600;padding-left: 1.5rem;}
     }
 @media screen and (max-width:576px){
     .scroll-arrow.right {
    right: 10px!important;
}
.scroll-arrow {
    top: auto!important;
    bottom: 0;
}
.scroll-arrow.left {
    left: 10px!important;
}
h2.hiw{font-size:2rem;padding-top:3rem;}
.hiw-3-bottom-col-1{margin-bottom:1rem;}
.hiw-3-bottom .container-1080{padding:0;}
.hiw-3-bottom-col-2 {padding-left:0;}
.b-row .col-md-6:nth-child(even) {padding-left: 0;}
.b-row .col-md-6{padding-left: 0;}
.scroll-arrow{display:none!important;}
.dtxt p{margin-top:0;}
.c3 .col-md-4 {padding: 1rem 0;}
.c3{padding:1rem 0;}
.banner-tile-cover ul{flex-direction:column;}
.line{right: 50%;}
.teamcol {border-left: 0;border-right:0;}
.teamcol:last-child {border-right:0;}
.team-content {padding: 2rem 0;}
.team-row-2 {margin-top: 0;}
.case-col-2 {padding-left: 0;}
.case-study-sec-1-bottom{text-align:center;}
.case-study-col-right {padding-left: 0;}
.case-study-sec-1{padding-top:0;}
.case-study-content-area {padding-right: 0;}
 }        
@media screen and (max-height: 500px) and (orientation: landscape) {
.home-sec-1 .col-md-4 {padding: 0 ;}
.home-sec-4 .col-md-6:nth-child(2) {padding-left: 0;}
.home-sec-4 .col-md-6:nth-child(4) {padding-left: 0;}
.enquiry .col-md-4 {padding: 0; }
.enquiry .col-md-8{margin-top:0;}
.scroll-arrow{display:none!important;}
.b-row .col-md-6:nth-child(even) {padding-left: 0;}
.hiw-3-bottom-col {padding-left: 0;}
.hiw-3-bottom-col-2 {
    padding-left: 0;margin-top:1rem;
}
    .teamcol {border-left: 0;border-right:0;}
.teamcol:last-child {border-right:0;}
.case-col-2 {padding-left: 0;}
.case-study-content-area {padding-right: 0;}
.case-study-sec-2 .col-md-4{text-align:center;}
}
@media screen and (min-width:1490px){.commonsection{background-size:100% 100%;}}
.why-sec-2 .container-1200{position:relative;z-index:999;}
.post-category-listing-tiles .row{z-index:999;}
.default-page-custom{padding:4rem 0;}
@media screen and (min-width:780px){
    .why-left {
    padding-right: 1.5rem;
}
}
@media (max-width: 1024px) {
   .nav-menu{display:none!important;}
   .mobile-nav-toggle{display:block!important;}
       .mobile-nav{display:block!important;}
   }
h2.historical-sub-title {text-align: left;color: var(--rainwhite);font-size: 2.5rem;font-weight: 100;padding-bottom: 1rem;text-transform: uppercase;position: relative;
z-index: 8;max-width:1000px;margin: 3rem auto;} 
.historical-row ul li {color: var(--rainwhite);font-weight: 100;font-size: 1.1rem;padding-bottom: 1rem;}
@media screen and (min-width:991px){.historical-row .hst-content{padding-right:2rem;}
    .hst-graph{padding-right:2rem;}
}
.teamcol{position:relative;}
.c3{padding-top:0;}
.c3.commonsection{background-size:100% 100%;}
.client-logos{background:#fff;border-radius:1rem;}
.client-logos{text-align:center;padding:0.3rem;}
.team-content {display:flex;justify-content:space-between;flex-direction:column;}
.related-studies{z-index:9;padding:1rem 0;}
.related-studies h4{color:var(--rainwhite);font-weight:200;text-transform:uppercase;font-size:1.4rem;margin-bottom:1rem;}
.related-studies p{color:var(--rainwhite);font-weight:100;font-size:1rem;}
.related-studies a{text-decoration:none;}

@media (max-width: 1170px) {
    .mobile-nav-toggle {
        display: block !important;
    }
	.nav-menu{display:none!important;}
	    .mobile-nav {
        display: block !important;
    }
}
.footer-top img{max-width:250px;}
.mobile-nav-toggle {
    margin-top: 0!important;
}
@media screen and (max-width:576px){
	.single-page-banner .hero-txt h1{font-size: 1.8rem;}
	.post-category-listing-tiles h1{font-size: 1.8rem;}
	.case-study-sec-1 h2{font-size: 1.8rem;}
	.case-study-content-area h3{font-size: 1.8rem;}
	.post-category-listing-tiles{padding-top:0;}
	.post-category-listing-tiles h1{padding-bottom:1.4rem;}
}