@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Regular.eot');
    src: local('Gilroy Regular'), local('Gilroy-Regular'),
        url('../font/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Regular.woff2') format('woff2'),
        url('../font/Gilroy-Regular.woff') format('woff'),
        url('../font/Gilroy-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-ExtraboldItalic.eot');
    src: local('Gilroy Extrabold Italic'), local('Gilroy-ExtraboldItalic'),
        url('../font/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-ExtraboldItalic.woff2') format('woff2'),
        url('../font/Gilroy-ExtraboldItalic.woff') format('woff'),
        url('../font/Gilroy-ExtraboldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';192
    src: url('../font/Gilroy-Bold.eot');
    src: local('Gilroy Bold'), local('Gilroy-Bold'),
        url('../font/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Bold.woff2') format('woff2'),
        url('../font/Gilroy-Bold.woff') format('woff'),
        url('../font/Gilroy-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Black.eot');
    src: local('Gilroy Black'), local('Gilroy-Black'),
        url('../font/Gilroy-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Black.woff2') format('woff2'),
        url('../font/Gilroy-Black.woff') format('woff'),
        url('../font/Gilroy-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Light.eot');
    src: local('Gilroy Light'), local('Gilroy-Light'),
        url('../font/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Light.woff2') format('woff2'),
        url('../font/Gilroy-Light.woff') format('woff'),
        url('../font/Gilroy-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Semibold.eot');
    src: local('Gilroy Semibold'), local('Gilroy-Semibold'),
        url('../font/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Semibold.woff2') format('woff2'),
        url('../font/Gilroy-Semibold.woff') format('woff'),
        url('../font/Gilroy-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Medium.eot');
    src: local('Gilroy Medium'), local('Gilroy-Medium'),
        url('../font/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Medium.woff2') format('woff2'),
        url('../font/Gilroy-Medium.woff') format('woff'),
        url('../font/Gilroy-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-MediumItalic.eot');
    src: local('Gilroy Medium Italic'), local('Gilroy-MediumItalic'),
        url('../font/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-MediumItalic.woff2') format('woff2'),
        url('../font/Gilroy-MediumItalic.woff') format('woff'),
        url('../font/Gilroy-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-BlackItalic.eot');
    src: local('Gilroy Black Italic'), local('Gilroy-BlackItalic'),
        url('../font/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-BlackItalic.woff2') format('woff2'),
        url('../font/Gilroy-BlackItalic.woff') format('woff'),
        url('../font/Gilroy-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-UltraLight.eot');
    src: local('Gilroy UltraLight'), local('Gilroy-UltraLight'),
        url('../font/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-UltraLight.woff2') format('woff2'),
        url('../font/Gilroy-UltraLight.woff') format('woff'),
        url('../font/Gilroy-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-RegularItalic.eot');
    src: local('Gilroy Regular Italic'), local('Gilroy-RegularItalic'),
        url('../font/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-RegularItalic.woff2') format('woff2'),
        url('../font/Gilroy-RegularItalic.woff') format('woff'),
        url('../font/Gilroy-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-SemiboldItalic.eot');
    src: local('Gilroy Semibold Italic'), local('Gilroy-SemiboldItalic'),
        url('../font/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-SemiboldItalic.woff2') format('woff2'),
        url('../font/Gilroy-SemiboldItalic.woff') format('woff'),
        url('../font/Gilroy-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-HeavyItalic.eot');
    src: local('Gilroy Heavy Italic'), local('Gilroy-HeavyItalic'),
        url('../font/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-HeavyItalic.woff2') format('woff2'),
        url('../font/Gilroy-HeavyItalic.woff') format('woff'),
        url('../font/Gilroy-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Extrabold.eot');
    src: local('Gilroy Extrabold'), local('Gilroy-Extrabold'),
        url('../font/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Extrabold.woff2') format('woff2'),
        url('../font/Gilroy-Extrabold.woff') format('woff'),
        url('../font/Gilroy-Extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-BoldItalic.eot');
    src: local('Gilroy Bold Italic'), local('Gilroy-BoldItalic'),
        url('../font/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-BoldItalic.woff2') format('woff2'),
        url('../font/Gilroy-BoldItalic.woff') format('woff'),
        url('../font/Gilroy-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-UltraLightItalic.eot');
    src: local('Gilroy UltraLight Italic'), local('Gilroy-UltraLightItalic'),
        url('../font/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('../font/Gilroy-UltraLightItalic.woff') format('woff'),
        url('../font/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-LightItalic.eot');
    src: local('Gilroy Light Italic'), local('Gilroy-LightItalic'),
        url('../font/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-LightItalic.woff2') format('woff2'),
        url('../font/Gilroy-LightItalic.woff') format('woff'),
        url('../font/Gilroy-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Heavy.eot');
    src: local('Gilroy Heavy'), local('Gilroy-Heavy'),
        url('../font/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Heavy.woff2') format('woff2'),
        url('../font/Gilroy-Heavy.woff') format('woff'),
        url('../font/Gilroy-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-Thin.eot');
    src: local('Gilroy Thin'), local('Gilroy-Thin'),
        url('../font/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-Thin.woff2') format('woff2'),
        url('../font/Gilroy-Thin.woff') format('woff'),
        url('../font/Gilroy-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../font/Gilroy-ThinItalic.eot');
    src: local('Gilroy Thin Italic'), local('Gilroy-ThinItalic'),
        url('../font/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../font/Gilroy-ThinItalic.woff2') format('woff2'),
        url('../font/Gilroy-ThinItalic.woff') format('woff'),
        url('../font/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}






*, *::after, *::before {
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;  
}
html {
    font-size: 10px;
     scroll-behavior: smooth;
     
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
     padding: 0;
     border: 0;
     font-family: "Bricolage Grotesque";
     color: #000;
}
table{
    width: 100%;
    border-collapse: collapse;
    text-align: left;
}
th, td{
    padding: 3rem 2.7rem;
    font-size: 2.4rem;
    border: 1px solid #ddd;
}
td a {
    font-weight: 600;
}
table th {
    background-color: #ff7f0d;
    color: #fff;
    border-left: 1px solid #fff;
    border-top: 0;
}
table th:first-child {
    border-radius: 2rem 0rem 0rem 0rem;
}
table th:last-child {
    border-radius: 0rem 2rem 0rem 0rem;
    border-right: 1px solid #fff;
}
body {
    background-color: #ffff;
     scroll-behavior: smooth;
     font-family: "Bricolage Grotesque";
     
}
span, blockquote {
    font-size: 2.2rem;
     font-weight: 400;
     font-family: "Gilroy";
     
}
ul {
    list-style: none;    
}
.hidden{
    display: none;
}
.overflow-hidden{
    overflow: hidden;
}
.text-capital h6{
    text-transform: capitalize;
}
.overflow-auto{
    overflow: unset;
}
video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.show-950{
    display: none !important;
}

a{
    transition: .2s ease-in-out;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Bricolage Grotesque";
     
}
p, li, a{
    font-family: "Gilroy";
}
h1 {
    font-size: 7rem;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.3rem;
}
h2, .about-usps-counter-item h2 span, .projects-counters h2 span, .team-list-usps-item h2 span {
    font-size: 8rem;
    font-weight: 500;
    margin-bottom: 3.5rem;
    text-transform: capitalize;
    line-height: 1;
    letter-spacing: 0.2rem;
}
h2 strong {
    font-weight: 500;
    color: #FF7F0D;
}
h3 {
    font-size: 6rem;
    font-weight: 500;
    letter-spacing: 0rem;
    line-height: 1.35;
}
h4, .blog-item-detail-box h2 {
    font-size: 5rem;
    font-weight: 500;
}
h5 {
    font-size: 4rem;
    font-weight: 400;
}
h6 {
    font-size: 3rem;
    color: #010101;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: -0.05rem;
    font-family: "Gilroy";
    margin-bottom: 2.5rem;
}
p, ul li, ol li {
    font-size: 2.4rem;
    line-height: 1.6;
    font-weight: 500;
    color: #212023;
}
.font-20, .font-20 p {
    font-size: 2rem;
    font-weight: 400;
}
.font-18, .font-18 p{
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.2;
}
h5 strong, p strong{
    font-weight: inherit;
    color: #FF7F0D;
}
a{
    font-size: 2rem;
    text-decoration: none;
    font-weight: 500;
}
li{
    font-size: 2rem;
    text-decoration: none;
    font-weight: 400;
}

/* Common Classes Start */ 
section {
   margin: 0 auto;
   overflow: hidden;
}
.relative, .ooms-difference-content ul li{
    position: relative;
}
.container {
    width: 88%;
    max-width: 1630px;
    margin: 0 auto;
}
.pt-zero{
    padding-top: 0 !important;
}
.pt-13{
    padding-top: 13rem;
}
.com-pd-13{
    padding: 13rem 0;
}
.com-padding {
   padding-top: 17rem;
   padding-bottom: 17rem;
}
.uppercase{
    text-transform: uppercase;
}
.capitalize{
    text-transform: capitalize;
}
.flex-box {
    display: flex;
    flex-wrap: wrap;  
}
.text-center {
    text-align: center;  
}
.text-right{
    text-align: right;
}
.text-end{
    text-align: end;
}
.text-justify{
    text-align: justify; 
}
.align-center {
    align-items: center; 
}
.align-start {
    align-items: flex-start;
}
.align-end {
    align-items: flex-end; 
}
.justify-center {
    justify-content: center; 
}
.justify-between {
    justify-content: space-between;
}
.justify-evenly {
    justify-content: space-evenly;
}
.justify-around {
    justify-content: space-around;
}
.justify-end {
    justify-content: flex-end; 
}
.justify-start {
    justify-content: flex-start; 
}
.margin-x-auto {
    margin-left: auto; 
    margin-right: auto;   
}
.mt-zero{
    margin-top: 0 !important;
}
.mb-zero{
    margin-bottom: 0 !important;
}
.ml-auto {
    margin-left: auto; 
}
.mr-auto {
    margin-right: auto;   
}
.mt-1{
    margin-top: 1rem; 
}
.mt-2{
    margin-top: 2rem; 
}
.mt-3, .pg-about-intro-info ul  {
    margin-top: 3rem;  
}
.mt-4 {
    margin-top: 4rem;  
}
.mt-5 {
    margin-top: 5rem;  
}
.mt-7 {
    margin-top: 7rem !important;  
}
.mt-10 {
    margin-top: 10rem !important;  
}
.ml-3{
    margin-left: 3rem;
}
.mr-1{
    margin-right: 1rem;  
}
.mr-2{
    margin-right: 2rem;  
}
.mb-2{
    margin-bottom: 2rem;   
}
.mb-3 {
    margin-bottom: 3rem;  
}
.mb-4 {
    margin-bottom: 4rem;  
}
.mb-5 {
    margin-bottom: 5rem; 
}
.mb-6 {
    margin-bottom: 6rem;  
}
.mb-7 {
    margin-bottom: 7rem; 
}
.pt-3 {
    padding-top: 3rem;  
}
.pt-4 {
    padding-top: 4rem; 
}
.pt-5 {
    padding-top: 5rem;  
}
.fw-400{
    font-weight: 400;  
}
.fw-500{
    font-weight: 500;  
}
.fw-600{
    font-weight: 600;  
}
.section-underline{
    border-bottom: 1px solid #B4B4B4;
}
.section-upper-underline{
    border-top: 1px solid #B4B4B4;
}
/* width  */
.max-content{
    width: max-content;
}
.w-10 {
    width: 10%;  
}
.w-15{
    width: 15%;
}
.w-20 {
    width: 20%; 
}
.w-25 {
    width: 25%; 
}
.w-27 {
    width: 27%; 
}
.w-28 {
    width: 28%; 
}
.w-30 {
    width: 30%;
}
.w-32 {
    width: 32%;
}
.w-33 {
    width: 33.33%; 
}
.w-35 {
    width: 35%;
}
.w-37 {
    width: 37%;
}
.w-38 {
    width: 38%;
}
.w-39 {
    width: 39%;
}
.w-40 {
    width: 40%;
}
.w-42 {
    width: 42%;
}
.w-43 {
    width: 43%;
}
.w-45{
    width: 45%; 
}
.w-46{
    width: 46%; 
}
.w-47{
    width: 47%; 
}
.w-48{
    width: 48%; 
}
.w-50 {
    width: 50%;  
}
.w-51 {
    width: 51%;  
}
.w-52{
    width: 52%;
}
.w-55 {
    width: 55%; 
}
.w-57 {
    width: 57%;
}
.w-58 {
    width: 58%;
}
.w-60 {
    width: 60%;
}
.w-62 {
    width: 62%;
}
.w-65 {
    width: 65%;
}
.w-66 {
    width: 66%;
}
.w-70 {
    width: 70%;
}
.w-75 {
    width: 75%;
}
.w-80 {
    width: 80%;
}
.w-85 {
    width: 85%;
}
.w-90 {
    width: 90%;
}
.w-100 {
    width: 100%;
}
.wpcf7 form .wpcf7-response-output {
    font-size: 2rem;
    padding: 1rem 2rem;
}
.banner-video, .partners-video > img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}
/* color  */
.text-white, .text-white *{
    color: #fff;
}
.text-grey{
    color: #696969;
}
.bg-white {
    background-color: #fff;
}
.bg-dark{
    background-color: #08070D;
}
.text-orange{
    color: #FF7F0D;
}
.bg-dark-orange{
    background-color: #FF7F0D;
}
.bg-orange{
    background: #F68622;
}
a.bg-orange:hover {
    background-color: #e97a16;
}
.bg-grey{
    background: #F8F8F8;
}
.bg-style{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.up {
    opacity: 0;
}
.m-auto{
    margin: 0 auto;
}
.radius-4 img, .radius-4, .radius-4 video{
    border-radius: 4rem;
}
.radius-0, .radius-0 *{
    border-radius: 0;
}
.internal-banner {
    min-height: 80rem;
    display: flex;
    align-items: flex-end;
    padding-bottom: 13rem;
    width: 100%;
    position: relative;
}
.internal-banner::before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, #000000 -2.37%, rgba(0, 0, 0, 0) 66.42%);
    z-index: 9;
}
/* lenis recommended css  */

html.lenis, html.lenis body {
    height: auto;
  }
  .lenis.lenis-smooth {
    scroll-behavior: auto !important;
  }
  .lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
  }
  .lenis.lenis-stopped {
    overflow: hidden;
  }
  .lenis.lenis-smooth iframe {
    pointer-events: none;
  }

/* buttons  */

.btn {
    display: flex;
    display: inline-block;
    align-items: center;
    justify-content: space-between;
    border-radius: 10rem;
    padding: 1.5rem 2rem;
    padding-left: 2rem;
    font-size: 2rem;
    transition: all 0.3s;
    border: 1px solid #9A9A9A;
    cursor: pointer;
}
.btn:hover {
    background-color: #F68620;
    color: #fff;
    border-color: #F68620;
}
.btn:hover img, .form-submit-box button:hover::before {
    filter: brightness(100);
}
.min-width{
    min-width: 30rem;
}
.btn img {
    width: 1.5rem;
    margin-right: 1.5rem;
    transition: all 0.3s;
    vertical-align: middle;
}
.btn:hover img{
    transform: rotate(45deg);
    transition: all 0.3s;
}
.btn-white{
    background-color: #fff;
    border-color: #fff;
    color: #212023;
}
.pb-zero{
    padding-bottom: 0 !important;
}
.btn-group a:last-child{
    margin-left: 1rem;
}
.btn-white:hover {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}
  /* ====================================== */

           /* homepage started  */

  /* ====================================== */


.main-header {
    position: absolute;
    width: 88%;
    padding: 2.5rem 0;
    max-width: 1630px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 500;
    transform: translateX(-50%);
    left: 50%;
}
.header-sticky {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 111;
    animation: headanima 1s ease .5;
}
.header-sticky .header-box {
    box-shadow: -1px 6px 26px -20px;
}
.header-logo img {
    width: 15rem;
    object-fit: contain;
}
.header-box nav ul li{
    font-size: 2.2rem;
}
.header-box nav ul li a {
    margin: 0 3rem;
    font-size: 2.2rem;
    font-weight: 500;
    transition: all 0.3s;
    letter-spacing: 0.02rem;
    position: relative;
    transition: .2s ease-in-out;
}
.header-box nav ul li a::after {
    content: '';
    background-color: #000000;
    width: 0;
    height: 0.2rem;
    bottom: -0.5rem;
    left: 0;
    transition: ease-in-out 0.3s;
    position: absolute;
}
.header-box nav ul li a:hover::after {
    width: 100%;
}
@keyframes headanima {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.header-box {
    max-width: 1630px;
    margin: auto;
    background: #fff;
    padding: 1.2rem 2.8rem;
    border-radius: 2rem;

}
.header-btn-box {
    margin-left: 3rem;
    border-radius: 5rem;
}
.header-btn-box a {
    padding: 1.2rem 2.5rem;
    border-radius: 5rem;
    width: max-content;
}
.header-btn-box img {
    width: 1.8rem;
    margin-right: 0.7rem;
}
.sub-menu {
  position: absolute;
  left: 0;
  top: 6rem;
  border-radius: .8rem;
  box-shadow: 0px 4px 13px 0px #00000040;
  background: #fff;
  min-width: 30rem;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
/* Show on hover (Desktop only) */
@media (min-width: 1024px) {
    .menu-item-has-children:hover::after {
        transform: rotate(180deg);
    }
  .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .sub-menu .menu-item-has-children {
    position: relative;
  }

  .sub-menu .menu-item-has-children > .sub-menu {
    left: 100%;
    top: 0;
  }
}
.main-header .navigation .menu-item-has-children li:last-child {
  border-bottom: 0;
}
.main-header .navigation .menu-item-has-children li:hover {
  background-color: #f6f6f6;
  border-radius: .8rem;
}
.menu-item-has-children > .sub-menu .menu-item-has-children::after {
    top: 3.5rem;
    right: 2rem;
}
.menu-item-has-children span{
  display: none;
}
.main-header .navigation .menu-item-has-children li {
  border-bottom: 1px solid rgb(123 123 123 / 30%);
  transition: .2s ease-in-out;
}
.main-header .navigation .menu-item-has-children li a {
  padding: 2rem;
  width: 100%;
  display: block;
}
.main-header .navigation .sub-menu li a::after,
.main-header .navigation .menu-item-has-children a::after {
  display: none;
}
.menu-item-has-children {
  outline: none;
  background-color: transparent;
  border: none;
  position: relative;
}
.menu-item-has-children::after {
  content: '';
  position: absolute;
  top: 1.5rem;
  right: 0;
  background-image: url(../img/chevron-down.webp);
  width: 1.4rem;
  height: 0.8rem;
  background-size: contain;
  background-repeat: no-repeat;
  transition: .2s ease-in-out;
}
.main-header .navigation .menu-item-has-children li, .main-header .navigation .menu-item-has-children li a {
  color: #000000;
  margin-left: 0;
  font-size: 2rem;
}
/* ======================= */
        /* homepage */
/* ======================= */
.home-banner {
    min-height: 125rem;
    display: flex;
    align-items: flex-end;
    position: relative;
}
.home-banner::before {
    content: '';
    position: absolute;
    background: linear-gradient(0deg, #000000 -2.37%, rgba(0, 0, 0, 0) 66.42%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.home-banner-text-inner {
    display: flex;
    flex-direction: column;
    min-height: 85rem;
    justify-content: space-between;
}
.home-banner-text-inner h1{
    font-size: clamp(8rem, 14vw, 27rem);
}
.home-banner-text-box h2 {
    font-size: 7rem;
    margin-bottom: 2rem;
    letter-spacing: 0;
}
.banner-text {
    position: relative;
    z-index: 99;
}
.banner-text h2 img, .banner-text h1 img {
    width: 4.7rem;
}
.home-banner-text-box .section-underline {
    padding-bottom: 11rem;
    border-color: #D9D9D9;
    z-index: 9;
    position: relative;
}
.banner-marquee {
    margin: 5.5rem -15rem;
}
.banner-marquee .marquee-box img {
    height: 4.7rem;
    object-fit: contain;
}
.banner-marquee .marquee-box {
    margin: 0 5rem;
}
.who-we-are-head {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.who-we-are-wrapper p:not(:last-child) {
    margin-bottom: 2.5rem;
}
.logos-group {
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
}
.logos-group img {
    width: 15.2rem;
}
/* marquee css  */
.marquee-wrapper {
  width: 100%;
}
.banner-marquee {
  display: flex;
}
.marquee-content {
  display: flex;
  animation: marquee 50s linear infinite;
}
.marquee-box {
  flex: 0 0 auto;
  padding: 0 1rem;
}
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}


.products-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    margin-top: 8rem;
}
.products-list-item {
    background-color: #fff;
    border-radius: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding: 6rem;
    border: 1px solid #fff;
}
.products-list-item:hover {
    border-color: #2d5aab;
    background-color: #055AAB;
}
.products-list-item:hover img.prd-arrow {
    transform: rotate(45deg);
}
.products-list-item:hover h5, .products-list-item:hover p {
    color: #fff;
}
.products-list-item:hover .products-list-icon img {
    filter: brightness(100);
}
.products-list-item:hover img.prd-arrow {
    filter: brightness(100);
}
.products-list-icon img {
    width: 7rem;
}
.products-list-content {
    width: 76%;
    margin-left: 5rem;
    position: relative;
}
.products-list-content h5 {
    text-transform: uppercase;
    font-weight: 500;
    color: #055AAB;
}
.products-list-content p {
    color: #696969;
    line-height: 1.4;
    margin: 1rem 0 3rem;
}
.product-tab-capsules li {
    display: inline-block;
    font-size: 1.8rem;
    color: #101010;
    background-color: #F8F8F8;
    border-radius: 2.5rem;
    margin: .5rem;
    padding: 1.15rem 3.35rem;
}
img.prd-arrow {
    width: 2.5rem;
    transition: .2s ease-in-out;
}
.about-usps-counter {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 10rem;
}
.about-usps-counter-item {
    border-radius: 2.5rem;
    background-color: #F8F8F8;
    padding: 4.5rem 3.5rem;
}
.about-usps-counter-item h2, .about-usps-counter-item h2 span {
    color: #F68620;
    margin-bottom: 2rem;
    letter-spacing: 0;
    white-space: nowrap;
    display: flex;
}
.about-usps-counter-item h2 span, .projects-counters h2 span, .team-list-usps-item h2 span{
    font-family: inherit;
}
.usps-counter-info p {
    font-weight: 600;
    line-height: 1.1;
    width: 80%;
}
.cont-width {
    width: 94% !important;
    max-width: 1820px;
}
.why-trust-us {
    height: 109rem;
    width: 100%;
    border-radius: 4rem;
}
.why-trust-us::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(162.73deg, rgba(0, 14, 25, 0) 41.61%, #001422 90.05%);
  border-radius: 4rem;
  z-index: 9;
}
.usps-counter-info img {
    width: 4.2rem;
    object-fit: contain;
}
.why-trust-us video {
    border-radius: 4rem;
}
.why-trust-content {
    z-index: 99;
    position: relative;
    margin-left: auto;
    padding-top: 8rem;
    padding-bottom: 8rem;
}
.people-trust-usps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 2rem;
    margin-top: 5rem;
}
.people-trust-usps li {
    align-items: flex-start;
}
.people-trust-usps li img {
    margin: .8rem 2rem 0 0;
    width: 2.9rem
}
.people-trust-usps li p {
    font-weight: 600;
    line-height: 1.3;
    width: 80%;
}
.border-top {
    border-top: 1px solid #B4B4B4;
    padding-top: 13rem;
}
.zoomed-hover{
    overflow: hidden;
    transition: transform .4s;
    border-radius: 4rem;
}
.zoomed-hover > img{
    transition: transform .4s;
    border-radius: 4rem;
}
.zoomed-hover img{
    transition: .2s ease-in-out;
}
.zoomed-hover:hover img, .trusted-client-item:hover .trusted-client-img > img {
    transform: scale(1.1);
}
.zoomed-hover:hover .hover-arrow{
    transform: rotate(45deg);
}
.solution-slider.slick-slider .slick-list {
    margin: 0 -1rem;
}
.solutions-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 3rem;
    margin-top: 8rem;
    grid-row-gap: 3rem;
}
.solutions-list-item {
    min-height: 56.5rem;
    display: flex !important;
    align-items: flex-end;
}
.solutions-list-img, .solutions-list-img img {
    border-radius: 4rem;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform .4s;
    object-fit: cover;
}
.solutions-list-item::before, .projects-list-item::before, .partners-video::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 59.82%, #000000 130.53%);
    border-radius: 4rem;
    z-index: 9;
}
.solutions-list-content {
    position: relative;
    z-index: 9;
    width: 100%;
    padding: 4rem;
}
.solutions-list-content h5 {
    width: 90%;
}
.solutions-list-content img {
    width: 2.6rem;
    margin-bottom: 1rem;
    transition: .2s ease-in-out;
}
.solution-slider.slick-slider {
    display: block;
}
.solutions-slide-controler {
    margin-top: 7rem;
    position: relative;
}
.solutions-slide-controler::before {
    content: '';
    position: absolute;
    width: 10%;
    height: 100%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 9;
    border: 15rem solid #fff;
    border-top: 0;
    border-bottom: 0;
}
.solutions-slide-controler::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #B4B4B4;
    top: 0;
    bottom: 0;
    margin: auto;
}
.projects-page-list-main .solutions-slide-controler::before{
    border-color: #F8F8F8;
}
.solution-slider.slick-slider .slick-slide {
    padding: 0 1rem;
}
.circle-slide-controls {
    width: 13.6rem;
    margin: auto;
    background-color: #F8F8F8;
    padding: 1rem;
    border-radius: 3.7rem;
    z-index: 9;
    position: relative;
}
.circle-slider-btn {
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: transparent;
    transition: .2s ease-in-out;
    cursor: pointer;
    z-index: 99;
}
.circle-slider-btn.solution-next img, .circle-slider-btn.ideal-next.slick-arrow {
    transform: rotate(180deg);
}
.circle-slider-btn:hover {
    background-color: #FF7F0D;
}
.circle-slider-btn:hover img {
    filter: brightness(100);
}
.projects-slider {
    margin-left: -1rem;
    margin-right: -1rem;
}
.projects-slider .slick-slide {
    margin: 0 1rem;
}
.projects-counters {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
    margin-top: 12rem;
}
.projects-counters h2, .projects-counters h2 span {
    letter-spacing: normal;
    color: #FF7F0D;
    margin-bottom: 1rem;
    display: flex;
}
.projects-counters p {
    line-height: 1.4;
}
.projects-list-item {
    min-height: 95rem;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
}
.projects-item-image, .projects-item-image img {
    border-radius: 4rem;
    width: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.projects-item-content {
    z-index: 9;
    position: relative;
    padding: 10rem;
}
.projects-list-item::before{
    background: linear-gradient(170.35deg, rgba(0, 0, 0, 0) 34.84%, #000000 91.56%);
}
.projects-slide-control {
    position: absolute;
    bottom: 10rem;
    z-index: 99;
    left: auto;
    right: 10rem;
    background-color: transparent;
}
.projects-slide-control::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    backdrop-filter: blur(7.5px);
    background-color: #fff;
    right: 0;
    z-index: 9;
    width: 100%;
    height: 100%;
    border-radius: 3.7rem;
}
.projects-slide-control img{
    filter: brightness(100);
}
.projects-next.slick-arrow img {
    transform: rotate(180deg);
}
.projects-slide-control .circle-slider-btn:hover {
    background-color: #fff;
}
.projects-slide-control .circle-slider-btn:hover img {
    filter: brightness(0);
}
.team-list-item {
    width: 31.5%;
}
.team-list-item img {
    height: 100%;
}
.team-list-usps {
    background-color: #FF7F0D;
    color: #fff;
    padding: 5rem;
    width: 22.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.team-list-usps-item:not(:last-child) {
    margin-bottom: 4rem;
}
.team-list-usps-item h2, .team-list-usps-item h2 span {
    margin-bottom: 0rem;
    font-weight: 400;
    letter-spacing: 0;
}
.team-video {
    width: 40.3%;
}
.team-video img {
    height: 100%;
    object-fit: cover;
}
.team-list-usps-item p {
    line-height: 1.4;
}
.team-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-quotes-content {
    margin: 3rem 0 0 5rem;
}
.quotes-info *, .personal-info * {
    font-size: 2.4rem;
}
.quotes-info h5, .testimonial-info h5, .personal-info h5 {
    font-weight: 600;
    position: relative;
    margin-bottom: 0.5rem;
    padding-left: 6rem;
}
.quotes-info h5::before, .purpose-profile h5::before, .testimonial-info h5::before, .personal-info h5::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 4.9rem;
    height: 2px;
    background-color: #FF7F0D;
}
.quotes-info h6, .personal-info h6 {
    text-transform: inherit;
    padding-left: 6rem;
    margin-bottom: 1rem;
}
.quotes-info li p {
    font-size: 2.2rem;
    margin: 0;
    text-transform: inherit;
    font-style: italic;
    padding-left: 6rem;
}
.about-quotes-content > img {
    width: 7.3rem;
}
.about-quotes-content p {
    font-size: 6rem;
    line-height: 1.05;
    margin: 3rem 0 4rem;
}
.partners-video-content {
    z-index: 9;
    position: relative;
    padding: 5rem;
    width: 100%;
}
.partners-video::before{
    background: linear-gradient(180deg, rgba(6, 9, 29, 0) 59.82%, #06091D 130.53%);
}
.partners-video-content img {
    width: 2.2rem;
    border-radius: 0;
    position: absolute;
    right: 5rem;
    top: 6rem;
}
.wpcf7-not-valid-tip {
    font-size: 1.8rem !important;
    line-height: 1.2;
    margin-top: 1rem;
}
.partners-form {
    border-radius: 2.5rem;
    padding: 6rem 8rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.form-control {
    background-color: transparent;
    outline: none;
    border: 0;
    border-bottom: 1px solid #828282;
    width: 100%;
    font-family: "Gilroy";
    color: #101010;
    font-size: 2.2rem;
    font-weight: 500;
    padding-bottom: 1rem;
}
.form-control::placeholder{
    color: #101010;
}
.form-grid {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
}
.form-submit-box button::before {
    content: '';
    position: absolute;
    left: 4rem;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/btn-icon.png);
    width: 1.5rem;
    height: 1.5rem;
    bottom: 0;
    margin: auto;
    transition: .2s ease-in-out;
}
.form-submit-box button:hover::before {
    transform: rotate(45deg);
}
.form-submit-box button {
    padding: 2rem 5rem 2rem 7rem;
    background-color: #fff;
}
.form-submit-box button::before {
    content: '';
    position: absolute;
    left: 4rem;
    top: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/btn-icon.png);
    width: 1.5rem;
    height: 1.5rem;
    bottom: 0;
    margin: auto;
}

/* footer css */

.footer-main {
    padding: 12rem 0 4rem;
    z-index: 9;
    position: relative;
}
.footer-top .footer-links.footer-description{
    width: 39%;
}
.footer-links.footer-description h3 {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 400;
    letter-spacing: -2px;
}
.footer-links.footer-description h3 strong{
    color: #5B5C5E;
    font-weight: 400;
}
.footer-links h5 {
    font-family: "Gilroy";
    font-size: 18px;
    text-transform: uppercase;
    color: #8E8F92;
    margin-bottom: 2rem;
}
.footer-top .footer-links {
    width: 12%;
    margin-right: 10rem;
}
.footer-top .footer-links:nth-child(2) {
    width: 10%;
}
.footer-top .footer-links:nth-child(3) {
    width: 14%;
}
.footer-top .footer-links:last-child {
    width: 19%;
}
.footer-top .footer-links:last-child, .footer-bottom .footer-links:last-child {
    margin-right: 0;
}
.footer-links .footer-links-item li a, .footer-contact p {
    font-size: 2.4rem;
    font-weight: 400;
    color: #A8A9AB;
    margin-bottom: 2rem;
    display: block;
}
.footer-contact p a{
    font-size: 2.4rem;
    color: #A8A9AB;
}
.footer-bottom {
    border-top: 1px solid #434343;
    padding-top: 8rem;
    margin-top: 8rem;
}
.footer-bottom .footer-links {
    width: 17%;
    margin-right: 9rem;
}
.footer-links.corporate-office-links {
    width: 49%;
}
.footer-links.footer-contact.contact-info-links {
    width: 20%;
}
.footer-links-inner p img {
    margin-right: 1rem;
    width: 2.1rem;
    vertical-align: middle;
}
.company-locations li {
    width: 20%;
    border-left: 1px solid #D9D9D9;
    padding: 0 2.5rem;
}
.company-locations li:last-child {
    border-right: 1px solid;
}
.company-locations li h5 {
    margin-bottom: 0.5rem;
}
.footer-main * a:hover, .footer-links .footer-links-item li a:hover {
    color: #f5871f;
}
.footer-company-names h2 {
    text-transform: uppercase;
    letter-spacing: -7px;
    line-height: .8;
    font-weight: 400;
    font-size: clamp(8rem, 19vw, 40rem);
}
.footer-company-names h3 {
    font-size: clamp(6rem, 7vw, 12.5rem);
    text-transform: uppercase;
    /* -webkit-text-stroke: 1.5px #808080; */
    /* -webkit-text-fill-color: transparent; */
    letter-spacing: 4px;
    line-height: 1;
    color: #9e9b9b;
}
.copyright {
    border-top: 1px solid #434343;
    padding-top: 4rem;
    margin-top: 8rem;
}
.copyright * {
    font-size: 2rem;
    color: #C5C5C5;
    letter-spacing: 1.5px;
}
.copyright p span {
    margin: 0 2rem;
}
.about-infos p:not(:last-child){
    margin-bottom: 2.5rem;
}
.infrastructure-counter {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.infrastructure-counter li {
    position: relative;
}
.infrastructure-counter li p{
    font-weight: 600;
    display: block;
}
.infrastructure-counter li::before {
    content: '';
    position: absolute;
    left: -35%;
    right: 0;
    width: 2px;
    height: 100%;
    background-color: #D9D9D9;
}
.infrastructure-counter li:first-child::before{
    display: none;
}
.infrastructure-projects-list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: auto;
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    margin: 12rem 0;
}

.infrastructure-projects-item {
    grid-column: span 12;
}
/* Row 1 (items 1-3) */
.infrastructure-projects-item:nth-child(6n+1) {
    grid-column: span 4; /* 28.5% approx */
}
.infrastructure-projects-item:nth-child(6n+2) {
    grid-column: span 3; /* 23.5% approx */
}
.infrastructure-projects-item:nth-child(6n+3) {
    grid-column: span 5; /* 43% approx */
}

/* Row 2 (items 4-6) */
.infrastructure-projects-item:nth-child(6n+4) {
    grid-column: span 5;
}
.infrastructure-projects-item:nth-child(6n+5) {
    grid-column: span 3;
}
.infrastructure-projects-item:nth-child(6n+6) {
    grid-column: span 4;
}
.infrastructure-projects-item img{
    height: 43.3rem;
    object-fit: cover;
}
.quotes-orange{
    width: 9.2rem;
}
.about-quotes > img {
    width: 9.2rem;
    margin-right: 3rem;
}
.about-quotes p{
    font-size: 5rem;
    font-family: "Bricolage Grotesque";
    font-weight: 500;
    line-height: 1.2;
}
.csr-activities-list-main {
    width: 94%;
    max-width: 2200px;
    margin-right: 0;
    margin-left: auto;
    margin-top: 7rem;
}
.csr-activities-slider .slick-slide {
    margin-right: 2rem;
    width: 70rem;
}
.csr-activities-item {
    min-height: 46.7rem;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
}
.csr-activities-item::before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40.01%, #000000 94.19%);
    width: 100%;
    height: 100%;
    border-radius: 4rem;
    z-index: 9;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.csr-activities-img, .csr-activities-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.csr-activities-item-content {
    z-index: 9;
    width: 90%;
    margin: 0 auto;
    padding: 4rem 0;
}
.csr-activities-item-content p {
    padding-right: 7rem;
}
img.csr-arrow {
    width: 3.4rem;
    position: absolute;
    bottom: 4rem;
    right: 0;
}
.mission-vision-content h6 {
    margin-bottom: 1.5rem;
    color: #FF7F0D;
    font-weight: 600;
    text-transform: inherit;
}
.mission-vision-content p {
    font-family: "Bricolage Grotesque";
    color: #5D5D5D;
}
.mission-vision-content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
.mission-vision-cont-right {
    right: 0;
    left: auto;
    bottom: 0;
    top: auto;
}
.mission-images {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 58%;
    min-height: 63.2rem;
    margin-top: 14rem;
    margin-right: 18%;
}
.mission-image-item {
    position: absolute;
    right: 0;
    top: 0;
    width: max-content;
    width: 38%;
}
.mission-image-item img{
    border-radius: 2rem;
    width: 100%;
}
.mission-image-item:first-child {
    bottom: 0;
    left: 0;
    top: auto;
}
.mission-image-item:nth-child(2) {
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    bottom: 18%;
    top: auto;
    width: 30%;
}
.mission-image-item:nth-child(1)::before {
    content: '';
    position: absolute;
    right: -5%;
    width: 17%;
    height: 61%;
    background-color: #f8f8f8;
    border-radius: 0px 0px 0px 20px;
}
.mission-image-item:nth-child(2)::after {
    content: '';
    position: absolute;
    width: 17%;
    height: 42%;
    right: -1%;
    background-color: #f8f8f8;
    border-radius: 0px 0px 0px 20px;
    top: 0;
}
.mission-images::before {
    content: '';
    position: absolute;
    background-size: contain;
    background-image: url(../img/rounded-line.webp);
    height: 63.5rem;
    top: -10%;
    right: 4%;
    bottom: 0;
    width: 101.4rem;
    background-repeat: no-repeat;
}
.promise-leftbox img {
    width: 42.5rem;
    margin-top: 5rem;
    position: absolute;
    bottom: 0;
    left: 0;
}
.promise-tags::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #B8B8B8;
    height: 1px;
    width: 100%;
    left: 0;
}
.promise-tag {
    font-size: 2rem;
    font-weight: 500;
    color: #8D8D8D;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    display: inline-block;
    border: 1px solid #B8B8B8;
    border-radius: 3rem;
    padding: 1rem 3.25rem;
    z-index: 99;
    position: relative;
    background-color: #f8f8f8;
}
.promise-list-item {
    border-bottom: 1px solid #B8B8B8;
    padding: 5rem 0;
}
.promise-title img {
    margin-right: 4rem;
    width: 5.6rem;
}
.promise-title::after {
    content: '';
    position: absolute;
    top: 2rem;
    background-image: url(../img/arrow-down.png);
    width: 2.8rem;
    height: 1.6rem;
    background-size: contain;
    background-repeat: no-repeat;
    transition: .2s ease-in-out;
    right: 0;
}
.promise-title.active::after {
    transform: rotate(180deg);
    transition: .2s ease-in-out;
}
.promise-list-item .text-wrap {
    width: 85%;
}
.promise-title h4 {
    font-size: 4rem;
    text-transform: capitalize;
}
.promise-list-description {
    display: none;
    margin-top: .5rem;
}
.promise-bottom-description strong {
    font-weight: 600;
}
.promise-bottom-description p:not(:last-child){
    margin-bottom: 2rem;
}
.promise-list-item .promise-list-description p strong {
    color: #000;
    font-weight: 600;
}
.ooms-difference-content p strong i,
.pg-about-intro-info ul li strong a i{
    color: #ff7f0d;
}
.ooms-difference-content p:has(+ ul) {
    margin-top: 2rem;
}
.promise-title.active h4 {
    color: #FF7F0D;
}
.core-values-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 2.8rem;
    grid-row-gap: 2.8rem;
}
.core-values-list-item {
    position: relative;
    min-height: 58rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    transition: .2s ease-in-out;
}
.core-values-list-item::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0) 66.16%, #101010 100%);
    z-index: 9;
    border-radius: 3rem;
}
.core-values-list-item::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(16, 16, 16, 0) 4.99%, rgba(16, 16, 16, 0.806349) 48.82%, #101010 100%);
    opacity: 0;
    transition: .2s ease-in-out;
    border-radius: 3rem;
}
.core-values-description p {
    line-height: 1.4;
    margin-top: 2rem;
}
.core-values-list-img, .core-values-list-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 3rem;
}
.core-values-list-content {
    position: relative;
    padding: 4rem;
    z-index: 99;
}
.core-values-list-item:hover::after {
    opacity: 1;
}
.core-values-description, .ideal-info-description, .csr-activities-descripton, .products-hover-description {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(20px);
    transition: max-height 0.5s ease, opacity 0.5s ease, transform 0.5s ease;
}
.core-values-list-item:hover .core-values-description,
.blog-list-wrapper .blog-list-item:hover .ideal-info-description, .csr-activities-item:hover .csr-activities-descripton,
.modifiedbitumen-wrapper .blog-list-item:hover .products-hover-description {
    max-height: 500px; /* Adjust as needed based on content length */
    opacity: 1;
    transform: translateY(0);
}
.ideal-info-description ul li {
    margin-bottom: 2rem;
    line-height: 1.3;
}
.solutions-head img, .benefits-contentbox img {
    border-radius: 2.5rem;
}
.offerings-list li {
    border-bottom: 1px solid #B8BAC2;
    padding: 3.2rem 0;
}
.offerings-list li p {
    color: #515151;
    line-height: 1.5;
    margin-top: 1rem;
}
.bottom-banner{
    min-height: 98.6rem;
    padding: 17rem 0;
}
.bottom-banner-content{
    position: relative;
    z-index: 99;
}
.bottom-banner-content h2 {
    margin-bottom: 2rem;
    letter-spacing: -1.2px;
}
.btn-orange {
    background-color: #FF7F0D;
    color: #fff;
    border-color: #FF7F0D;
    padding: 1.5rem 3rem;
}
.btn-orange img {
    filter: brightness(100);
}
.bg-overlay::before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(170.35deg, rgba(0, 0, 0, 0) 34.84%, #000000 91.56%);
    height: 100%;
}
.journey-timeline-main {
    width: 81.5%;
    margin: 10rem auto 0;
}
.journey-timeline-content {
    text-align: right;
    width: 38%;
}
.journey-timeline-image {
    width: 38%;
}
.journey-timeline-image img, .pg-quick-links-item img, .radius-2{
    border-radius: 2.5rem;
}
.journey-timeline-content h3 {
    font-weight: 700;
    font-size: 6.6rem;
    margin-bottom: 1rem;
    /*-webkit-text-stroke: 1.5px #A7A7A7;
    -webkit-text-fill-color: transparent;*/
    color: #9e9b9b;
}
.journey-timeline-list:not(:last-child) {
    margin-bottom: 10rem;
}
.journey-timeline-list:nth-child(even) {
    flex-direction: row-reverse;
}
.journey-timeline-list:nth-child(even) .journey-timeline-content {
    text-align: left;
}
.process-line-box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 6.5rem;
  height: 100%;
  z-index: 1;
}

.process-line,
.process-line-orange {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.process-line {
  z-index: 1;
  height: 100%; /* Always full height */
}

.process-line-orange img,
.process-line img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.process-line-orange {
  z-index: 2;
  overflow: hidden;
  height: 0; /* Start at zero height */
  transition: height 0.3s ease;
}

.process-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 3;
  width: fit-content;
  transition: transform 0.3s ease;
}
.journey-timeline-content h3.active {
    color: #FF7F0D;
    -webkit-text-stroke: 1.5px #FF7F0D;
    -webkit-text-fill-color: #FF7F0D;
}
.contact-infos-list li {
    border-bottom: 1px solid #D9D9D9;
    padding: 2.5rem 0;
}
.contact-info-icon {
    margin-right: 2rem;
}
.contact-infos-list h6, .contact-infos-list h6 a {
    font-size: 2.4rem;
    margin-bottom: 0;
    display: block;
    text-transform: inherit;
}
.contact-infos-list h6 a {
    display: inline-block;
}
.contact-infos-list h6 a:hover {
    color: #f68622;
}
.contact-info-icon img {
    width: 2.5rem;
    object-fit: contain;
    filter: invert(1);
    vertical-align: middle;
    height: 3rem;
}
.contact-social-links a {
    background-color: #08070D;
    border: 2px solid #2C2C2C;
    width: 5.2rem;
    height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2rem;
    border-radius: .6rem;
}
.contact-social-links a img {
    height: 2.3rem;
    object-fit: contain;
    transition: .2s ease-in-out;
}
.contact-social-links a:hover {
    background-color: #fff;
}
.contact-social-links a:hover img {
    filter: invert(1);
}
.counter-counter-usps h3 {
    font-weight: 700;
    font-size: 7rem;
}
.location-list .hq-box:first-child {
    margin-right: 3rem;
    padding-right: 3rem;
    border-right: 1px solid #EFF1F9;
}
.location-list .hq-box img {
    width: 3.3rem;
    height: 4.3rem;
    object-fit: scale-down;
    margin-right: 1rem;
}
.location-list .hq-box h5 {
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    margin-bottom: 0.5rem;
    text-transform: capitalize;
}
.location-list .hq-box ul li {
    position: relative;
    color: #D0D0D0;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    margin-right: 1rem;
    padding-right: 1rem;
    border-right: 1px solid #D0D0D0;
}
.location-list .hq-box ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
}
.factories-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 4rem;
    grid-row-gap: 7rem;
}
.factories-list-item{
    border-radius: 2rem;
}
.factories-list-img, .factories-list-img img {
    border-radius: 3rem;
}
.factories-list-content {
    margin-top: 3rem;
}
.factories-list-content p {
    margin: 1rem 0 2rem;
}
.factories-list-content h6, .factories-list-content h6 a {
    font-size: 2.4rem;
    font-weight: 500;
    text-transform: inherit;
}
.factories-list-content h6 {
    font-weight: 700;
}
article#post-45 header.entry-header, body.privacy-policy article header.entry-header {
    background-color: #f2882229;
    padding: 27rem 0 16rem;
}
article#post-45 .entry-content, body.privacy-policy article .entry-content {
    padding: 11rem 0;
}
article#post-45 header.entry-header h1.entry-title,
article#post-45 .entry-content,
body.privacy-policy article header.entry-header h1.entry-title,
body.privacy-policy article .entry-content {
    width: 88%;
    max-width: 1630px;
    margin: 0 auto;
}
article#post-45 .entry-content h2,
article#post-45 .entry-content h3, 
article#post-45 .entry-content h4, 
article#post-45 .entry-content h5,
body.privacy-policy article .entry-content h2, 
body.privacy-policy article .entry-content h3, 
body.privacy-policy article .entry-content h4, 
body.privacy-policy article .entry-content h5 {
    margin: 6rem 0 2rem;
}
article#post-45 .entry-content p, body.privacy-policy article .entry-content p,
.blog-item-detail-box p, .technical-support-head h4 {
    margin-bottom: 2rem;
}
.blog-item-detail-box img {
    margin: 2rem 0;
}
footer.entry-footer.default-max-width {
    display: none;
}
.entry-content ul li, .entry-content ol li {
    list-style: disc;
    margin-left: 2rem;
    font-size: 2.4rem;
    line-height: 1.6;
    font-weight: 500;
    color: #212023;
    margin-bottom: 1rem;
}
.entry-content ol li {
    list-style: auto;
}
.faqs-page-sec .faqs-list-item {
    border-color: #868686;
}
.faqs-list-item {
    padding: 3rem 0;
    border-top: 1px solid rgb(167 167 167 / 59%);
}
.faqs-list-item:last-child {
    border-bottom: 1px solid rgb(167 167 167 / 59%);
}
.faq-list-description {
    display: none;
    margin-top: 1rem;
    padding-right: 5rem;
}
.faqs-list .faqs-list-item:first-child .faq-title {
    border-top: 0;
}
.faqs-list .faq-title {
    position: relative;
    padding-right: 4rem;
}
.faqs-list .faq-title::before, .faqs-list .faq-title::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.8rem;
    height: 2px;
    background-color: #868686;
}
.faqs-list .faq-title::after {
    height: 2.8rem;
    width: 2px;
    right: 1.3rem;
}
.faqs-list .faqs-list-item .faq-title.active::after{
    display: none;
}
.bl-main {
    width: 100%;
}
.blog-list-wrapper, .technical-list {
    grid-template-columns: repeat(3, 1fr);
    display: grid;
    grid-column-gap: 3rem;
    margin-top: 4rem;
    grid-row-gap: 3rem;
}
.technical-list{
    grid-template-columns: repeat(4, 1fr);
}
.blog-list-wrapper .blog-list-item {
    position: relative;
    min-height: 47.5rem;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    border-radius: 1.5rem;
}
.technical-list-item {
    background-color: #fff;
    border-radius: 2rem;
}
.technical-image img {
    border-radius: 2rem 2rem 0rem 0rem;
}
.blog-item-thumb, .blog-item-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-list-item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 53.82%, #000000 100.53%);
    z-index: 9;
    transition: .2s ease-in-out;
}
.blog-list-wrapper .blog-list-item:hover::before{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) -46.18%, #000000 100.53%);
}
.blog-item-thumb img {
    transition: all 0.7s ease;
}
.blog-list-wrapper .blog-list-item:hover .blog-item-thumb img {
    transform: scale(1.1);
}
.blog-item-content {
    position: relative;
    padding: 4rem;
    z-index: 9;
    width: 100%;
}
.blog-list-pagination .page-numbers {
    width: 7.6rem;
    height: 7.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1.5px solid #D6D6D6;
    font-size: 1.8rem;
    color: #333333;
    font-weight: 500;
    margin: 0 1rem;
    background-color: #fff;
    margin-top: 7rem;
    border-radius: 1rem;
}
.blog-list-pagination .page-numbers.current, .blog-list-pagination .page-numbers:hover {
    background-color: #F47929;
    border-color: #F47929;
    color: #fff;
}
.blog-list-pagination .prev.page-numbers, .blog-list-pagination .next.page-numbers {
    border-color: #F47929;
}
.blog-detail-wrapper {
    padding: 23rem 0 15rem;
}
.blog-detail-wrapper p.blog-item-meta {
    margin: 3rem 0 5rem;
}
.blog-detail-wrapper .container {
    width: 75%;
    max-width: 1480px;
}
.blog-item-detail-box ul li {
    margin-left: 3rem;
}
.blog-item-detail-box h2, .blog-item-detail-box h3, .blog-item-detail-box h4, .blog-item-detail-box h5{
    margin: 5rem 0 1.5rem;
}
.blog-item-detail-box {
    margin-top: 6rem;
}
.blog-item-detail-box ol li {
    list-style: inside;
    list-style-type: auto;
}
nav.navigation.post-navigation {
    display: none;
}
section.page-404 {
    padding: 20rem 0 15rem;
}
section.page-404 h5 {
    margin: 2rem 0;
}
.btn-footer {
    font-weight: 600;
    background-color: #F68622;
    border-color: #F68622;
    display: flex;
    width: max-content;
    padding: 1.5rem 3.6rem;
    color: #fff;
}
.btn-footer img {
    width: 2.7rem;
    margin-right: 1.5rem;
    vertical-align: middle;
}
.btn-footer:hover img {
    transform: none;
}
.btn-footer:hover {
    color: #fff !important;
    background-color: #e17a1c;
    border-color: #e17a1c;
}
.footer-social-media a {
    background-color: #08070D;
    border: 2px solid #2C2C2C;
    width: 4.7rem;
    height: 4.7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 2rem;
    border-radius: .6rem;
}
.footer-social-media a img{
    transition: .2s ease-in-out;
}
.footer-social-media a:hover img {
    filter: invert(1);
}
.footer-social-media a:hover {
    background-color: #fff;
}
.trust-climate-usp-item img {
    width: 6.2rem;
    margin-right: 3rem;
}
.trust-climate-usp-item h6, .inherit-text {
    text-transform: inherit;
}
.trust-climate-usps {
    border-radius: 1.8rem;
    padding: 4.5rem 5rem;
    margin-top: 7rem;
}
.trust-climate-usp-item img {
    margin-right: 3rem;
    height: 6rem;
    object-fit: contain;
    aspect-ratio: 1 / 1;
}
.trust-climate-usp-item {
    width: 33%;
    flex-wrap: nowrap;
}
.trust-climate-usp-item:nth-child(3n+2) {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    justify-content: center;
}
.trust-climate-usp-item:nth-child(2):nth-last-child(1) {
    border: none;
}
.trust-climate-usp-item:nth-child(3) {
    justify-content: center;
}
.why-product-img img, .ideal-appication-list img {
    border-radius: 2.5rem;
}
.why-product-content p:not(:last-child){
    margin-bottom: 2rem;
}
.pg-about-intro-info h5{
    margin: 2rem 0;
}
.pg-quick-links-item ul li, .pg-about-intro-info ul li, .who-we-are-wrapper ul li {
    position: relative;
    padding-left: 5rem;
    margin-bottom: 2rem;
    line-height: 1.4;
}
.pg-quick-links-item ul li::before, .pg-about-intro-info ul li::before, .who-we-are-wrapper ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    background-image: url(../img/arrow-right-orange.png);
    width: 2.2rem;
    height: 2rem;
    background-size: contain;
}
.pg-quick-links-item ul li strong {
    color: #FF7F0D;
}
.ideal-appication-list {
    margin-top: 10rem;
}
.ideal-appication-list-content ul li, .why-matters-list ol li {
    position: relative;
    padding-left: 5rem;
    margin-bottom: 1.5rem;
    color: #515151;
    line-height: 1.4;
    font-size: 3rem;
    margin-top: 1rem;
}
.ideal-appication-list-content ul li::before, .benefits-usps li::before,
.ideal-appication-infos ol li::before,
.ideal-appication-infos ol li ul li::before, .ooms-difference-content ul li::before, .rejubit-ideal-application-list-item::before,
.bitumen-strength-content ul li::before{
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    background-image: url(../img/circle-arrow-orange.png);
    width: 2.4rem;
    height: 2.4rem;
    background-size: contain;
    background-repeat: no-repeat;
}
.ideal-appication-list-main .ideal-appication-list:nth-child(even) {
    flex-direction: row-reverse;
}
.benefits-usps li {
    color: #515151;
    margin-bottom: 1.2rem;
    position: relative;
    padding-left: 4.5rem;
    border-bottom: 1px solid #B8BAC2;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.benefits-usps li:last-child {
    margin-bottom: 0;
}
.benefits-usps li::before {
    top: 4.2rem;
}
.ideal-appication-infos-item {
    border-top: 1px solid #A9ABB2;
    padding: 5rem 0;
}
.ideal-appication-infos-item:last-child {
    /*border-bottom: 1px solid #A9ABB2;*/
    padding-bottom: 0;
}
.ideal-appication-infos li {
    margin-bottom: 1rem;
    color: #515151;
    position: relative;
    padding-left: 5rem;
    line-height: 1.4;
}
.ideal-appication-infos ol li::before{
    background-image: url(../img/check-orange.png);
}
.ideal-appication-infos ol ul {
    margin: 2rem 0;
}
.ideal-appication-infos ol li{
    list-style: none;
}
.ideal-appication-infos ol ul li {
    list-style: none;
    padding-left: 4rem;
}
.resources{
    padding: 8.7rem 0;
}
.resources h3 {
    line-height: 1;
    margin-bottom: 1.5rem;
}
.trusted-clients-list {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 6rem;
}
.arrow-icon {
    position: absolute;
    z-index: 9;
    top: 4rem;
    right: 3rem;
    width: 2.6rem;
    transform: none !important;
    border-radius: 0 !important;
}
.trusted-client-item:hover .trusted-client-img img.arrow-icon {
    transform: rotate(45deg) !important;
}
.resources-btn {
    border-bottom: 1px solid #7D7D7D;
    padding-bottom: 7rem;
    margin-bottom: 7rem;
}
.technical-team-info li {
    margin-top: 1rem;
}
.technical-team-info li img {
    margin-right: 2rem;
    width: 2.2rem;
}
.technical-team-info li a {
    font-size: 2.4rem;
    color: #111111;
}
.technical-team-info li a:hover {
    color: #ff7f0d;
}
.quick-form {
    background-color: #fff;
    border-radius: 2.5rem;
    padding: 5rem 7rem;
}
.pg-about-intro-info p:not(:last-child) {
    margin-bottom: 1.5rem;
}
.ideal-appication-list-content.what-can-expect-pointers li {
    border-bottom: 1px solid #B8BAC2;
    padding-top: 3rem;
    font-size: 2.4rem;
    padding-bottom: 3rem;
    margin: 0;
}
.ideal-appication-list-content.what-can-expect-pointers li *{
    color: #515151;
}
.ideal-appication-list-content.what-can-expect-pointers li::before {
    top: 3.7rem;
}
.why-matters-list h5:not(:first-child) {
    margin: 3rem 0;
}
.why-matters-list p {
    margin-block: 2.5rem;
}
.what-can-expect-pointers p {
    margin-top: 4rem;
}
.ooms-difference-content ul{
    margin: 3rem 0;
}
.ooms-difference-content ul li {
    padding-left: 5rem;
    margin-bottom: 1rem;
}
.emlusion-pointers ul{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.table-key-usps h6 {
    text-transform: inherit;
    margin-right: 6rem;
    margin-top: 2rem;
}
.resources ul li img {
    filter: brightness(100);
    width: 2.3rem;
    margin-right: 1rem;
}
.resources ul li {
    margin-right: 3rem;
    margin-top: 2rem;
}
.resources ul li a{
    font-size: 2.4rem;
}


/* case study css */

.case-studies-content-box .content-box {
  padding-right: 8rem;
}
.case-studies-content-box .content-box p {
  margin: 2rem 0;
}
.case-studies-content-box .content-box h2 {
  margin: 5rem 0 4rem 0;
}
.case-studies-content-box .content-box img {
  border-radius: 1rem;
  width: 100%;
}
.case-studies-content-box .content-box h3 {
  margin: 3rem 0;
}
.case-studies-content-box .content-box h4 {
  margin: 2rem 0;
}
.case-studies-content-box .content-box h5 {
  margin: 2rem 0;
}
.case-studies-content-box .content-box h6 {
  margin: 2rem 0;
}
.case-studies-content-box .content-box ul li {
  padding-left: 3rem;
  margin-bottom: 1rem;
  position: relative;
}
.case-studies-content-box .content-box ul li p {
  margin: 0;
}
.case-studies-content-box .content-box ul li::after {
  content: '';
  position: absolute;
  background-color: #212023;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  top: 1.5rem;
  left: 0;
}
.case-studies-content-box .content-box ul {
  margin: 4rem 0;
}

.case-studies-section {
  padding: 20rem 0 15rem 0;
}
.case-studies-section .heading-box {
  text-align: center;
  margin-bottom: 10rem;
}
.case-studies-section .heading-box h1 {
  max-width: 140rem;
  margin: 0 auto;
}
.case-studies-section .heading-box .img-box {
  margin-top: 10rem;
}
.case-studies-section .heading-box .img-box img {
  width: 100%;
  height: 80rem;
  object-fit: cover;
}
.slide-form-box {
  background-color: #F8F8F8;
  padding: 4rem 4rem;
  border-radius: 1rem;
  position: sticky;
  top: 13rem;
}
.slide-form-box .form-grid {
  grid-template-columns: repeat(1, 1fr);
}


/* case study css end*/


.client-logos {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.client-logos li {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddddddcc;
    border-radius: 2rem;
    background-color: #fff;
    transition: .2s ease-in-out;
}
.client-logos li:hover{
    box-shadow: -1px 6px 26px -20px;
}
.client-logos li img {
    object-fit: contain;
    width: 100%;
    height: 20rem;
}
.projects-tabs li, .rejubit-ideal-application-list-item {
    padding: 1.5rem 2.5rem;
    border: 1px solid;
    border-radius: 1.5rem;
    margin: .5rem;
    background-color: #fff;
    cursor: pointer;
    transition: .2s ease-in-out;
}
.projects-tabs li:hover{
    background-color: #FF7F0D;
    color: #fff;
    border-color: #fff;
}
.projects-table tr:nth-child(odd) td {
    background-color: #f2f2f2;
}
.projects-tabs.sticky {
    position: fixed;
    top: 13rem;
    left: 0;
    right: 0;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 2rem;
    width: max-content;
    margin: auto;
    border-radius: 2rem;
}
.projects-table td {
    background-color: #fff;
}
.browse-products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.browse-products-item {
    border: 1px solid #FF7F0D;
    border-radius: 2rem;
    padding: 4rem 4rem 6rem;
    min-height: 50rem;
    display: flex;
    align-items: flex-end;
}
.browse-products-item h4 img{
    transition: .2s ease-in-out;
    width: 3rem;
}
.browse-products-item:hover h4 img {
    transform: rotate(45deg);
}
.career-product-section .products-list-item:hover{
    background-color: #fff;
    border-color: #fff;
}
.career-product-section .products-list-item:hover .products-list-icon img {
  filter: brightness(100);
}
.career-product-section .products-list-item:hover p {
    color: #696969;
}
.career-product-section .products-list-item:hover h5{
color: #055AAB;  
    
}

.job-opening-section .ideal-appication-infos-list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 3rem;
  row-gap: 5rem;
}
.job-opening-section .ideal-appication-infos-list ul .img-box img {
  width: 100%;
  border-radius: 1.5rem;
}
.job-opening-section .ideal-appication-infos-list ul .text-box h5 {margin-top: 1rem}
.job-opening-section .ideal-appication-infos-list ul .text-box h5 {
  font-size: 2.6rem;
}

.form-img-box img {
  width: 100%;
  border-radius: 2rem;
}







.tailored-and-technical-list {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-column-gap: 3rem;
    margin-top: 4rem;
    grid-row-gap: 3rem;
}
.tailored-and-technical-content p + ul {
    margin-left: 2rem;
}
.tailored-and-technical-content ul{
    list-style: disc;
}
.tailored-and-technical-content ul li ul {
    list-style: circle;
    margin-left: 2rem;
}
.technical-content {
    padding: 3rem;
}
.technical-content h6 {
    text-transform: inherit;
    margin-bottom: 1rem;
}
.joint-innovation-wrapper{
    padding: 7rem 0;
}
.joint-innovation-logo img {
    height: 23.6rem;
    margin: 0 .8rem;
    object-fit: contain;
    background-color: #fff;
    padding: 0 !important;
    box-shadow: -1px 6px 26px -20px;
    border-radius: 2rem;
}
.why-product-content ul li {
    list-style: disc;
    margin-left: 2rem;
}
.why-product-content ul + p {
    margin-top: 2rem;
}
.unset{
    overflow: unset;
}
.circle-icon {
    width: 12rem;
    height: 12rem;
    background-color: #F68620;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}
.circle-icon img {
    width: 7rem;
    height: 5.8rem;
    object-fit: contain;
    filter: invert(1);
}
.modifiedbitumen-wrapper .hover-arrow {
    transition: .2s 
ease-in-out;
    filter: brightness(100);
    margin-top: 1.5rem;
    width: 2.6rem;
}
.modifiedbitumen-wrapper .blog-list-item:hover .hover-arrow {
    transform: rotate(45deg);
}
.modifiedbitumen-wrapper h5 {
    width: 89%;
}
.flag-head {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.flag-icon {
    width: 5rem;
    vertical-align: middle;
}
.quality-bottom-descp a, .quality-bottom-descp a b{
    color: #FF7F0D;
    text-decoration: underline;
}
.rejubit-tailored-img-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.rejubit-tailored-img-item:nth-child(even) {
    margin-top: 7rem;
}
.rejubit-technical-head h5 {
    border-bottom: 1px solid #e1d1d1;
    padding: 2.5rem 0;
}
.rejubit-technical-head h5:first-child{
    padding-top: 0;
}
.rejubit-technical-head h5:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.rejubit-technical-head h5 img {
    width: 5rem;
    margin-right: 2rem;
    height: 5rem;
    object-fit: contain;
}
.rejubit-technical-head h5 strong{
    padding-left: 1rem;
}
.rejubit-ideal-application-list{
    text-align: center;
}
.rejubit-ideal-application-list {
    text-align: center;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.rejubit-ideal-application-list-item {
    cursor: text;
    display: flex;
    align-items: center;
    min-height: 11rem;
    position: relative;
    text-align: left;
    line-height: 1.3;
    padding-left:   7rem;
}
.rejubit-ideal-application-list-item::before {
    top: 0;
    left: 3rem;
    bottom: 0;
    margin: auto;
}
.rejubit-choose-client-list {
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-column-gap: 5rem;
    grid-row-gap: 7rem;
}
.why-client-choose-content *{
    font-size:  3.5rem;
}
.why-client-choose-content h5 {
    font-weight: 600;
}
.why-client-choose-content p {
    line-height: 1.1;
    margin-top: 1rem;
    color: #FF7F0D;
}
.environmental-banner.bottom-banner {
    min-height: 78.6rem;
}
.environmental-banner .bottom-banner-content {
    margin-left: auto;
}
.environmental-banner.bg-overlay::before {
    background: linear-gradient(82deg, rgba(0, 0, 0, 0) 24.84%, #000000 91.56%);
}
.environmental-banner .bottom-banner-content li::before {
    filter: brightness(100);
}
.trusted-by-item {
    border-radius: 2rem;
    background-color: #edededad;
    margin-bottom: 2rem;
    padding: 3rem;
}
.trusted-by-item:last-child{
    margin-bottom: 0;
}
.trusted-by-logo {
    width: 10rem;
    height: 10rem;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}
.trusted-by-content {
    width: 75%;
}
.trusted-by-content h6 {
    margin-bottom: 0;
    text-transform: inherit;
    padding-left: 2.5rem;
}
.trusted-by-logo img {
    width: 5rem;
    height: 4.8rem;
    object-fit: contain;
}
.watch-event-hilight .why-trust-content {
    margin: auto;
}
.watch-event-hilight .why-trust-us {
    height: 79rem;
}
.download-pdf .btn img {
    width: 2.2rem;
}
.download-pdf .btn:hover img {
    transform: rotate(0deg);
    margin-bottom: -.5rem;
}
.pdf-btn img {
    width: 6rem;
}
.pdf-btn a {
    font-size: 2.8rem;
    margin-left: 2rem;
    width: 80%;
}
.pdf-btn a:hover{
    color:  #FF7F0D;
}
.ctas-links li {
    border-bottom: 1px solid #d6cbcb;
    font-size: 2rem;
    margin: 0 !important;
    padding-left:   0 !important;
}
.ctas-links li a {
    font-size: 2.7rem;
    padding: 2.5rem 0;
    display:    block;
}
.ctas-links li::before {
    right: 0;
    left: auto ! IMPORTANT;
    top: 0 !important;
    bottom: 0;
    margin: auto;
    transition: .2s 
ease-in-out;
    background-image: url(../img/orange-arrow-big.png) !important;
    width: 2.8rem !important;
    background-repeat: no-repeat;
    height: 2.3rem !important;
}
.ctas-links li:hover::before {
    transform: rotate(180deg);
}
.custom-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    color: white;
    background: #e97a16;
    border-radius: 50%;
    cursor: pointer;
    z-index: 99;
    transition: 0.3s;
    width: 8rem;
    height: 8rem;
}
.custom-play-button span {
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    font-size: 0;
    background-image: url(../img/white-play-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 3.5rem;
    height: 3.5rem;
}
.certifiation-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.certifiation-list-item {
    border: 1px solid #f1d8d8;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 3rem;
}
.testimonial-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.testimonial-ist-item {
    background-color: #fff;
    padding: 4rem;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.testimonial-info {
    border-top: 1px solid #ddd;
    padding-top: 3rem;
    margin-top: 3rem;
}
.testimonial-ist-item div > img {
    width: 5.5rem;
    margin-bottom: 2rem;
}
.testimonial-info h5{
    font-size: 2.5rem;
}
.testimonial-info p {
    font-style: italic;
    font-size: 2.1rem;
    padding-left: 6rem;
    line-height: 1.3;
}
.faqs-list .faqs-list-item-main:first-child{
    margin-top: 0;
}
.faqs-list .faqs-list-item-main {
    margin-top: 8rem;
}
.faq-main-heading {
    margin-bottom: 4rem;
}
.faqs-sidebar {
    height: max-content;
    position: sticky;
    top: 12rem;
    z-index: 9;
}
.faq-tabs {
    background-color: #ff7f0d;
    border-radius: 2rem;
    margin-bottom: 3rem;
}
.faq-tab {
    color: #fff;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid #ffffff99;
    cursor: pointer;
    transition: .2s ease-in-out;
}
.faq-tab:hover, .faq-tab.active {
    background-color: #e17a1c;
    border-radius: 2rem;
    transition: .2s ease-in-out;
}
.faq-tab h6 {
    padding: 0 4rem;
    color: #fff;
    margin: 0;
    text-transform: inherit;
    font-size: 2.7rem;
    font-weight: 600;
    transition: .2s ease-in-out;
}
.faqs-sidebar h5 {
    line-height: 1.1;
    font-size: 2.7rem;
    font-family: "Gilroy";
    font-weight: 500;
    margin-bottom: 1.5rem;
}
.faqs-sidebar h5 strong {
    font-style: italic;
}
.others-query a {
    font-size: 2.3rem;
    color: #ff7f0d;
    border-bottom: 1px solid #ff7f0d;
    display: inline-block;
}
.others-query a img {
    vertical-align: middle;
    margin-left: 0.5rem;
    width: 1.5rem;
    transition: .2s ease-in-out;
}
.others-query a:hover {
    padding-bottom: .5rem;
}
.others-query a:hover img {
    transform: rotate(45deg);
}
/*.banner-heading-list {
    position: relative;
    overflow: hidden;
    height: clamp(8rem, 15vw, 28rem);
}

.banner-heading-list h1 {
    position: absolute;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.banner-heading-list h1.active {
    opacity: 1;
    transform: translateY(0px);
}*/
/* Wrapper which hides overflow */
.banner-heading-list {
    overflow: hidden;
    height: auto;
    position: relative;
}

/* Column which slides upward */
.banner-heading-list-item {
     display: flex;
    flex-direction: column;
    transition: transform 0.9s cubic-bezier(.25,.8,.25,1);
    will-change: transform;
}
.banner-heading-list-item > .banner-heading-slide-item {
    display: block;
}
.banner-heading-list {
    height: auto;
}
.banner-heading-list-item {
    height: auto;
}
.banner-heading-list-item {
    height: var(--slideHeight);
}
.banner-heading-slide-item h1 {
    margin: 0;
    padding: 0;
    line-height: 1;
}
@keyframes preDip {
  0%   { transform: translateY(0); }
  35%  { transform: translateY(12px); } /* slight downward dip */
  70%  { transform: translateY(8px); } /* recovery upward */
  100% { transform: translateY(0); }   /* settle */
}
.opportunities-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-row-gap: 4rem;
    grid-column-gap: 7rem;
}
.opportunities-list li {
    display: flex;
    align-items: flex-start;
}
.opportunities-list li img {
    margin-top: 1rem;
    margin-right: 1.5rem;
    width: 2.9rem;
}
.opportunities-list li, .opportunities-list li h5 {
    line-height: 1.3;
    font-size: 3rem;
}
.projects-page-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3rem;
    grid-row-gap: 6rem;
}
.projects-page-list.projects-customer-slider {
    display: block !important;
}
.projects-customer-slider .slick-slide {
    margin: 0 1rem;
}
.projects-image {
    margin-bottom: 2rem;
}
.projects-image, .projects-image img {
    border-radius: 1.5rem;
}
.projects-page-list-item h4 {
    font-size: 2rem;
    margin: 1.5rem 0 0.5rem;
    display: inline-block;
    border-radius: 1rem;
    font-weight: 400;
}
.projects-page-list-item h6 {
    font-size: 2rem;
    text-transform: inherit;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}
.projects-page-list-item h6 em {
    font-style: normal;
    color: #4f5151;
}
.footprint-usps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
}
.footprint-usps li {
    background-color: #fff;
    border-radius: 2.5rem;
    padding: 4rem;
}
.footprint-usps li h2 {
    color: #F68620;
    font-family: "Gilroy";
    letter-spacing: -2px;
    margin-bottom: 1.5rem;
}
.footprint-usps li img {
    width: 4.7rem;
}
.footprint-usps li p {
    width: 80%;
    line-height: 1.2;
}
.global-map-img > img {
    object-fit: contain;
    margin-left: auto;
    height: 81.6rem;
}
.global-pointers-location img {
    width: 100%;
}
.global-pointers-location {
    width: 30.5rem;
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 2rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all .3s ease;
    z-index: -1;
    position: relative;
    text-align: left;
}
.global-pointers:hover + .global-pointers-location {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    z-index: 99;
    position: relative;
}
.global-pointers-location img {
    width: 100%;
    border-radius: 1.5rem;
    margin-bottom: 1rem;
}
.global-pointers-location h5 {
    font-size: 2.5rem;
    color: #FF7F0D;
    font-weight: 600;
    font-family: "Gilroy";
}
.global-pointers-location p {
    color: #575757;
    line-height: 1.4;
    font-size: 1.8rem;
    margin-top: 1rem;
    font-weight: 500;
}
.map-pointers {
    width: 71rem;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.global-pointers-item {
    position: absolute;
    top: 0;
    left: 0;
}
.global-pointers {
    position: absolute;
    top: 15rem;
    left: -15rem;
    background-color: #fff;
    box-shadow: 0px 5.63px 5.63px 0px #00000017;
    padding: .9rem 3rem;
    border-radius: .71rem;
    cursor: pointer;
    transition: background-color .3s 
ease, color .3s 
ease;
    z-index: 9;
}
.global-pointers * {
    transition: color .3s ease;
}
/* NORMAL STATE */
.global-pointers::after {
    content: '';
    position: absolute;
    bottom: -1rem;
    left: 3rem;
    width: 1.6rem;
    height: 1rem;
    -webkit-mask-image: url(../img/chevro-down.png);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-image: url(../img/chevro-down.png);
    mask-size: contain;
    mask-repeat: no-repeat;
    background-color: #ffffff;
    transition: background-color .3s ease;
}
.global-pointers:hover {
    color: #fff;
    background-color: #f68622;
}
.global-pointers:hover * {
    color: #fff;
}
.global-pointers:hover::after {
    background-color: #f68622;
}
.global-pointers h6 {
    font-size: 2rem;
    margin: 0;
    font-weight: 500;
    text-transform: inherit;
    font-family: "Gilroy";
}
.global-pointers-list-main {
    position: absolute;
    top: 6rem;
    left: 32.3rem;
    right: 0;
    margin: auto;
}
.global-pointers-item:nth-child(2) {
    top: 7rem;
    left: 5.5rem;
}
.global-pointers-item:nth-child(3) {
    top: 41rem;
    left: 6rem;
}
.global-pointers-item:nth-child(4) {
    top: 13rem;
    left: 24rem;
}
.global-pointers-item:nth-child(4) .global-pointers-location {
    margin-left: -22rem;
    margin-top: 21rem;
}
.global-pointers-item:nth-child(5) {
    top: 23rem;
    left: -10rem;
}
.global-pointers-item:nth-child(6) {
    top: 16.5rem;
    left: 6rem;
}
.products-trusted-list{
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
}
.products-trusted-item, .tailored-and-technical-item{
    border-radius: 2rem;
    background-color: #fff;
    padding: 5rem;
    display: flex;
    box-shadow: 0px 0px 29px -30px;
    align-items: center;
}
.products-trusted-cnt-box, .tailored-and-technical-content {
    padding-left: 4rem;
}
.products-trusted-cnt-box h6, .tailored-and-technical-content h6 {
    margin-bottom: 1.5rem;
    font-weight: 600;
}
.products-trusted-cnt-box p strong, .tailored-and-technical-content p strong {
    color: #000;
    font-weight: 600;
}
#ideal-allication-slider {
    display: block;
}
#ideal-allication-slider .slick-track,
#ideal-allication-slider .ideal-for-list-item {
    display: flex !important;
    transition: all .4s ease !important;
}
#ideal-allication-slider .slick-slide {
    margin: 0 1rem;
    height: inherit !important;
    transition: all .4s ease !important;
}
#ideal-allication-slider .blog-list-item,
#ideal-allication-slider .slick-slide > div {
    height: 100%;
    transition: all .4s ease !important;
}
.bitumen-strength {
    color: #fff;
    border-radius: 2rem;
    background-color: #f68622;
    padding: 4rem;
    display: flex;
    align-items: center;
}
.bitumen-strength .circle-icon {
    width: 11rem;
    height: 11rem;
    margin-bottom: 0;
    background-color: #ffffff;
}
.bitumen-strength .circle-icon img {
    width: 6rem;
    height: 4.8rem;
    filter: none;
}
.bitumen-strength-content {
    padding-left: 3.5rem;
}
.bitumen-strength *{
    color: #fff;
    line-height: 1.4;
}
.bitumen-strength-content ul{
    margin-top: 1rem;
}
.bitumen-strength-content ul li {
    position: relative;
    padding-left: 4rem;
    line-height: 1.35;
    margin-top: 1rem;
}
.bitumen-strength-content ul li::before {
    filter: brightness(100);
    top: .7rem;
}
.technical-content ul li {
    font-size: 3rem;
    line-height: 1.3;
    margin-top: 1rem;
}
.trusted-client-item {
    background-color: #f87c0d;
    padding: 5rem;
    border-radius: 3rem;
}
.trusted-client-item:hover .btn img {
    transform: rotate(45deg);
}
/*.emulsions-keys-list .trust-climate-usp-item h5 {
    display: flex;
    align-items: center;
}
.emulsions-keys-list .trust-climate-usp-item h5 span{
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    margin-left: 1.5rem;
}
.emulsions-keys-list .trust-climate-usp-item h5 img {
    margin-right: 2rem !important;
}*/
.why-matters-list ol li {
    list-style: disc;
    padding-left: 0;
    margin-left: 2rem;
    color: #515151;
}
.experience-with-rap-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 3.5rem;
    grid-row-gap: 3.5rem;
}
.experience-with-rap-list-item {
    background-color: #fff;
    border-radius: 2.5rem;
    padding: 4.5rem 5rem;
    min-height: 35.4rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.experience-arrow-icon {
    min-height: 9rem;
}
.experience-arrow-icon img{
    width: 4rem;
}
.experience-with-rap-list p, .experience-with-rap-list p strong {
    color: #000;
    font-size: 3rem;
    line-height: 1.35;
}
.experience-with-rap-list p, .experience-with-rap-list p strong {
    color: #000;
}
.experience-with-rap-list p strong {
    font-weight: 600;
}
.ooms-difference-content h5 {
    margin-bottom: 2rem;
}
@media (min-width: 951px){
    .sticky {
        position: sticky;
        height: max-content;
        top: 10rem;
    }
}
@media (min-width: 1920px){
  .csr-activities-list-main {
    width: 92.5%;
  }
  .footer-company-names h2 {
        font-size: clamp(8rem, 18vw, 40rem);
    }
}
@media (min-width: 2000px){
  .csr-activities-list-main {
    margin-left: 13vw;
  }
}
@media (min-width: 2300px){
  .csr-activities-list-main {
    margin-left: 16vw;
  }
}
@media (min-width: 2500px){
  .csr-activities-list-main {
    margin-left: 18.5vw;
  }
}
@media (max-width: 1600px){
  html{
    font-size: 52%;
  }
}

@media (max-width: 1440px){
  html{
    font-size: 47%;
  }
}
@media (max-width: 1370px){
  html{
    font-size: 44%;
  }
  .global-pointers-list-main {
        left: 31rem;
    }
}
@media (max-width: 1300px){
  html{
    font-size: 41%;
  }
}
@media (max-width: 1200px){
    .footer-top .footer-links, .footer-bottom .footer-links {
        margin-right: 7rem;
    }
    .footer-bottom {
        grid-row-gap: 4rem;
    }
    .footer-bottom .footer-links:nth-child(4) {
        width: 25%;
    }
}
@media (max-width: 1080px){
    .container {
        width: 90%;
    }
    .footer-bottom .footer-links {
        margin-right: 5rem;
    }
    .footer-links.footer-contact.contact-info-links {
        width: 25%;
    }
    h2, .about-usps-counter-item h2 span, .projects-counters h2 span, .team-list-usps-item h2 span {
        font-size: 6.5rem;
    }
    .promise-title h4 {
        font-size: 3.5rem;
    }
    h3{
        font-size: 5.2rem;
    }
    h5{
        font-size: 3.5rem;
    }
    h6, .technical-content ul li{
        font-size: 2.5rem;
    }
    .about-quotes-content p{
        font-size: 5rem;
    }
    .mission-images {
        min-height: 54.2rem;
    }
    .mission-images::before {
        top: -7%;
        right: 4%;
        width: 86.4rem;
    }
    .core-values-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .core-values-list-img, .core-values-list-img img {
        object-position: 100% 13%;
    }
    .global-pointers-list-main {
        left: 33.5rem;
    }
    .infrastructure-counter li {
        width: 27%;
    }
    .infrastructure-counter li::before {
        left: -18%;
    }
}
@media (max-width: 1023px){
    .full-width-1023{
        width: 100% !important;
    }
    .footer-bottom {
        grid-row-gap: 0;
    }
    .main-header, .header-sticky {
        left: 0;
        transform: none;
    }
    .toggle-menu {
        width: 3.2rem;
        height: 3.2rem;
        background-color: transparent;
        position: absolute;
        right: 2.8rem;
        top: 0;
        z-index: 999;
        cursor: pointer;
        display: block;
        bottom: 0;
        margin: auto;
    }
  .toggle-menu span {
    opacity: 1;
    right: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #000;
    position: absolute;
    transform: rotate(0deg);
    transition: 0.4s ease-in-out;
  }
  .toggle-menu span:nth-child(3) {
    top: 18px;
  }
  .toggle-menu.closesidebar span:nth-child(1) {
    transform: translateY(9px) rotate(135deg);
  }
  .toggle-menu.closesidebar span:nth-child(2) {
    opacity: 0;
    transform: translateX(-60px);
  }
  .toggle-menu.closesidebar span:nth-child(3) {
    transform: translateY(-9px) rotate(-135deg);
  }
  .toggle-menu.closesidebar span {
    background-color: #000;
  }
  .toggle-menu span:nth-child(2) {
    top: 9px;
  }
  .navigation > ul {
    margin-right: 0;
    padding-top: 17rem;
    margin-bottom: 5rem;
    width: 100%;
  }
  .header-right {
    height: auto;
    justify-content: center;
  }
  .language-picker {
    padding-left: 0;
  }
  .navigation.collapse-navbar.visible {
    right: 0;
    transition: right 0.7s ease;
  }
  .navigation-menu.collapse-navbar {
    padding-right: 0;
  }
  .collapse-navbar {
    top: 0;
    right: -100%;
    transition: right 0.5s ease;
    transition: 0.5s;
    border-radius: 0;
    z-index: 99;
    transform: none;
    display: block;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    text-align: center;
  }
  .menu-item-has-children {
      position: relative;
    }
  .sub-menu {
    position: static;
    max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
    box-shadow: none !important;
  }

  /* ✅ This is what was missing */
  .menu-item-has-children.open > .sub-menu {
    max-height: none !important;
  }

  .menu-item-has-children:hover > .sub-menu {
    max-height: 0 !important; /* disable hover on mobile */
  }

  .menu-item-has-children.open:hover > .sub-menu {
    max-height: none !important; /* but keep open if JS opened it */
  }
      /* Hover disable on mobile */
      .menu-item-has-children:hover > .sub-menu {
        opacity: 1;
        visibility: visible;
      }

      .menu-item-has-children.open::after {
          transform: rotate(180deg);
          transition: .2s ease-in-out;
        }
  .menu-item-has-children::after {
    top: 3.5rem;
    right: 3rem;
    width: 2.4rem;
    height: 1.4rem;
    filter: brightness(0);
  }
  .header-btn.btn-primary {
    font-size: 2.5rem;
  }
  .main-header .navigation ul li {
    padding: 2.5rem 0;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
  }
  .main-header .navigation ul li a {
        margin: 0;
    }
  .main-header .navigation .menu-item-has-children li:hover{
    background-color: transparent;
  }
  .main-header .navigation .menu-item-has-children li:first-child {
        padding-top: 2rem;
    }
  .main-header .navigation .menu-item-has-children li a {
    padding: 0;
    font-size: 2.7rem;
  }
  .header-box nav ul li a, .header-btn-box a{
    font-size: 3.2rem;
  }
  .header-btn-box a {
        padding: 1.2rem 3.5rem;
        font-size: 3.2rem;
        margin: auto;
        display: inline-block;
    }
    .header-btn-box img {
        width: 2.5rem;
    }
  .main-header .navigation .menu-item-has-children li {
    padding: 1.5rem;
  }
  .full-width-1023{
    width: 100% !important;
  }
  .footer-links {
    width: 100% !important;
    padding: 0;
    margin: 0 !important;
  }
  .footer-links::before{
    display: none;
  }
  .footer-links-item{
    display: none;
    padding: 0rem 0 3rem;
  }
  .footer-links h5 {
    font-size: 3rem;
    border-top: 1px solid #ffffff;
    margin: 0;
    padding: 3.5rem 0;
    position: relative;
    color: #ffffff;
  }
  .footer-links .accordion-header::before, .footer-links .accordion-header::after{
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #ffffff;
  }
  .footer-links .accordion-header::before{
    width: 3rem;
    height: 1.5px;
  }
  .footer-links .accordion-header::after{
    height: 3rem;
    width: 1.5px;
    right: 1.2rem;
  }
  .accordion-header.accordion-header-first {
    border-top: 0;
    padding-top: 0;
  }
  .accordion-header.active::after{
    display: none;
  }
  .footer-description{
    margin: 0 0 5rem !important;
  }
  .footer-bottom {
        border-top: 0;
        padding-top: 0;
        margin-top: 0;
    }
    .footer-links-inner.mt-5 {
        margin-top: 0;
    }
    .company-locations li {
        width: 49%;
        border-left: 1px solid #D9D9D9;
        padding: 0 2.5rem;
        padding-bottom: 3rem;
        display: inline-block;
    }
    .company-locations li h5 {
        margin-bottom: 0.5rem;
        padding-bottom: 1rem;
    }
    .company-locations li:last-child{
        border-right: 0;
    }
    .mission-vision-content {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
    }
    .mission-images {
        width: 100%;
        min-height: 52vw;
        margin: 10rem auto 7rem;
    }
    .mission-vision-content:first-child {
        margin-top: 5rem;
    }
    .mission-image-item:nth-child(1)::before {
        height: 66%;
    }
    .mission-image-item:nth-child(2)::after {
        width: 17%;
        height: 58%;
        right: -1%;
    }
    .mission-images::before {
        display: none;
    }
    .core-values-description, .csr-activities-descripton {
        max-height: max-content;
        overflow: auto;
        opacity: 1;
        transform: translateY(0);
    }
    .core-values-list-item::after{
        opacity: 1;
    }
    .hq-box {
        width: 100%;
        display: flex;
    }
    .location-list .hq-box:first-child {
        margin-bottom: 5rem;
        border-right: 0;
        padding-right: 0;
    }
    .hq-box .txt {
        width: 84%;
        margin-left: 2rem;
    }
    .joint-innovation-logo{
        text-align: center;
        margin-top: 5rem;
    }
}
@media (max-width: 950px){
    .com-pd-13{
        padding: 10rem 0;
    }
    .pt-13{
        padding-top: 10rem;
    }
    .watch-event-hilight .why-trust-us {
        height: 59rem;
    }
    .full-width-950{
        width: 100% !important;
    }
    .hide-950{
        display: none !important;
    }
    .show-950{
        display: block !important;
    }
    .home-about-box .show-950 {
        margin: 5rem 0;
    }
    .mt-10{
        margin-top: 7rem !important;
    }
    .about-usps-counter, .technical-list, .rejubit-ideal-application-list,
    .testimonial-list, .projects-page-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .rejubit-resurces-info{
        text-align: center;
        margin-bottom: 2.5rem;
    }
    .products-list-item {
        padding: 6rem 4rem;
    }
    .products-list-content {
        margin-left: 4rem;
    }
    .logos-group.show-950 {
        display: flex !important;
        grid-column-gap: 1rem;
        grid-row-gap: 1rem;
    }
    .logos-group img {
        width: 23%;
    }
    .about-info-video video, .about-info-image img{
        margin-bottom: 4rem;
    }
    br{
        display: none;
    }
    .projects-counters-mobile {
        display: flex !important;
        flex-wrap: wrap;
        margin-top: 7rem;
    }
    .projects-counters-mobile li:first-child {
        border-right: 1px solid #ddd;
        padding-right: 5rem;
    }
    .team-list-item {
        margin-bottom: 3rem;
    }
    .team-list-item img {
        height: auto;
    }
    .team-list-usps {
        width: 40%;
    }
    .team-video {
        width: 57%;
    }
    .com-padding {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .m-w-100{
        width:100%;
    }
    .m-w-95{
        width: 95%;
    }
    .m-w-90{
        width:90%;
    }
    .about-quotes p {
        font-size: 4.2rem;
    }
    .about-quotes .w-85 {
        width: 75%;
    }
    .about-quotes-thumbnail {
        margin: 6rem 0 4rem;
    }
    .partners-video {
        min-height: 45rem;
        margin-bottom: 5rem;
    }
    .products-list, .products-trusted-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 2.5rem;
    }
    .projects-item-content {
        padding: 3rem 5rem 5rem 5rem;
    }
    .projects-slide-control {
        bottom: auto;
        right: 3%;
        top: 3rem;
        background-color: #0000004d;
    }
    .projects-list-item {
        min-height: 65rem;
    }
    .btn {
        font-size: 2.5rem;
    }
    .cont-width{
        width: 90% !important;
    }
    .about-quotes-content{
        margin-left: 0;
    }
    .csr-activities-list-main {
        width: 95%;
    }
    .infrastructure-projects-item {
        grid-column: span 12;
    }
    .infrastructure-projects-list {
        grid-column-gap: 2rem;
        grid-row-gap: 2rem;
    }
    .logos-group {
        margin: 5rem 0;
    }
    .offerings{
        margin-top: 7rem;
    }
    .contact-social-links.show-950 {
        display: flex !important;
    }
    .contact-infos-list {
        margin: 5rem 0;
    }
    .factories-list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 7rem;
    }
    /* Pattern: odd rows — 60/40 */
    .infrastructure-projects-item:nth-child(4n+1) {
        grid-column: span 7;
    }
    .infrastructure-projects-item:nth-child(4n+2) {
        grid-column: span 5;
    }

    /* Pattern: even rows — 40/60 */
    .infrastructure-projects-item:nth-child(4n+3) {
        grid-column: span 5;
    }
    .infrastructure-projects-item:nth-child(4n+4) {
        grid-column: span 7;
    }
    .journey-timeline-main {
        width: 100%;
    }
    .process-icon {
        width: 26vw;
    }
    .process-icon img {
        width: 100%;
    }
    .counter-counter-usps {
        display: grid;
        grid-column-gap: 5rem;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 5rem;
    }
    .blog-list-wrapper, .experience-with-rap-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .blog-detail-wrapper .container {
        width: 90%;
    }
    .job-opening-section .ideal-appication-infos-list ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2rem;
        row-gap: 5rem;
        }
    .related-blogs-list{
        grid-auto-flow: column;
        scroll-behavior: auto;
        overflow-y: auto;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        justify-content: flex-start;
        align-items: normal;
        grid-column-gap: normal;
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 2rem;
    }
    .related-blogs-list a.blog-list-item {
        scroll-snap-align: start;
        min-width: 48vw;
        margin-right: 2rem;
        max-width: 48vw;
    }
    .blog-detail-wrapper, section.page-404 {
        padding: 19rem 0 10rem;
    }
    .page-404 p {
        margin: 5rem 0;
    }
    .ideal-appication-list {
        margin-top: 7rem;
    }
    .ideal-appication-infos ul ol li::before{
        height: 2px;
    }
    .why-product-content, .quick-form, .ideal-appication-list-content.why-matters-list,
    .rejubit-about-quotes {
        margin-top: 5rem;
    }
    .pg-quick-links-item:first-child{
        margin-top: 0;
    }
    .pg-quick-links-item, .trusted-by-logo-list {
        margin-top: 7rem;
    }
    .ideal-appication-list-content img, .experience-with-thumb img {
        margin: 5rem 0;
    }
    .benefits-contentbox img {
        margin-bottom: 5rem;
    }
    .resources .btn-group {
        width: 100%;
        text-align: center;
        margin-top: 5rem;
        align-items: center;
    }
    .ideal-appication-infos, .rejubit-technical-head, .others-query a {
        margin-top: 3rem;
    }
    .trust-climate-usps{
        justify-content: flex-start;
    }
    .trust-climate-usp-item {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #e2dfdf;
        padding: 2rem 0 !important;
        margin-bottom: 0 !important;
    }
    .trust-climate-usp-item:nth-child(3n+2) {
        border-left: 0;
        border-right: 0;
        justify-content: flex-start;
    }
    .trust-climate-usp-item:nth-child(3) {
        justify-content: flex-start;
    }
    .trust-climate-usp-item:last-child {
        border-bottom: 0;
    }
    .slide-form-box{margin-top: 5rem;}
    .case-studies-content-box .content-box{
        padding-right: 0;
    }
    .client-logos {
        grid-template-columns: repeat(3, 1fr);
    }
    .projects-tabs.sticky {
        width: auto;
    }
    .case-studies-section .heading-box .img-box img{height: 40rem;}
    .why-client-choose-content, .let-talk-info {
        margin-top: 2.5rem;
    }
    .environmental-banner.bg-overlay::before {
        background: linear-gradient(271deg, rgba(0, 0, 0, 0) 24.84%, #000000 91.56%);
    }
    .rejubit-tailored-img-item:nth-child(even){
        margin-top: 0;
    }
    .rejubit-choose-client-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 3rem;
    }
    .opportunities .btn {
        margin: 6rem auto 0 !important;
        display: block;
        width: max-content;
    }
    .global-map{
        text-align: center; 
        margin-top: 7rem;
    }
    .ideal-info-description {
        max-height: max-content;
        opacity: 1;
        transform: none;
    }
    .blog-list-wrapper .blog-list-item::before {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) -46.18%, #000000 100.53%);
    }
    .bitumen-strength-list {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 639px){
    .people-trust-usps {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 5rem;
        margin-top: 7rem;
    }
    .custom-play-button{
        top: 30%;
    }
    h3{
        line-height: 1;
    }
    .resources p {
        margin-top: 2rem;
    }
    h6, .technical-content ul li{
        font-size: 3.3rem;
    }
    p, ul li, ol li {
        font-size: 2.7rem;
    }
    .font-20, .font-20 p{
        font-size: 2.3rem;
    }
    .rejubit-tailored-img-list.mt-7, .certifiation-list {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 7rem !important;
    }
    .partners-form {
        padding: 6rem 5rem;
    }
    .solutions-list-content img {
        position: absolute;
        right: 4rem;
        bottom: 4rem;
    }
    .copyright {
        justify-content: center;
    }
    .home-banner {
        min-height: 105rem;
    }
    .home-banner-text-inner {
        min-height: 60rem;
    }
    .solutions-list-item {
        min-height: 46.5rem;
    }
    .infrastructure-projects-item img {
        height: 34.3rem;
    }
    .csr-activities-slider .slick-slide {
        width: 400px;
    }
    .core-values-list, .blog-list-wrapper, .testimonial-list, .projects-page-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .bottom-banner {
        min-height: 78.6rem;
        padding: 10rem 0;
    }
    .journey-timeline-list {
        width: 80%;
        margin-left: auto;
    }
    .journey-timeline-image {
        margin-left: auto;
        margin-top: 2rem;
        width: 65%;
    }
    .journey-timeline-list:nth-child(even) .journey-timeline-content {
        text-align: right;
    }
    .process-line-box {
        left: 0;
        right: auto;
    }
    .process-icon {
        width: 26vw;
        left: -7vw;
        right: auto;
    }
    .journey-timeline-list:not(:last-child) {
        margin-bottom: 5rem;
        border-bottom: 1px solid #dddddd9e;
        padding-bottom: 7rem;
    }
    .journey-timeline-content {
        text-align: right;
        width: 100%;
        margin-left: auto;
    }
    .factories-list {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 5rem;
    }
    .location-list {
        margin-top: 5rem;
    }
    .related-blogs-list a.blog-list-item {
        min-width: 350px;
        max-width: 350px;
    }
    .table-container{
        overflow-x: auto;
    }
    .browse-products {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
    }
    .browse-products-item {
        min-height: 30rem;
    }
    .job-opening-section .ideal-appication-infos-list ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        column-gap: 3rem;
        row-gap: 3.5rem;
        }

        .mt-7 {
            margin-top: 4rem !important;
        }
        .footprint-usps li img{
            display: none;
        }
        .footprint-usps li p{
            width: 100%;
        }
        .footprint-usps li {
            padding: 4rem 3rem;
        }
        .infrastructure-counter li:last-child {
            margin-top: 6rem;
        }
}
@media (max-width: 530px){
    .about-usps-counter, .tailored-and-technical-list, .technical-list, .rejubit-ideal-application-list, .experience-with-rap-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .experience-with-rap-list{
        grid-row-gap: 2.5rem;
    }
    .experience-with-rap-list-item {
        min-height: auto;
        padding: 4rem 3.5rem;
    }
    .experience-arrow-icon {
        margin-bottom: 3rem;
        min-height: auto;
    }
    .experience-arrow-icon img {
        width: 22px;
    }
    .tailored-and-technical-list{
        grid-row-gap: 1.5rem;
    }
    .why-client-choose-content * {
        font-size: 2.8rem;
    }
    .team-list-usps, .team-video{
        width: 100%;
    }
    .team-video{
        margin-top: 3rem;
    }
    .products-list-content {
        margin: 2rem 0 0;
        width: 100%;
    }
    .people-trust-usps {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 3rem;
    }
    .projects-counters-mobile li:first-child {
        padding-right: 3rem;
    }
    .projects-counters li {
        width: 45%;
    }
    .form-grid {
        grid-template-columns: repeat(1, 1fr);
    }
    .about-quotes .w-85 {
        width: 100%;
        margin-top: 4rem;
    }
    .promise-list-item .text-wrap {
        width: 70%;
    }
    .btn-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .btn-group a:last-child{
        margin-top: 1.5rem;
    }
    table {
        table-layout: fixed;
    }
    table th {
        width: 200px;
    }
    .client-logos {
        grid-template-columns: repeat(2, 1fr);
    }
    .projects-table .tailored-table {
        table-layout: auto;
    }
    .client-logos li img {
        height: 17rem;
    }
    .case-studies-section .heading-box .img-box {
        margin-top: 6rem;
    }
    .case-studies-section .heading-box .img-box,
    .case-studies-section .heading-box {
        margin-bottom: 2rem;
    }
    /* Scrollable wrapper */
    .global-map-img {
        overflow-x: auto;
        overflow-y: auto;
        width: 100%;
        padding-bottom: 3rem;
    }
    .map-pointers {
        width: auto;
        height: 100%;
    }
    .global-pointers-location {
        margin-left: -23rem;
        margin-top: 21rem;
    }
    .global-pointers-location {
        max-height: 0;           /* start hidden */
        overflow: hidden;        /* hide scroll */
    }
    .global-pointers:hover + .global-pointers-location{
        max-height: 1000px;      /* large enough to fit content */
        transform: translateY(0);
        z-index: 99;
        position: relative;
    }
    .process-line, .process-line-orange, .process-icon img {
        width: 90%;
    }
}
@media (max-width: 470px){
    .infrastructure-projects-item {
        grid-column: span 12 !important;
    }
    .csr-activities-slider .slick-slide {
        width: 300px;
    }
    .related-blogs-list a.blog-list-item {
        min-width: 300px;
        max-width: 300px;
    }
    .btn-group a{
        width: 100%;
        margin-left: 0 !important;
    }
    .products-trusted-item, .tailored-and-technical-item {
        align-items: flex-start;
        padding: 4rem 3rem;
    }
    .products-trusted-cnt-box, .tailored-and-technical-content {
        padding-left: 3rem;
    }
    .circle-icon {
        width: 10rem;
        height: 10rem;
    }
    .circle-icon img {
        height: 4.8rem;
        width: 6rem;
    }
    .emlusion-pointers ul, .opportunities-list {
        grid-template-columns: repeat(1, 1fr);
    }
    .bitumen-strength {
        padding: 3rem;
    }
    .bitumen-strength .circle-icon {
        width: 8.5rem;
        height: 8.5rem;
    }
    .bitumen-strength .circle-icon img {
        width: 5rem;
    }
    .infrastructure-counter li {
        width: 34% !important;
    }
    .infrastructure-counter li:nth-child(2) {
        width: 52% !important;
    }
    .joint-innovation-logo img {
        height: 20.6rem;
    }
}