/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
* { padding: 0; margin: 0; text-decoration: none; box-sizing: border-box; }

:focus { outline: none; }
a:focus { outline: none; }

a { text-decoration: none; transition: 0.3s; }
a:hover { text-decoration: none !important; }
a img { border: none; }

.btn { white-space: normal; }

img, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }

::-moz-selection { background-color: #000; color: #fff; }
::selection { background-color: #000; color: #fff; }

/* Placeholder text styles */
input::placeholder, textarea::placeholder { opacity: 1; color: #2B3241; }


/* 
font-family: "Exo", sans-serif;
*/

img{display: block; max-width: 100%; height: auto; }
a{color: #1E1E1E; transition: 0.3s;}
a:hover, a:active, a:focus{ text-decoration: none; color: inherit; color: #000;}
h1, h2, h3, h4, h5, h6, ol, ul, li, a, p{ font-size: 14px; margin: 0;padding:0; list-style-type: none;}
strike {text-decoration: line-through; }
.form-control:focus{box-shadow: none;}

ul, ol { list-style-position: inside; }

html{text-rendering:optimizeLegibility!important;-webkit-font-smoothing:antialiased!important;}
body{margin: 0; padding: 0; font-size: 18px; color: #000; font-weight: 300; font-family: "Exo", sans-serif; line-height: 30px; overflow-x: hidden;}

.container{max-width: 1170px; padding: 0 15px; width: 90%;}

h1,h2,h3,h4,h5,h6 {color: #000;}
h1 { font-size: 30px; font-weight: 600;}
h2 { font-size: 20px; font-weight: 600;}
h3 { font-size: 22px; font-weight: 400;}
h6 { font-size: 20px; font-weight: 400; line-height: 24px; margin: 0 0 30px; }
p{margin: 0 0 25px;}

.slicknav_menu { display: none }

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #fff; display: flex; align-items: center; justify-content: center; }
.loader { width: 60px; display: flex; justify-content: space-evenly; }
.ball { list-style: none; width: 12px; height: 12px; border-radius: 50%; background-color: #000; }
.ball:nth-child(1) { animation: bounce-1 2.1s ease-in-out infinite; }

@keyframes bounce-1 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(2) {
  animation: bounce-3 2.1s ease-in-out 0.3s infinite;
}

@keyframes bounce-2 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

.ball:nth-child(3) {
  animation: bounce-3 2.1s ease-in-out 0.6s infinite;
}

@keyframes bounce-3 {
  50% {
    transform: translateY(-90px);
    scale: 0.3;
  }
}

/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
  width: 10px; /* width of the scrollbar */
}

::-webkit-scrollbar-thumb {
  background-color: #888; /* color of the thumb */
  border-radius: 6px; /* roundness of the thumb */
}

::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* color of the track */
}

/* For Firefox */
/* Note: Firefox currently only supports scrollbar styling in the dark theme. */
/* You may need to enable it manually in about:config by setting 'ui.systemUsesDarkTheme' to 1. */
/* Refer to Firefox documentation for the latest updates. */

/* width of the scrollbar */
html, .awards-list {
  scrollbar-width: thin;
}

/* color of the thumb */
html, .awards-list {
  scrollbar-color: #888 #f1f1f1;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/
.btn{transition: 0.4s; position: relative; white-space: nowrap;} .btn i{transition: 0.4s;}

.btn.btn-primary { display: inline-block; padding: 12px 40px; border: 0; font-size: 17px; line-height: 21px; text-transform: capitalize; color: #fff; font-weight: 500; border-radius: 26px; background-color: #074e78; }
.btn.btn-primary:hover, .btn.btn-primary:focus{background: #0ea0d2; color: #fff;}

.btn.btn-secondary { display: inline-block; padding: 10px 30px; border: 0; font-size: 17px; line-height: 21px; text-transform: capitalize; color: #fff; font-weight: 500; border-radius: 26px; background-color: #4c7f9e; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus{background: #212121; color: #fff;}

.btn.btn-outline { display: inline-block; padding: 12px 30px; border: 2px solid #193c6e; font-size: 17px; line-height: 21px; text-transform: capitalize; color: #212121; font-weight: 500; border-radius: 26px; background-color: transparent; }
.btn.btn-outline:hover, .btn.btn-outline:focus{background: #0ea0d2; color: #fff;}

.btn.btn-outline.v2 { display: inline-block; padding: 12px 40px; border: 2px solid #fff; font-size: 17px; line-height: 21px; text-transform: capitalize; color: #fff; font-weight: 500; border-radius: 26px; background-color: transparent; }
.btn.btn-outline.v2:hover, .btn.btn-outline.v2:focus{background: #0ea0d2; color: #fff;}

.btn.btn-white { display: inline-block; padding: 12px 40px; border: 0; font-size: 17px; line-height: 21px; text-transform: capitalize; color: #212121; font-weight: 500; border-radius: 26px; background-color: #fff; }
.btn.btn-white:hover, .btn.btn-white:focus{background: #0ea0d2; color: #fff;}

.btn.btn-text { display: inline-block; font-size: 16px; font-weight: 600; line-height: 22px; padding: 12px 30px; background: #fff; color: #000; border-radius: 5px; border: 0; text-transform: capitalize; }
.btn.btn-text:hover, .btn.btn-text:focus{background: #000; color: #fff;}

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

  .header-main .menu-tab {
        display: none !important;
    }
  
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.header-main { padding: 40px 0; background: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; transition: all 0.4s; }
.logo { display: block; width: 100%; max-width: 182px; }
.logo-alt { width: 100%; max-width: 182px; }
.search-toggle { font-size: 24px; color: #1d4a6b !important; }
.search-toggle:hover{color: #0ea0d2 !important;}
.menu-tab ul li { display: inline-block; margin: 0 25px; position: relative; }
.header-main ul li a { font-size: 14px; color: #fff; font-weight: 500; padding: 9px 20px; border-radius: 18px; }
.header-main ul li a:hover{filter: drop-shadow(6.339px 13.595px 4px rgba(0,0,0,0.15)); background: #0ea0d2;}

.menu-tab ul ul { position: absolute; top: 100%; left: 0; width: 230px; padding: 10px 0; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 14px; display: none; }
.menu-tab ul ul li { margin: 0; width: 100%; }
.menu-tab ul ul li a { padding: 10px 15px; font-size: 14px; font-weight: 500; display: block; line-height: 22px; border-radius: 0; color: #212121; }
/*.menu-tab ul li:hover ul{display: block;}*/
ul.dropdown-menu.sub-menu {top: 0; left: 228px;}
.dropdown-submenu a.dropdown-toggle::after {right: 14px; position: absolute; top: 15px;}

.header-main.header-scrolled { padding: 15px 0; }
.header-main.header-scrolled{ padding: 6px 0; position: fixed; background: #04293f;}


section { padding: 120px 0; position: relative; }
.top-text h3{font-size: 50px; line-height: 60px; color: #ffffff; font-weight: 400;}
.top-text p{margin: 25px 0 0 0; color: #074e78;}

.hm-banner{position: relative;}
.hm-slider-block img{width: 100%;}
.slick-dots { display: flex; align-items: center; justify-content: center; gap: 10px; position: absolute; bottom: 30px; z-index: 9; width: 100%; }
.slick-dots li button { width: 10px; height: 10px; border-radius: 50%; background-color: #fff; font-size: 0; border: 0;}
.slick-dots li { border: 2px solid transparent; border-radius: 50%; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; }
.slick-dots li.slick-active {border: 2px solid #fff;}

.metrics-sec { padding: 15px 0; background: #fff; margin-top: 130px; position: absolute; z-index: 9; width: 100%; }
.mt-block { padding: 4px 15px; border-left: 1px solid #212121; display: flex; align-items: flex-start; justify-content: center; flex-direction: column; max-width: 285px; }
.mt-block:nth-child(1) {padding-left: 0; border: 0; padding-right: 25px;}
.mt-block h3 { white-space: nowrap; font-size: 30px; line-height: 35px; color: #000f1e; font-weight: 500; }
.mt-block h4 { font-size: 34px; color: #000e1a; font-weight: 700; margin: 0 0 5px; } .mt-block p { font-size: 18px; color: #000e1a; font-weight: 500; line-height: 24px;}
.mt-block p{margin: 0;}

/*.choice-sec{background: url('img/choice-bg.jpg') center center no-repeat; background-size: cover !important;}*/
.choice-sec{padding-top: 50px; padding-bottom: 100px;}
.choice-block{margin: 0 15px; padding-bottom: 35px; position: relative;}
.choice-img { width: 100%; height: 238px; border-radius: 20px; overflow: hidden; margin: 0 0 15px; }
.choice-img img{width: 100%; height: 100%; object-fit: cover;}
.choice-block h4{font-size: 22px; color: #01243a; font-weight: 400; margin: 0 0 20px;}
.choice-block p{color: #01243a; font-size: 14px;}
.choice-block a { min-width: 34px; height: 24px; border-radius: 7px; background-color: rgba(0,0,0,0.14901960784313725); border: 1px solid #fff; font-size: 15px; display: flex; align-items: center; justify-content: center; color: #01243a; transition: all 0.4s; width: 34px; position: absolute; bottom: 0; }
.choice-block a:hover{background: #01a0cf; color: #fff;}

.slick-arrow { width: 36px; height: 36px; border-radius: 50%; background: #01A0CF; border: 1px solid #fff; font-size: 0; position: absolute; right: 0; bottom: -70px; }
.slick-prev.slick-arrow{position: absolute; right: 50px;}
.slick-arrow::after { content: '\f105'; font-family: 'Font Awesome 7 Free'; font-size: 16px; font-weight: 600; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.slick-arrow.slick-prev{transform: rotate(180deg);}

.info-sec{background: #edf7f9; padding-top: 50px; padding-bottom: 50px;}
.info-sec h4 { font-size: 18px; text-align: left; color: #01243a; font-weight: 400; margin: 35px 0 20px 0; }
.info-sec p{color: #01243a; font-size: 14px; font-weight: 300; line-height: 22px;}
.info-img p { position: absolute; bottom: 50px; text-align: center; width: 100%; font-size: 35px; line-height: 40px; color: #fff; font-weight: 600; padding: 0 30px; }

/*.blog-sec { background: #c7e0ed; }*/
.blog-sec { background: #fff; padding-top: 50px; padding-bottom: 50px;}
.blog-sec .top-text h3{color: #074e78;}
.blog-block a { position: relative; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between; height: 500px; overflow: hidden; border-radius: 20px; z-index: 1; padding: 20px 30px;}
.blog-block img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; transition: all 4s; }
.blog-block a:hover img{transform: scale(1.2); transition: all 4s;}
.blog-btm { display: flex; align-items: flex-end; gap: 25px; justify-content: space-between; }
.blog-desc h4 { font-size: 16px; line-height: 22px; color: #ffffff; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0 0 8px; }
.blog-desc p{font-size: 12px; line-height: 15px; color: #ffffff; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin: 0;}
.blog-block a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('img/vector-1.png') bottom center no-repeat; z-index: -1; opacity: 0.9; background-size: contain; }
.blog-block .date { font-size: 12px; line-height: 18px; color: #fff; font-weight: 700; }
.blog-block .arrow { min-width: 34px; height: 24px; border-radius: 7px; background-color: rgba(0,0,0,0.14901960784313725); border: 1px solid #fff; font-size: 15px; display: flex; align-items: center; justify-content: center; color: #fff; transition: all 0.4s; }
.blog-block .arrow:hover{background: #0ea0d2; color: #fff;}

.infra-sec{padding-top: 50px; padding-bottom: 50px;}
.event-block {
    position: relative;
    height: 100%;
}

.event-block > a {
    display: block;
    height: 100%;
    position: relative;
    text-decoration: none;
    color: inherit;
}

.event-block .arrow {
    position: absolute;
    right: 15px;
    bottom: 15px;

    min-width: 34px;
    height: 24px;
    border-radius: 7px;
    background-color: rgba(0, 0, 0, 0.14901960784313725);
    border: 1px solid #fff;

    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;

    transition: all 0.4s;
}

.event-block .arrow:hover {
    background: #0ea0d2;
    color: #fff;
}



.play-ico { width: 140px; height: 140px; display: flex; align-items: center; justify-content: center; font-size: 65px; color: #fff; background: rgba(0,0,0,0.3); border-radius: 50%; margin: 260px auto; padding-left: 15px; }
.play-ico:hover{background: #0ea0d2; color: #212121;}

.global-sec{padding-top: 50px; padding-bottom: 50px;}
/*.global-sec{background: #000011;}
.global-sec .top-text p{color: #fff;}*/
/*.globe-tab { max-width: 840px; margin: 0 auto; }*/

.event-sec { background: #ffffff; padding-top: 50px; padding-bottom: 50px;}
.event-sec h3{color: #074e78;} .tag.btn.btn-primary { display: block; max-width: 120px; margin: 0 auto 20px; }
.event-block { border-radius: 20px; filter: drop-shadow(0px 14px 14.5px rgba(35,31,32,0.22)); background-color: #074e78; border: 0; overflow: hidden; } 
.event-img img { height: 300px; width: 100%; object-fit: cover; }
.event-desc { padding: 20px; }
.event-desc h4 { font-size: 25px; color: #ffffff; font-weight: 500; margin: 0 0 10px; }
.event-desc p { font-size: 13px; line-height: 23px; color: #fff; font-weight: 400; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

.contact-sec{background: #ececec; padding-top: 50px; padding-bottom: 50px;}
.contact-sec h3{font-size: 35px; color: #193c6e; font-weight: 500;}
.ct-form h4 { font-size: 16px; color: #0d9ac8; font-weight: 500; margin: 0 0 25px; }
.form-control { height: 48px; border-radius: 14px; background-color: transparent !important; border: 1px solid #193c6e !important; padding: 6px 20px; font-size: 12px; }
textarea.form-control{height: 150px;}
.text-danger {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    color: #dc3545;
    font-weight: 500;
}
.footer-main{background: #00223e; color: #fff; padding: 50px 0;}
.footer-main h3 { font-size: 24px; line-height: 40px; text-transform: uppercase; color: #ffffff; font-weight: 700; margin: 0 0 10px; }
.footer-main h3 span{color: #0ea0d2;}
.footer-main p { font-weight: 500; font-size: 15px;}
.footer-main h4{color: #fff; margin: 0 0 15px;}
.social-links a{font-size: 22px; color: #fff;}

.footer-btm p{margin: 0; font-size: 12px;}
.footer-btm p a{color: #fff; margin-left: 25px;}
.footer-main a:hover{color: #0ea0d2;}

.footer-main h3 { max-width: 640px; }

.marker-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.marker-toggle { font-size: 40px; color: #e7e439; }
.marker-toggle:hover{color: #0ea0d2;}
.marker-tab:nth-child(1) { position: absolute; top: 26%; left: 33%; }
.marker-tab:nth-child(2) { position: absolute; top: 27%; left: 47%; }
.marker-tab:nth-child(3) { position: absolute; top: 30%; left: 54%; }
.marker-tab:nth-child(4) { position: absolute; top: 28%; left: 65%; }
.marker-tab:nth-child(5) { position: absolute; top: 37%; left: 33%; }
.marker-tab:nth-child(6) { position: absolute; top: 38%; left: 78%; }
.marker-tab:nth-child(7) { position: absolute; top: 43%; left: 71%; }
.marker-tab:nth-child(8) { position: absolute; top: 47%; left: 56%; }
.marker-tab:nth-child(9) { position: absolute; top: 60%; left: 31%; }
.marker-tab:nth-child(10) { position: absolute; top: 58%; left: 50%; }
.marker-tab:nth-child(11) { position: absolute; top: 62%; left: 74%; }

.marker-info { position: absolute; width: 200px; padding: 5px 15px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.3); left: 50%; margin-left: -100px; top: -110%; }
.marker-info p { margin: 0; font-size: 13px; text-align: center; line-height: 18px; }


.industry-sec {background: #062b3c; padding-top: 50px;  padding-bottom: 50px;}
.industry-sec .top-text{z-index: 1; position: relative;}
.industry-sec::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(img/ind-clip.png) top center repeat-x; }

.type-list { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.type-link{display: flex; align-items: stretch;}
.type-link span { color: #fff; background: rgba(255,255,255,0.5); padding: 5px 10px; border-radius: 6px; font-size: 14px;  line-height: 17px; font-weight: 600; transition: all 0.4s;} 
.type-link i { padding: 5px; background: rgba(255,255,255,0.5); width: 27px; border-radius: 10px; font-size: 14px; margin-right: 10px; color: #fff;}
.type-link i { background: rgba(255,255,255,0.3); width: 27px; border-radius: 6px; font-size: 14px; margin-right: 10px; color: #fff; display: flex; align-items: center; justify-content: center; }
.sgl-type { position: absolute; top: 0; left: 0; }
.sgl-type.type1{top: 12%; left: 17%;}
.sgl-type.type2 { top: 11%; left: 39%; }
.sgl-type.type3 { top: 13%; left: 71%; }
.sgl-type.type4 { top: 21%; left: 75%; }
.sgl-type.type5 { top: 23%; left: 50%; }
.sgl-type.type6 { top: 33%; left: 31%; }
.sgl-type.type7 { top: 31%; left: 54%; }
.sgl-type.type8{ top: 38%; left: 8%; }
.sgl-type.type9 { top: 44%; left: 65%; }
.sgl-type.type10 { top: 60%; left: 14%; }
.sgl-type.type11 { top: 69%; left: 29%; }
.sgl-type.type12 { top: 61%; left: 79%; }
.sgl-type.type13 { top: 73%; left: 60%; }
.sgl-type.type14 { top: 83%; left: 51%; }
.type-link span:hover{ background: #0ea0d2; }

.header-main.header-alt { background: transparent; }
.header-main.header-alt.header-scrolled { background: #074e78; }
.header-main.header-alt ul li a{background: #fff; color: #212121;}
.header-main.header-alt ul li a:hover{background: #193c6e; color: #fff;}
.ct-banner-inner { position: absolute; top: 0; left: 0; width: 100%; padding-top: 200px; }
.ct-banner-inner h1{font-size: 30px; color: #04293f; font-weight: 500; line-height: 50px; text-align: left;}
.ct-banner-inner h1 span{font-size: 65px; color: #04293f; font-weight: 700;}
/*.about-banner {
    position: relative;
}

.ct-banner-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
}

.ct-banner-inner .container {
    align-items: flex-start !important;
    text-align: left;
}

.ct-banner-inner h1,
.ct-banner-inner h4 {
    text-align: left;
    margin-bottom: 0;
}

.ct-banner-inner .btn {
    align-self: flex-start;
}*/
.reach-us {
    background: url(img/reach-bg.jpg) bottom center no-repeat;
    background-size: cover;
    padding: 70px 0;
}

/* =========================
   Card
========================= */

.ct-block {
    position: relative;
    border-radius: 20px;
    background-color: #d0e8ff;
    padding: 60px 30px 90px;
    height: 100%;
}

/* Equal Height */
.reach-us .row.mt-5 {
    display: flex;
    align-items: stretch;
}

.reach-us .row.mt-5 > div {
    display: flex;
}

.reach-us .row.mt-5 .ct-block {
    width: 100%;
}

/* =========================
   Icon
========================= */

.ct-ico {
    width: 90px;
    height: 90px;
    border-radius: 53px;
    filter: drop-shadow(0px 13px 4.5px rgba(0,0,0,0.26));
    background-color: #1f1f1f;
    border: 2px solid #fff;

    display: flex;
    align-items: center;
    justify-content: center;

    position: absolute;
    top: -55px;
    left: 50%;
    margin-left: -45px;
}

/* =========================
   Heading
========================= */

.ct-block h4 {
    font-size: 20px;
    letter-spacing: 0;
    line-height: 24px;
    color: #1f1f1f;
    font-weight: 700;
    margin: 0 0 10px;
}

/* =========================
   Paragraph
========================= */

.ct-block p {
    font-size: 15px;
    line-height: 26px;
    font-weight: 500;
    color: #1f1f1f;
    margin-bottom: 0;
}

/* =========================
   Button
========================= */

.ct-block .btn.btn-outline {
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    white-space: nowrap;
}

.btn.btn-outline {
    display: inline-block;
    padding: 12px 30px;
    border: 2px solid #193c6e;
    font-size: 17px;
    line-height: 21px;
    text-transform: capitalize;
    color: #212121;
    font-weight: 500;
    border-radius: 26px;
    background-color: transparent;
    transition: all 0.3s ease;
}

.btn.btn-outline:hover,
.btn.btn-outline:focus {
    background: #0ea0d2;
    color: #fff;
}

/* Top Text */
.reach-us .top-text p {
    color: #fff;
}


/* =========================================
   LARGE TABLET / SMALL DESKTOP
   992px - 1199px
========================================= */

@media (max-width: 1199px) {

    .reach-us {
        padding: 60px 0;
    }

    .ct-block {
        padding: 55px 22px 85px;
    }

    .ct-block h4 {
        font-size: 19px;
    }

    .ct-block p {
        font-size: 14px;
        line-height: 24px;
    }

    .btn.btn-outline {
        padding: 10px 24px;
        font-size: 15px;
    }

}


/* =========================================
   TABLET
   768px - 991px
========================================= */

@media (max-width: 991px) {

    .reach-us {
        padding: 60px 0;
    }

    .reach-us .row.mt-5 {
        row-gap: 70px;
    }

    .ct-block {
        padding: 60px 25px 90px;
    }

    .ct-ico {
        width: 82px;
        height: 82px;
        top: -50px;
        margin-left: -41px;
    }

    .ct-block h4 {
        font-size: 19px;
        line-height: 23px;
    }

    .ct-block p {
        font-size: 14px;
        line-height: 24px;
    }

    .btn.btn-outline {
        padding: 10px 25px;
        font-size: 15px;
    }

}


/* =========================================
   MOBILE
   Below 767px
========================================= */

@media (max-width: 767px) {

    .reach-us {
        padding: 55px 0;
    }

    /* Cards become vertical */
    .reach-us .row.mt-5 {
        display: block;
        margin-top: 70px !important;
    }

    .reach-us .row.mt-5 > div {
        display: block;
        margin-bottom: 75px;
    }

    .reach-us .row.mt-5 > div:last-child {
        margin-bottom: 0;
    }

    .ct-block {
        width: 100%;
        min-height: 250px;
        padding: 55px 22px 85px;
        border-radius: 18px;
    }

    /* Icon */
    .ct-ico {
        width: 78px;
        height: 78px;
        top: -45px;
        margin-left: -39px;
    }

    /* Heading */
    .ct-block h4 {
        font-size: 19px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    /* Paragraph */
    .ct-block p {
        font-size: 14px;
        line-height: 24px;
    }

    /* Button */
    .ct-block .btn.btn-outline {
        bottom: 20px;
    }

    .btn.btn-outline {
        padding: 10px 24px;
        font-size: 14px;
        line-height: 20px;
        border-radius: 24px;
    }

    .reach-us .top-text p {
        font-size: 14px;
        line-height: 23px;
    }

}


/* =========================================
   SMALL MOBILE
   Below 480px
========================================= */

@media (max-width: 480px) {

    .reach-us {
        padding: 45px 0;
    }

    .reach-us .row.mt-5 {
        margin-top: 60px !important;
    }

    .reach-us .row.mt-5 > div {
        margin-bottom: 65px;
    }

    .ct-block {
        min-height: 240px;
        padding: 52px 18px 80px;
        border-radius: 16px;
    }

    .ct-ico {
        width: 72px;
        height: 72px;
        top: -40px;
        margin-left: -36px;
    }

    .ct-block h4 {
        font-size: 18px;
        line-height: 22px;
    }

    .ct-block p {
        font-size: 13px;
        line-height: 22px;
    }

    .ct-block .btn.btn-outline {
        bottom: 18px;
    }

    .btn.btn-outline {
        padding: 9px 20px;
        font-size: 13px;
        border-width: 1.5px;
    }

}


/* =========================================
   EXTRA SMALL MOBILE
   Below 360px
========================================= */

@media (max-width: 359px) {

    .ct-block {
        padding-left: 15px;
        padding-right: 15px;
    }

    .ct-block h4 {
        font-size: 17px;
    }

    .ct-block p {
        font-size: 12px;
        line-height: 21px;
    }

    .btn.btn-outline {
        padding: 8px 18px;
        font-size: 12px;
    }

}

.contact-sec iframe {
    height: 660px;
    border-radius: 20px;
}

.contact-sec.ct-pg{background: url(img/ct-pg.jpg) bottom center no-repeat; background-size: cover;}
.contact-sec.ct-pg .form-control{background: transparent !important;}

.search-here { position: absolute; right: 0; top: 100%; margin-top: 10px; display: flex; align-items: center; justify-content: center; display: none; }
.search-here input{font-size: 16px; padding: 5px 15px; height: 40px; border: 0; width: 240px;}
.search-here button{min-width: 50px; height: 40px; border: 0; font: 16px; background: #0ea0d2; color: #fff;}
.search-here.active{display: flex;}

.pd-banner-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0;
    text-align: left;
}
.pd-banner-inner .container { display: flex; align-items: left; justify-content: space-between; flex-direction: column; height: 100%; }
/* Product Banner Only */
.pd-banner .pd-banner-inner {
    justify-content: center;
    text-align: left;
}

.pd-banner .pd-banner-inner .container {
    align-items: flex-start;
    justify-content: center;
    text-align: left;
    height: 100%;
}

.pd-banner .pdb-top,
.pd-banner .pdb-btm {
    width: 100%;
    text-align: left;
}

.pd-banner .pdb-top {
    align-items: flex-start;
}

.pd-banner .pdb-btm h3,
.pd-banner .pdb-btm h4,
.pd-banner .pdb-btm p {
    text-align: left;
}

.pd-banner .pd-search {
  
    margin: 0 0 15px;
}
/* Product Banner Typography Only */

.pd-banner .pdb-top h4 {
    font-size: 28px;
    line-height: 22px;
    font-weight: 400;
    color: #01243a;
}

.pd-banner .pdb-btm h3 {
    font-size: 20px;
    line-height: 40px;
    font-weight: 500;
    color: #01243a;
}

.pd-banner .pdb-btm h4 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #01243a;
}

.pd-banner .pdb-btm p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    color: #01243a;
}
.pdb-top h4 { font-size: 32px; text-transform: uppercase; color: #fff; font-weight: 700; margin: 0 0 15px; }
.pdb-btm h3 { font-size: 30px; text-transform: uppercase; color: #ffffff; font-weight: 500; line-height:40px }
.pdb-btm h4 { font-size: 16px; letter-spacing: 30px; text-transform: uppercase; color: #ffffff; font-weight: 400; line-height: 22px;} 
.pdb-btm p {
    font-size: 14px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 300;
    margin: 15px 0 125px;
    max-width: 71%;
    text-align: left;
}
.pd-search { display: flex; align-items: stretch; justify-content: center; width: 530px; max-width: 670px; border-radius: 25px; background-color: #2a547a; }
.pd-search input { width: 100%; height: 51px; border-radius: 25px; background-color: #fff; border: 0; padding: 5px 16px; font-size: 16px;}
.pd-search button { width: 80px; color: #fff; border: 0; height: 51px; background: transparent; }

.esg-sec{padding: 50px 0; background: url(img/esg-bg.jpg) center bottom no-repeat; background-size: cover;}
.esg-sec .top-text *{color: #000;}
.esg-sec .slick-arrow { left: 50%; margin-left: -50px; right: auto; }
.esg-sec .slick-next.slick-arrow{margin-right: -150px; margin-left: auto;}
.esg-lsider-block a { display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 200px; height: 200px; border-radius: 50%; background-color: #1b4767; position: relative; }
.esg-text { position: absolute; top: 0 !important; left: 0 !important; width: 100%; height: 100%; font-family: consolas; color: #fff; font-size: 17px; animation: textRotation 18s linear infinite; }

/*font-family: consolas;*/

@keyframes textRotation {
	to {
		transform: rotate(360deg);
	}
}
.esg-text span { position: absolute; left: 50%; font-size: 17px; transform-origin: 0 100px; }
.esg-img { width: 129px; height: 129px; border-radius: 50%; background-color: #fff; display: flex; align-items: center; justify-content: center; }

.product-portfolio{padding: 50px 0; background-size: cover !important;}
.product-portfolio .top-text *{color: #fff;}

/* .product-block { height: 592px !important; border-radius: 19px; overflow: hidden; position: relative; z-index: 1; margin: 0 10px; }
.product-img { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.product-img img{width: 100%; height: 100%; object-fit: cover;}
.product-desk { position: absolute; z-index: 1; padding: 90px 30px; top: 0; left: 0; width: 100%; height: 100%; }
.expand-link, .back-link { position: absolute; top: 15px; right: 15px; }
.product-desk h3 { font-size: 29px; line-height: 34px; color: #15496b; font-weight: 700; }
.read-more { position: absolute; bottom: 15px; right: 15px; }
.product-block.active .product-desk{background: url(img/pd-overlay.jpg) center center no-repeat; background-size: cover;} */

.product-block { perspective: 1000px; height: 592px !important; position: relative; margin: 0 10px; }
.flip-inner { width: 100%; height: 100%; position: relative; transition: transform 0.7s ease; transform-style: preserve-3d; }
.product-block.active .flip-inner { transform: rotateY(180deg); }
.flip-front, .flip-back { position: absolute; width: 100%; height: 100%; backface-visibility: hidden; border-radius: 19px; overflow: hidden; }
/* .flip-front { z-index: 2; } */
.flip-back { transform: rotateY(180deg); background: url(img/pd-overlay.jpg) center/cover no-repeat; }
.flip-inner h3{font-weight: 500; font-size: 25px;}

.product-img { position: absolute; width: 100%; height: 100%; }
.product-img img { width: 100%; height: 100%; object-fit: cover; }
.product-desk { position: absolute; padding: 90px 30px; width: 100%; height: 100%; }
.expand-link, .back-link { position: absolute; top: 15px; right: 15px; display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 17px; }
.read-more { position: absolute; bottom: 15px; right: 15px; }

.about-content{padding: 50px 0; background-size: cover !important;}
.about-content h4{color: #fff;}
.about-content p{color: #01243a; font-size: 14px; line-height: 22px; font-weight: 300;}

.about-content img{border-radius: 20px;}

.cs-sec{padding: 50px 0; background-size: cover !important;}
.cs-sec-white .top-text h3{color: #fff; margin: 0;}
.cs-sec-white .top-text h4{color: #fff;}
.cs-sec-white .top-text p{color: #fff;}
.cs-sec-blue .top-text h3{color: #074e78; margin: 0;}
.cs-sec-blue .top-text h4{color: #074e78;}
.cs-sec-blue .top-text p{color: #074e78;}

.cs-tab-content img{border-radius: 20px;}
.cs-tab-content h4 { font-size: 25px; line-height: 22px; color: #074e78; font-weight: 400; margin: 0 0 10px; }
.journey-view { display: flex; align-items: center; flex-direction: column; }
#journeyTabContent{order: -1; margin: 0 0 50px;}
#journeyTab { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: nowrap; border: 0 !important; gap: 10px; border-top: 1px solid #074e78 !important;}
#journeyTab button{border: 0; padding: 0;}
#journeyTab li { width: 100%; }
.cs-tab { padding: 10px; background: transparent; border-radius: 15px; position: relative; margin-top: 25px; }
.cs-tab p{margin: 0; font-size: 13px; line-height: 22px; color: #000;}
.cs-tab p strong{font-weight: 400;}
#journeyTab button.active .cs-tab{background: #e4f3f8;}
.cs-tab::after { content: ""; position: absolute; top: -36px; left: 50%; width: 20px; height: 20px; border-radius: 50%; background-color: #0ea0d2; margin-left: -10px; }
#journeyTab button.active .cs-tab::after{background: #074e78;}
.journey-sec.cs-sec h3, .journey-sec.cs-sec h4 { color: #074e78; }

.ms-list {
    display: flex;
    gap: 16px;
}

.ms-list .ms-block {
    flex: 1;
    background: #71a4c3 !important;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: flex 0.4s ease, transform 0.4s ease, opacity 0.4s ease, background 0.4s ease;
    cursor: pointer;
    height: 560px;
    text-align: center;
    gap: 30px;
    padding: 30px 20px;
}

/* Hover */
.ms-list .ms-block:hover {
    flex: 2.2;
    opacity: 1;
    transform: scale(1.02);
}

/* Slick visible cards-এর color JS থেকে আসবে */
.ms-list .ms-block.color-1 {
    background: #71a4c3 !important;
}

.ms-list .ms-block.color-2 {
    background: #5c8ca9 !important;
}

.ms-list .ms-block.color-3 {
    background: #417290 !important;
}

.ms-list .ms-block.color-4 {
    background: #154460 !important;
}

.ms-list .ms-block.color-5 {
    background: #04293f !important;
}


/* Description */
.ms-block p {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    transition: all 0.4s;
    margin: 0;
    order: 1;

    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* Hover Description */
.ms-block:hover p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #fff;
    order: unset;
    display: block;
}


/* Title */
.ms-block h4 {
    font-size: 30px;
    line-height: 25px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 600;
    margin: 0;
}


/* Image */
.ms-img {
    max-width: 100px;
    margin-bottom: 45px;
}

.participate-sec h5{color: #fff; white-space: nowrap; font-weight: 700;}
.exb-block { height: 424px !important; border-radius: 24px; display: flex !important; align-items: flex-end; position: relative; z-index: 1; overflow: hidden; margin: 0 15px; }
.exb-block::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 80%; background: url('img/exb-overlay.png') center top no-repeat; z-index: -1; background-size: cover; }
.exb-content { padding: 50px 20px 60px; display: block; position: relative;}
.exb-content h4{color: #fff; margin: 0 0 10px; font-weight: 700; font-size: 20px;}
.exb-content p{line-height: 16px; font-size: 13px; color: #fff; margin: 0;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.exb-link { position: absolute; right: 20px; bottom: 10px; border-radius: 10px; background: #074e78; border: 1px solid #fff; padding: 0; color: #fff; height: 26px; width: 40px; text-align: center; line-height: 24px; font-size: 15px; }
.exb-link:hover{background: #0ea0d2; color: #fff;}
.exb-slider { margin: 0 0 60px; }

.ahed-infolist { max-width: 520px; }
.ahed-infolist .info-block { margin: 0 0 50px; }
.info-desc h4 { font-size: 26px; line-height: 34px; color: #193c6e; font-weight: 700; margin: 0 0 15px; }
.ab-info-img { width: 150px; height: 150px; border-radius: 56px; min-width: 150px; display: flex; align-items: center; justify-content: center; margin-right: 0; background: url('img/circle-t-nw.gif') center center no-repeat; background-size: contain; }
.ab-info-img img{max-width: 45px; margin-top: -5px;}

.exb-sec h5 { color: #fff; }

.team-block { width: 100%; text-align: center; position: relative; background: #fff; border-radius: 30px; overflow: hidden; margin: 0 15px; height: 480px; z-index: 1; transition: all 0.4s;}
.team-block:hover{background: #04293f;}
.team-block::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('img/team-clip.png') center bottom no-repeat; z-index: -1;}
.member-img img { margin: 0 auto; padding-top: 50px; max-width: 85%; }
.team-desc { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; }
.team-desc h6{font-size: 30px; line-height: 40px; color: #ffffff; font-weight: 500; margin: 0;}
.team-desc p{font-size: 15px; line-height: 25px; color: #ffffff; font-weight: 500;}
.team-block::after { content: ''; position: absolute; top: 20%; left: 0; width: 100%; height: 100%; background: url('img/vector-1.png') top center no-repeat; z-index: 2; opacity: 1; }
.team-slider { margin-bottom: 50px; }

.esg-metrics-sec{background-size: cover !important; padding-top: 50px; padding-bottom: 50px;}
.sgl-esg { border-radius: 33px; background-color: #1f4b7c; border: 2px solid #ffffff; text-align: center; padding: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.sgl-esg img { margin: 0 auto 20px; height: 115px; object-fit: contain; }
.sgl-esg h4{font-size: 40px; color: #ffffff; font-weight: 700;}
.sgl-esg p{font-size: 15px; line-height: 25px; color: #ffffff; font-weight: 500; text-align: center; }
.inner-banner .ind-banner-inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;      /* Vertical center */
    padding: 0 15px;

}

.inner-banner .ind-banner-inner .container{
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.inner-banner .ind-banner-inner,
.inner-banner .ind-banner-inner *{
    color: #000 !important;

}

.multi-sec { min-height: 980px; position: relative; }
.multi-sec-info { position: absolute; text-align: center; width: 100%; left: 0; bottom: 0; }
.multi-sec-info p { color: #fff; max-width: 65%; margin: 0 auto 30px; font-weight: 500; text-align:center; }

.secor-info::before{content: ''; position: absolute; top: -15px; left: -15px; width: 100%; height: 100%; background: url('img/top-left.png') top left no-repeat; pointer-events: none; }
.secor-info::after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background: url('img/bottom-right.png') bottom right no-repeat; pointer-events: none; }

.sector-img { height: 210px; overflow: hidden; margin: 0 0 15px; border-radius: 20px; }
.sector-img img{width: 100%; height: 100%; object-fit: cover;}

.sector-block h4 { font-size: 20px; line-height: 38px; color: #074e78; font-weight: 700; }
.sector-sec { padding-bottom: 370px; }

.explore-ind-sec{padding-bottom: 370px;}
.explore-list { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 20px; justify-content: center; }
.explore-list a { min-height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 20px; background: #0ea0d2; border-radius: 10px; color: #fff; width: calc(25% - 20px); font-size: 14px; line-height: 26px; font-weight: 500; }
.explore-list a:hover{background: #074e78;}

.plant-overview{background: #05314e;}
.plant-overview p{color: #fff;}

.infra-banner-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 220px 0 60px; }
.infra-banner-inner .container {
    display: flex;
    align-items: flex-start;
    justify-content: top;
    text-align: left;
    flex-direction: column;
    height: 100%;
}

.infra-banner h1 {
    font-size: 30px;
    color: #04293f;
    font-weight: 500;
    text-align: left;
    margin: 0;
}

.infra-banner h1 span {
    display: block;
    font-weight: 500;
}


.infra-banner-inner .btn { background: transparent; border-color: #04293f; color: #04293f; }
.infra-banner-inner .btn i{border: 1px solid #fff;}




.overview-block { position: relative; }
.overview-block img { width: 100%; }
.ov-desc-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: flex-end; padding: 60px 0; }
.ov-desc-main h3 { font-size: 40px; color: #fff; font-weight: 700; margin: 0 0 15px; }
.ov-desc-main p{font-size: 20px; line-height: 30px; color: #ffffff; font-weight: 500;}
.ov-desc-main p a{color: #fff;}
.ov-desc-inner{max-width: 480px;}

.overview-slider .slick-arrow { bottom: 30px; right: 40px; z-index: 9; }
.overview-slider .slick-arrow.slick-prev{right: 100px;}

.overview-slider{position: relative; z-index: 1;}
.ov-desc-main{z-index: 1;}
.overview-slider::after { content: ''; position: absolute; bottom: 0; right: 0; background: url('img/ov-shape.png') bottom right no-repeat; z-index: 3; width: 100%; height: 100%; pointer-events: none; }

.one-sol{background-size: cover !important;}
.one-sol *{color: #fff;}
.one-sol h5{font-weight: 500; font-size: 40px; position: relative; padding: 20px; position: relative; z-index: 1; max-width: 82%;}
.one-sol h5::before{content: ''; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%; background: url('img/top-left.png') top left no-repeat; pointer-events: none; }
.info-rgt { max-width: 75%; float: right; }
.info-rgt a{color: #fff;}
.info-rgt a span { min-width: 34px; height: 24px; border-radius: 7px; background-color: #fff; border: 1px solid #fff; font-size: 15px; display: inline-block; vertical-align: middle; text-align: center; color: #000 !important; transition: all 0.4s; padding: 0; line-height: 23px; }
.info-rgt a span i{color: #000;}
.info-rgt .btn{background: #fff;}
.info-rgt p{font-weight: 500;}

.product-block.v2 * { color: #fff; }
.product-block.v2.active .product-desk { background: #074e67; }
.product-block.v2 .flip-front::before { z-index: 2; content: ''; position: absolute; top: -35px; left: 0; width: 100%; height: 100%; background: url('img/v3.png') top center no-repeat; background-size: 574px; }
.product-slider.v2 { margin-bottom: 80px; }
.product-block.v2 .product-desk{z-index: 3;}
.product-block.v2 .flip-back { z-index: 4; }
.product-block.v2 .product-desk h3{margin-bottom: 10px;}
.product-block.v2 .product-desk p { font-weight: 500; line-height: 22px; }
.product-block.v2 .read-more i { min-width: 34px; height: 24px; border-radius: 7px; background-color: #fff; border: 1px solid #fff; font-size: 13px; display: inline-block; color: #fff; transition: all 0.4s; padding: 0; line-height: 22px; color: #212121; }

.blog-details-main { background: #ffffff; padding: 150px 0 60px; } 
.blog-img { border-radius: 20px; height: 430px; overflow: hidden; margin: 0 0 25px; position: relative; }
.blog-img img { width: 100%; min-height: 430px; object-fit: cover; }

.blog-title { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; }
.blog-title h1 { background-color: rgba(3,62,105,0.7019607843137254); padding: 30px; color: #fff; max-width: 580px; font-weight: 700; }
.tag-list a { font-size: 12px; line-height: 16px; color: #fff; font-weight: 500; padding: 6px 15px; background: #033e69; border-radius: 20px; }
.tag-list a:hover{background: #000;}

.side-bar h4 { margin: 0 0 10px; color: #074e78; font-weight: 700; }
.article-block { display: flex; align-items: center; gap: 15px; border-radius: 10px; background-color: #074e78; padding: 10px; margin: 0 0 10px; }

.article-img { min-width: 100px; width: 100px; height: 60px; overflow: hidden; border-radius: 10px; }
.article-img img{width: 100%; height: 100%;}

.article-desc p { margin: 0 0 5px; font-size: 15px; line-height: 17px; color: #fff; font-weight: 400; }
.article-desc p a{color: #fff; font-weight: 500;}
.article-desc h4 { font-size: 16px; color: #fff; margin: 0 0 2px; }

.pdb-top h1 {
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    font-weight: 500;
    margin: 0px 0 15px;
    text-align: left;
}
.pdb-top p {
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
}

.pro-info-desc { position: relative; padding: 30px 20px; }
.pro-info-desc p { font-size: 15px; line-height: 25px; color: #04293f; font-weight: 500; }

.pro-info-desc::before{content: ''; position: absolute; top: -15px; left: -15px; width: 100%; height: 100%;  }
.pro-info-desc::after{content: ''; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%;  }
.pro-info-desc { max-width: 88%; margin: 0 auto; }
.pro-info-img{margin: 0 15px;}
.pro-info-img img { height: 530px; width: 100%; border-radius: 30px; object-fit: cover; }

.diagram-sec { background: #edf7f9; padding-top: 40px !important; padding-bottom: 25px !important;}
.diagram-sec *{color: #01243a;}
.diagram-sec ul{padding-left: 35px; }
.diagram-sec ul li{list-style-type: disc; list-style-position: outside;}
.diagram-sec ul{margin: 0 0 15px;}
.diagram-sec p, .diagram-sec ul li { font-weight: 400; line-height: 22px; font-size: 14px;}

.diagram-sec .btn{background: #01a0cf !important; color: #000e1a !important;}
.diagram-sec .btn i{color: #000e1a !important;}
.diagram-sec .btn-primary {
    color: #fff !important;
}

.diagram-sec .btn-primary i {
    color: #fff !important;
}


.evo-sec{background: #04293f;}

.count-sec{background-size: cover !important;}
.count-block h5 { font-size: 50px; line-height: 55px; color: #04293f; font-weight: 500; margin: 0 0 15px; }

.key-list { display: flex; align-items: flex-start; gap: 10px; flex-wrap: wrap; }
.key-block { display: flex; align-items: center; justify-content: center; gap: 20px; background: #ececef; filter: drop-shadow(8.714px 13.419px 4px rgba(0,0,0,0.09)); border: 4px solid #fff; padding: 8px 12px; border-radius: 14px; width: calc(25% - 10px); font-size: 13px; line-height: 20px; color: #074e78; font-weight: 500; position: relative; }
.key-block::after { content: ''; position: absolute; top: 4px; left: 0; width: 2px; height: calc(100% - 8px); background: #f6f6f6; left: 45px; }
.perform-sec{background: #ffffff; position: relative;}
.option-list .opt { display: flex; align-items: center; gap: 15px; margin: 0 0 20px; font-size: 14px; line-height: 22px; color: #074e78;}
.option-list { max-width: 480px; margin-top: -160px; }
.number-tab h5 { font-size: 80px; line-height: 90px; color: #074e78; font-weight: 500; }
.number-tab { max-width: 300px; position: absolute; right: 50px; bottom: 50px; }

.calulate-tab select { max-width: 100px !important; } .calulate-tab input, .calulate-tab select { border: 1px solid #ddd !important; background-color: #d8e1e6 !important;}
.calulate-tab select.form-select { border-left: 1px solid #c7d0d4 !important; }
.discover-sec { background: #04293f; }
.discover-sec .btn{border-radius: 12px !important; background: #fff !important; color: #04293f !important;}

.calulate-tab label{color: #fff;}
.info-tab { background: #d8e1e6; padding: 20px; border-radius: 15px; }
.info-tab li{list-style-type: disc;}
.info-tab ul ul{padding-left: 15px;}
.discover-sec label{color: #fff; font-weight: 500;}
.list-group.v1 li { background: transparent; color: #fff; }
.discover-sec li strong{font-weight: 700; white-space: nowrap;}

.list-group.v2 li { background: #aeeeb3; color: #04293f; }



.dl-block { border-radius: 10px; background-color: #e6edf1; padding: 15px; }
.dl-img { display: flex; align-items: center; justify-content: center; margin: 0 0 15px; }
.progress { background: #868686; }
.progress-bar { background: #000; }

.progress-name span { font-size: 12px; }
.dl-block ul li { list-style-type: disc; font-size: 14px; line-height: 22px; margin: 0 0 8px; padding-left: 15px; }
.dl-block .alert { font-size: 13px; padding: 3px 10px; line-height: 20px; border-radius: 12px; font-weight: 500; background: #94c356; border-color: #94c356; margin: 0 0 20px !important; }
.dl-block .btn { font-size: 15px; padding: 10px 18px; }
.download-sec { background: #ffffff; }
#dloadTabs { border: 0; margin: 30px 0 30px; display: flex; align-items: center; justify-content: center; gap: 15px; }

.dl-block h4 { font-weight: 700; text-transform: uppercase; }
.dload-btn i { font-size: 25px; vertical-align: center; }
.dload-btn{margin: 0 0 15px; display: block;}
.dl-block .btn i { font-size: 10px; margin-left: 5px; padding: 6px 10px 7px; }

.inner-banner .mobile-bnr-img {display: none;}

#dloadTabs button.nav-link { padding: 12px 40px; border: 0; font-size: 17px; line-height: 21px; text-transform: capitalize; color: #04293f; font-weight: 500; border-radius: 26px; background-color: #e3eef3; }
#dloadTabs button.nav-link:hover, #dloadTabs button.nav-link.active{background: #0ea0d2; color: #fff;}

.about-banner.resource-bn * { color: #fff; border-color: #fff; }




/* Desktop Default */
.inner-banner .desktop-video,
.inner-banner .desktop-bnr-img {
    display: block;
    width: 100%;
}

.inner-banner .mobile-video,
.inner-banner .mobile-bnr-img {
    display: none;
    width: 100%;
}

/* Mobile */
@media (max-width: 767px) {

    .inner-banner .desktop-video,
    .inner-banner .desktop-bnr-img {
        display: none;
    }

    .inner-banner .mobile-video,
    .inner-banner .mobile-bnr-img {
        display: block;
    }
}
.document-sec { background: #ffffff; }
.td-block { background: #fff; border-radius: 10px; width: 100%; }
.td-top h4 { font-size: 14px; line-height: 16px; color: #04293f; font-weight: 700; }
.td-block p{margin: 0; font-size: 10px; line-height: 15px; color: #1f1f1f; font-weight: 500;}
.td-block img{width: 100%; height: 240px; object-fit: cover;}
.td-block .btn { font-size: 11px !important; padding: 5px 20px !important; width: 100%; border: 1px solid #074e78; } .td-block .btn.btn-primary { background: #074e78; border-color: #074e78; }
.td-block .btn.btn-outline i { width: 28px; height: 19px; border-radius: 7px; background-color: #193c6e; border: 1px solid #fff; display: inline-block; vertical-align: middle; text-align: center; color: #fff; transition: all 0.4s; border: 0; line-height: 18px; font-size: 12px; padding: 0; }
.filter-tab h5 { border-radius: 5px; background-color: #01a0cf; border: 1px solid #ffffff; text-align: center; padding: 5px 15px; font-size: 14px; margin: 0 0 15px; color: #fff; }
.filter-tab a { font-size: 15px; color: #000; }
.filter-tab .form-check { display: flex; align-items: center; font-size: 13px; gap: 10px; color: #000; margin: 0 0 10px; }

.case-study-slider .blog-block{margin: 0 15px;}

.goal-block { display: flex; align-items: center; justify-content: center; text-align: center; flex-direction: column; gap: 15px; padding: 0 50px; }
.goal-block h4 { font-size: 20px; line-height: 25px; color: #193c6e; font-weight: 700; }
.goal-block p { font-size: 15px; line-height: 21px; color: #193c6e; font-weight: 700; }
.goals-sec { padding-bottom: 640px; }
.goal-block:nth-child(2) { border-right: 2px solid #b3c0cf; border-left: 2px solid #b3c0cf; }

.compliance-sec{background: #ffffff;}

.compl-img { width: 100%; height: 150px; overflow: hidden; }
.compl-img img{width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transition: all 0.4s;}

.compl-block { background: #fff; border-radius: 40px; overflow: hidden; border-top-left-radius: 70px; position: relative; margin: 0 10px; }
.compl-desc { padding: 45px 35px; }
.compl-desc a { position: absolute; right: 30px; bottom: 20px; border-radius: 10px; background: #074e78; border: 1px solid #fff; padding: 6px 14px; color: #fff; font-size: 13px; line-height: 20px; }
.compl-desc a:hover{background: #0ea0d2;}
.compl-ic { width: 64px; height: 64px; border-radius: 50%; background-color: #04293f; border: 3px solid #fff; display: flex; align-items: center; justify-content: center; position: absolute; top: 120px; left: 30px; }
.compl-block:hover .compl-img img{filter: unset;}
.compl-desc h5 { font-size: 15px; color: #074e78; font-weight: 700; margin: 0 0 10px; }
.compl-slider{margin: 0 0 40px;}
.compl-desc p { font-size: 12px; color: #074e78; font-weight: 700; line-height: 16px; }

.impact-list { display: flex; align-items: flex-start; justify-content: center; gap: 10px; flex-wrap: wrap; }
.impact-block { border-radius: 45px; background-color: #ffffff; border: 5px solid #d2e2eb; padding: 25px; display: flex; align-items: flex-start; gap: 15px; width: calc(50% - 8px); }
.impact-desc h4 { font-size: 22px; color: #588344; font-weight: 700; }
.impact-desc h5 { font-size: 28px; color: #588344; font-weight: 700; }
.impact-desc h5 span{font-size: 40px;}
.impact-desc p{font-size: 16px; line-height: 27px; color: #588344; font-weight: 500; margin: 5px 0 0 0;} .impact-block img { min-width: 70px; }
.impact-globe { position: absolute; top: -50px; width: 100%; max-width: 360px; }

.impact-block:nth-child(1) .impact-desc, .impact-block:nth-child(2) .impact-desc { max-width: 250px; }
.impact-block:nth-child(2){justify-content: flex-end;}
.impact-block:nth-child(3) { padding-top: 85px; }

.progress-title { font-size: 40px; line-height: 60px; color: #074e78; font-weight: 700; text-align: center; margin: 0 0 15px; }
.impact-graph .progress { background: #d27070; }
.impact-graph .progress-bar{background: #89ec4f; height: 26px;}
.impact-graph .progress-name span { font-size: 22px; line-height: 40px; color: #074e78; font-weight: 700; }

.progress-top { padding-top: 70px; }
.p-value { position: absolute; top: 10px; font-size: 40px; line-height: 35px; color: #86b76d; font-weight: bold;}
.p-value.green{color: #86b76d;}
.p-value.red{color: #d27070;}

.milstone-sec { position: relative; z-index: 1; }
.milstone-sec::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.4); z-index: -1;}

.participate-sec { position: relative; z-index: 1; }
.participate-sec::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f8f9fa; z-index: -1;}

.multi-sec { position: relative; z-index: 1; }
.multi-sec::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(7,78,120,0.4); z-index: -1;}

.modal-body .btn-close { position: absolute; right: 10px; top: 5px; }
.modal-body .inner{padding: 60px 0;}
.modal-body h3{margin: 0 0 15px;}

.ind-custom { display: flex; align-items: flex-start; gap: 15px; }
.ind-custom-lft { min-width: 500px; width: 500px; }

.indcs-block { width: 100%; height: 125px; border-radius: 15px; overflow: hidden; display: block; margin: 8px 0; position: relative; }
.indcs-block img{width: 100%; height: 100%; object-fit: cover;}
.indcs-list { margin: 0 5px; }
.indcs-block span { position: absolute; top: 5px; right: 5px; border-radius: 10px; background: #074e78; border: 1px solid #fff; padding: 4px 10px; color: #fff; font-size: 13px; line-height: 20px; transition: all 0.4s; }
.indcs-block:hover span{background: #0d9ac7;}

.ind-custom-rgt { width: 100%; height: 530px; border-radius: 40px; margin: 5px 0; position: relative; overflow: hidden;}
.ind-custom-rgt img{width: 100%; height: 100%; object-fit: cover;}
.ind-custom-desc { position: absolute; bottom: 0; left: 0; padding: 15px 15px 40px; width: 100%; }
.ind-custom-desc * {color: #fff;}
.ind-custom-desc a{position: absolute; bottom: 25px; right: 25px; border-radius: 10px; background: #074e78; border: 1px solid #fff; padding: 4px 10px; color: #fff; font-size: 13px; line-height: 20px;}
.ind-custom-desc a:hover{background: #0d9ac7;}

.indcs-slider .slick-arrow { bottom: -45px; }

/*#globeViz { width: 100vw; height: 100vh; position: relative;}
#globeViz::after { content: ''; position: absolute; top: 0; left: 0; width: 30%; height: 100%; background: transparent; z-index: 3; }
#globeViz::before { content: ''; position: absolute; top: 0; right: 0; width: 30%; height: 100%; background: transparent; z-index: 3; }

#globeViz canvas { pointer-events: auto; }
#popup { position: absolute; display: none; background: white; padding: 10px; border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.4); z-index: 9999; min-width: 150px; pointer-events: auto; }
#popup-close { cursor: pointer; color: red; font-weight: bold; float: right; pointer-events: auto; }*/

.multi-btn a.btn{background: #0ea0d2;}
.multi-btn a.btn:hover{background: #04293f;}

.more-view.active i { transform: rotate(180deg); }

#chart-container{ width:100%; margin:auto; }

.accordion * { background: transparent !important; box-shadow: unset !important; border: 0; }
.accordion-item { margin: 0 0 15px; }
.accordion-button { border: 1px solid #1f1f1f !important; border-radius: 20px !important; color: #04293f; font-weight: 500; font-size: 16px; }
.accordion-body { font-size: 15px; line-height: 25px; color: #04293f; font-weight: 500; }

.arrow-btn { width: 34px; height: 24px; border-radius: 7px; background-color: rgba(0,0,0,0.14901960784313725); border: 1px solid #fff; font-size: 15px; display: flex; align-items: center; justify-content: center; color: #fff; transition: all 0.4s; }
.arrow-btn:hover{background: #0ea0d2; color: #fff;}

.sector-main { position: relative; padding-top: 55px; padding-right: 60px; }
.sector-main::after { content: ''; position: absolute; top: -10px; right: 13px; width: 100%; height: 100%; background: url(img/side-arch.png) right top no-repeat; pointer-events: none; }

.nw-top-text{position: relative; z-index: 1;}
.nw-top-text.nw-dark h3{font-size: 30px; line-height: 40px; color: #01243a; font-weight: 400;}
.nw-top-text.nw-dark h4{color: #01243a; font-size: 18px; line-height: 22px; font-weight: 400;}
.nw-top-text.nw-dark p{font-weight: 500; color: #04293f;}

.nw-top-text.nw-white h3{font-size: 30px; line-height: 40px; color: #01243a; font-weight: 400;}
.nw-top-text.nw-white h4{color: #01243a; font-size: 18px; line-height: 22px; font-weight: 400;}
.nw-top-text.nw-white p{font-weight: 500; color: #fff;}

.globe-btn .btn{background: #fff;}

.contact-sec input::placeholder, .contact-sec textarea::placeholder{color: #193c6e !important;}

.about-slider-img img { margin: 0 auto; }
b, strong { font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    margin: 0; }
.cs-tab-content .inner p { font-weight: 400; font-size: 14px; color: #5a5a5a; }
.contact-sec.ct-pg .ct-form h4 { color: #000; }
.ind-banner-inner h4 { font-size: 14px; line-height: 22px; font-weight: 300;}
.secor-info p { font-weight: 500; color: #000; }
.sector-block p { font-weight: 500; }
.contact-sec.lead-form h3 { font-weight: 700; }
.contact-sec .btn.btn-primary { border-radius: 14px; background-color: #00223e; padding: 14px 31px; }

.blog-details p { font-weight: 400; color: #1f1f1f; }

.blog-bottom-info p{color: #585858;}
.tag-set{ display: flex; align-items: flex-start; flex-wrap: wrap; gap: 15px;}
.tag-set p{color: #585858; font-size: 15px;}

.blog-btm-sec { background-size: cover !important; text-align: center; padding: 60px 0; }
.sgl-btm-block{margin: 0 0 15px;}
.sgl-btm-block img { height: 150px; width: 100%; object-fit: cover; margin: 0 0 15px; border-radius: 20px; }
.sgl-btm-block h4{font-size: 21px; text-transform: uppercase; color: #fff;}

.count-list .count-block p { font-weight: 500; font-size: 13px; line-height: 20px; color: #010101; }
.key-block span { font-weight: 500; margin-left: 25px; }
.number-tab p { color: #074e78; font-weight: 500; }

.info-tab h6 { color: #04293f; font-weight: 700; margin: 0 0 15px; }

.product-block.pro-pg .expand-link, .product-block.pro-pg .back-link { color: #15496b; }
.product-block.pro-pg h3 { color: #15496b; margin: 0 0 15px; }
.product-block.pro-pg p{color: #15496b; font-weight: 500;} 

.product-block.pro-pg .expanded-info p{color: #04293f; font-weight: 500;}
.product-block.pro-pg .read-more{color: #fff;}
.product-block.pro-pg .read-more i { min-width: 34px; height: 24px; border-radius: 7px; background-color: #fff; border: 1px solid #fff; font-size: 13px; display: inline-block; color: #fff; transition: all 0.4s; padding: 0; line-height: 22px; color: #04293f; }

.filter-tab { margin-top: 75px; }

.case-study-slider .slick-dots { bottom: -30px; }
.case-study-slider .slick-dots li button{background: #06466c;}
.case-study-slider .slick-dots li.slick-active{border-color: #06466c;}

.case-studies-sec{background-size: cover !important;     padding: 50px 0px 75px 0px;}
















@media only screen and (max-width: 1280.98px) {
  .menu-tab ul li{margin: 0 18px;}
  .header-main{padding: 18px 0;}
  .metrics-sec { margin-top: 86px; }
  .mt-block h4{font-size: 28px;}
  .mt-block h3{font-size: 26px;}

  body, p{font-size: 16px; line-height: 26px; text-align: left;}

  .top-text h3 { font-size: 34px; line-height: 48px; }

  section { padding: 90px 0; }
  .choice-block h4 { font-size: 22px; }

  .info-img p { font-size: 30px; line-height: 40px; padding: 0 60px; }
  .info-sec h4{font-size: 18px;}
  .event-desc h4{font-size: 22px;}

  .footer-main h3{font-size: 30px;}

  .mt-block p{font-size: 16px;}

  .ct-banner-inner h1 { font-size: 40px; }
  .ct-banner-inner h1 span{font-size: 60px;}

  .ms-list { flex-wrap: wrap; }

  .pdb-top h1{font-size: 30px; line-height: 40px; font-weight: 500;}
  .pdb-top p { font-size: 20px; }
  .pro-info-desc p{font-size: 15px;}

  .btn { padding: 10px 25px !important; font-size: 15px !important; }

  .ft-block:nth-child(1), .ft-block:nth-child(3) { max-width: 300px; }
  .ft-block:nth-child(1) .sgl-ft, .ft-block:nth-child(3) .sgl-ft, .ft-block:nth-child(1) .sgl-ft { padding: 10px 10px 10px 45px; font-size: 13px; line-height: 19px; }
  .ft-block:nth-child(2) .sgl-ft { font-size: 13px; line-height: 19px; } .dl-block .btn { font-size: 13px !important; padding: 8px 10px !important; }










}

@media only screen and (max-width: 1200.98px) {
  .impact-list{padding-top: 290px;}
  .impact-globe { top: -80px; }
  .impact-block:nth-child(1) .impact-desc, .impact-block:nth-child(2) .impact-desc { max-width: unset; }
  .impact-block:nth-child(3) { padding-top: 25px; }

.pdb-top h1 {
    font-size: 30px;
    color: #ffffff;
    line-height: 40px;
    font-weight: 500;
    margin: 225px 0 15px;
    text-align: center;
}
.pdb-top p {
    font-size: 16px;
    color: #ffffff;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
}

.inner-banner .ind-banner-inner{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 65%;
    display: flex;
    align-items: center;      /* Vertical center */
    padding: 0 15px;

}

.inner-banner .ind-banner-inner .container{
    align-items: flex-start;
    justify-content: center;
    text-align: center;
}

.inner-banner .ind-banner-inner .container h4{
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    padding-left: 50px;
}

.about-banner.resource-bn * { color: #04293f;    border-color: #04293f; }

}

@media only screen and (max-width: 1170.98px) {
  .header-main ul li a { font-size: 14px; padding: 9px 16px; }
  .menu-tab ul li { margin: 0 10px; }

  .info-sec h4 { font-size: 18px; }

  .blog-block a{height: 420px;}
  .play-ico { width: 110px; height: 110px; font-size: 45px; margin: 194px auto; padding-left: 5px; }

  .footer-btm p a{margin-left: 20px;} 
  .pd-banner-inner { padding: 160px 0 60px; }
  .pdb-btm h3{font-size: 50px;}
  .pdb-btm h4 { font-size: 20px; letter-spacing: 20px;}
  .pdb-btm p { font-size: 20px; max-width: unset; padding-bottom: 340px;}
  
  html, body { overflow-x: hidden; }

}

@media only screen and (max-width: 991.98px) {
	.js #menu { display:none; }
	.js .slicknav_menu { display:block;z-index: 999999;}
	.slicknav_menu{ position:absolute; top:11px; left:0; width:100%; z-index:99999; pointer-events:none; }
	.slicknav_btn {pointer-events: all; top: 0; background: #0ea0d2 !important; margin: 0 10px 0 0 !important; }
	.slicknav_nav{pointer-events: all;background: #2c2e2f;  margin-top: 52px !important;border: 0 !important;}
	.slicknav_nav a:hover{color: #0ea0d2 !important;}
  
  .container{width: 100%;}
  .header-main { padding: 6px 0; position: absolute !important; padding-right: 60px; }

  .metrics-sec { margin-top: 62px; }


  .metrics-inner { flex-wrap: wrap; }
  .mt-block:nth-child(1){width: 100%; max-width: unset; text-align: center; align-items: center;padding: 5px 10px;justify-content: center;}
  .mt-block { padding: 8px 15px; text-align: left; align-items: center; width: 50%; max-width: unset; border: 1px solid; justify-content: flex-start; flex-direction: unset; gap: 15px; }

  section { padding: 50px 0; }
  .top-text h3 { font-size: 26px; line-height: 36px; }
  .choice-block h4 { font-size: 20px; }

  .slick-arrow { width: 30px; height: 30px; right: 10px; bottom: -40px; }
  .blog-block { max-width: 370px; margin: 0 auto; }

  .play-ico{margin: 90px auto;}
  .event-block { margin-bottom: 35px; }

  .footer-logo { max-width: 240px; display: block; margin: 0 auto; }
  .footer-main{text-align: center;}
  .social-links { justify-content: center; }
  .footer-btm { flex-direction: column; }
  .footer-main h3{max-width: unset;}
  .pd-banner img { min-height: 767px; object-fit: cover; }
  .ct-banner img { min-height: 767px; object-fit: cover; }
  .ct-block{margin: 0 0 80px;}
  .reach-us .row > div:last-child .ct-block { margin: 0; }

  .about-banner img { min-height: 767px; object-fit: cover; }
  .participate-sec h5 { text-align: center; margin: 0 auto 35px; }
  .ahed-infolist { max-width: unset; }
  .ahed-infolist .info-block { margin: 0 0 30px; padding: 30px; background: rgba(255,255,255,0.7); border-radius: 20px; }
  .esg-metrics-sec > img { height: 460px; object-fit: cover; }

  .ind-banner img { min-height: 767px; object-fit: cover; }
  .infra-banner img { min-height: 767px; object-fit: cover; }
  .infra-banner h1{font-size: 30px; text-align: center;}
  .infra-banner a{margin: inherit;}
  .overview-block img{min-height: 600px; object-fit: cover;}
  .plant-overview { padding: 40px 0 10px; }
  .esg-lsider-block { margin-bottom: 30px; }

  .overview-slider::after{background-size: 50%;}
  
  .cs-sec-white .top-text h3{margin: 0 0 10px;}
  .cs-sec-white .top-text h4{font-size: 20px;}
  .cs-sec-white .top-text p{font-size: 20px;}
  .cs-sec-blue .top-text h3{margin: 0 0 10px;}
  .cs-sec-blue .top-text h4{font-size: 20px;}
  .cs-sec-blue .top-text p{font-size: 20px;}
  .pro-info-desc { max-width: unset; margin: 0px 0 0 0; }

  .option-list { max-width: 360px; margin-top: -100px; }
  .number-tab{right: 30px; bottom: 30px;}
  .info-tab { margin: 0 0 30px; }
  .ft-tab { flex-direction: column; align-items: center !important; gap: 30px !important; }

  .one-sol h5, .info-rgt{max-width: unset;}

  .hm-banner { position: relative; margin-top: 60px; }
  .header-main{background: #00101c;}
}

.document-layout {
    display: grid;
    grid-template-columns: 200px 1fr;
    grid-template-areas:
        "filter search"
        "filter documents";
    column-gap: 30px;
    row-gap: 0;
}

.document-search {
    grid-area: search;
}

.document-filter {
    grid-area: filter;
}

.document-list {
    grid-area: documents;
    margin-top: 50px;
}

@media only screen and (max-width: 840.98px) { 
  .desktop-img { display: none; }
  .mobile-img.d-none { display: block !important; }
  .industry-sec::after { opacity: 0.4; }
  .type-link span { padding: 4px 8px; border-radius: 6px; font-size: 10px; line-height: 12px; border-radius: 4px;}
  .type-link i { padding: 0; font-size: 12px; width: 22px; margin-right: 5px; border-radius: 4px;}
  .sgl-type.type1 { top: 68%; left: 85%; }
  .sgl-type.type2 { top: 6%; left: 12%; }
  .sgl-type.type3 { top: 7%; left: 70%; }
  .sgl-type.type4 { top: 12%; left: 73%; }
  .sgl-type.type5 { top: 14%; left: 35%; }
  .sgl-type.type6 { top: 25%; left: 26%; }
  .sgl-type.type7 { top: 20%; left: 43%; }
  .sgl-type.type8 { top: 78%; left: 68%; }
  .sgl-type.type9 { top: 33%; left: 58%; }
  .sgl-type.type10 { top: 33%; left: 6%; }
  .sgl-type.type11 { top: 50%; left: 16%; }
  .sgl-type.type12 { top: 45%; left: 78%; }
  .sgl-type.type13 { top: 53%; left: 70%; }
  .sgl-type.type14 { top: 62%; left: 40%; }
  .industry-types { padding-top: 0 !important; }

  .explore-list a { font-size: 16px; line-height: 22px; padding: 5px 10px; }
}

@media only screen and (max-width: 767.98px) { 
  .mt-block h3 { font-size: 20px; }
  .mt-block h4 { font-size: 20px; }
  
  .pd-banner .pdb-btm h3 {text-align:center;}
  .pd-banner .pdb-btm h4 {text-align:center;}
  .pd-banner .pdb-top h4 {text-align:center;}
  .mt-block p { font-size: 12px; line-height: 22px; }
  .mt-block { flex-direction: column; gap: 0; text-align: center; padding: 6px 0px; }

  .top-text h3 { font-size: 23px; line-height: 36px; }

  .info-sec { text-align: center; }
  .info-img p { font-size: 20px; line-height: 30px; padding: 0 40px; bottom: 25px; }

  .blog-block a { padding: 20px 15px; }

  .contact-sec h3 { text-align: center; width: 100%; font-size: 28px; margin: 0 0 10px; }
  .ct-form h4 { font-size: 18px; text-align: center; }

  .footer-main {
        padding: 40px 0;
        text-align: left;
    }

    .footer-main .row > div {
        text-align: left;
    }

    .footer-main h3 {
        text-align: left;
        font-size: 20px;
        line-height: 26px;
        font-weight: 400;
        padding-top: 20px;
    }

    .footer-main h4 {
        text-align: left;
    }

    .footer-main p {
        font-size: 13px;
        line-height: 20px;
        font-weight: 400;
        text-align: left;
    }

    /* Social icons left aligned */
    .footer-main .social-links {
        justify-content: flex-start !important;
        text-align: left;
    }

    /* Bottom footer */
    .footer-btm {
        margin-top: 15px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 10px !important;
        text-align: left;
    }

    .footer-btm p {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .footer-btm p a {
        margin: 0 15px 0 0;
        display: inline-block;
    }

     .footer-main .col-lg-3 {
        text-align: left !important;
    }

    .footer-main .footer-logo {
        display: block !important;
        width: fit-content !important;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

    .footer-main .footer-logo img {
        display: block;
        margin-left: 0 !important;
        margin-right: auto !important;
    }

  .event-sec .row > div:last-child .event-block { margin: 0; }
  .ct-form .btn { margin: 0 auto; display: block; }

  .globe-tab { transform: scale(0.8); margin-top: -130px; }
  .globe-btn { margin-top: -95px; }
  .marker-toggle { font-size: 25px; }

  .pd-search{width: 100%;}
  .pd-search button{width: 46px;}
  .ct-banner-inner h1 { font-size: 25px; text-align: center; }
  .ct-banner-inner h1 span { font-size: 40px; margin: 10px 0 0 0; display: block; }
  .ct-banner-inner a {margin: auto;}
  .ct-form { margin: 30px 0 0 0; }
  
.inner-banner .desktop-bnr-img{ display:none;}
.inner-banner .mobile-bnr-img {display: block;}

  .top-text { padding-bottom: 25px !important;  text-align: center;}
  .about-content { text-align: center; }
 #journeyTab {
        position: relative;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        border-top: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    #journeyTab::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 2px;
        background: #0d9ed3;
        z-index: 0;
    }

    #journeyTab .nav-item {
        width: 100%;
        display: flex;
        justify-content: center;
        position: relative;
        z-index: 1;
    }

    #journeyTab .nav-link {
        width: 100%;
        max-width: 100%;
        border: 0 !important;
        background: transparent !important;
        padding: 15px 20px !important;
        margin: 0 !important;
        position: relative;
    }

    #journeyTab .cs-tab {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 55px;
    }

    #journeyTab .cs-tab::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 11px;
        height: 11px;
        background: #0d9ed3;
        border-radius: 50%;
        border: 3px solid #fff;
        box-shadow: 0 0 0 1px #0d9ed3;
        z-index: 2;
    }

    #journeyTab .cs-tab p {
        position: relative;
        z-index: 3;
        margin: 0;
        padding: 8px 15px;
        background: #fff;
        text-align: center;
        font-size: 11px;
        line-height: 18px;
    }
  .milstone-sec {
        background-position: center center !important;
        background-size: cover !important;
    }

    .ms-list {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 25px;
    }

    .ms-list .ms-block {
        width: 100%;
        padding: 20px 15px;
        min-height: auto;
        gap: 12px;
    }

    .ms-block .ms-img img {
        max-width: 100%;
        height: auto;
    }

    .ms-block p {
        font-size: 13px;
        line-height: 25px;
        text-align: center;
    }

    .ms-block h4 {
        font-size: 16px;
        line-height: 28px;
    }

    .nw-top-text h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .nw-top-text h4 {
        font-size: 16px;
        line-height: 24px;
    }

    .bar-img img {
        max-width: 100%;
    }
  .ahed-infolist .info-block { margin: 0 0 30px; padding: 30px 15px; flex-direction: column; text-align: center; }

  .ab-info-img { width: 120px; height: 120px; border-radius: 50%; min-width: 120px; margin-right: 0; }
  .ab-info-img img { max-width: 36px; }
  .info-desc h4 { font-size: 20px; line-height: 30px; }

  .sector-sec { text-align: center; }
  .sector-sec h3{width: 100%; margin: 0 0 30px;}
  .explore-list a { width: calc(50% - 10px); }

  .one-sol h5{font-size: 27px;}
  .blog-title h1 { font-size: 22px; padding: 15px; }

  .btn { padding: 10px 20px !important; font-size: 14px !important; }
  .event-btnset {
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    .event-btnset .year-btn {
        width: 80px !important;
        min-width: 79px !important;
        max-width: 94px !important;
        height: 42px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important;

        flex: 0 0 78px !important;
    }

    .esg-metrics-sec .sgl-esg h4 {font-size: 20px; font-weight: 500;}

  .count-list { flex-direction: column; }
  .count-block { width: 100%; }
  .key-list { flex-direction: column; }
  .key-block { width: 100%; justify-content: flex-start; }

  .option-list { max-width: unset; margin-top: 15px; }
  .option-list .opt{font-size: 15px;}
  .number-tab { right: auto; bottom: auto; position: relative; max-width: unset; }

  .number-tab h5 { font-size: 60px; line-height: 70px; }

  .gaol-list { flex-direction: column; gap: 30px; }
  .goals-sec { padding-bottom: 100px; }

  .modal-body .inner { padding: 15px 0 0 0; text-align: center; }

  .ind-custom-lft { min-width: unset; width: 100%; }

  /*#globeViz::after, #globeViz::before {width: 15%;}*/

  .sector-main::after { top: 0; right: 0; }
  .sector-main { padding-top: 30px; padding-right: 15px; }

  .nw-top-text.nw-white h3, .nw-top-text.nw-dark h3 { font-size: 20px !important; text-align: center; line-height: 26px; font-weight:400; }
  .bar-img { overflow: hidden; }
  .nw-top-text.nw-white h4, .nw-top-text.nw-dark h4 { font-size: 18px; line-height: 27px; text-align: center;}

  .multi-sec-info p{max-width: unset;}
  .goal-block{width: 100%; padding-top: 30px; padding-bottom: 30px;}
  .goal-block p{margin: 0;}
  .goal-block:nth-child(2) { border: 0; border-top: 2px solid #b3c0cf; border-bottom: 2px solid #b3c0cf; }

  .impact-list { padding-top: 190px; }
  .impact-globe { max-width: 240px; }
  .impact-block { width: 100%; }

  .p-value { top: 35px; font-size: 20px; line-height: 25px; }
  .progress-title { font-size: 30px; line-height: 40px; margin: 0; }

    .ft-tab {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
  }

  .ft-tab > .row {
    min-width: 50px;
    display: flex;
    flex-wrap: nowrap;
  }

  
  .ft-tab > .row > .col-md-3 {
    width: 10%;
    flex: 0 0 10%;
  }

  
  .ft-tab > .row > .col-md-6 {
    width: 25%;
    flex: 0 0 25%;
  }

  .ft-tab > .row > .col-md-6 {
    padding-left: 25px; 
  }

   .document-layout {
        display: flex;
        flex-direction: column;
        gap: 0;
    }


    /* -----------------------------------------
       SEARCH FIRST
    ----------------------------------------- */

    .document-search {
        order: 1;
        width: 100%;
        margin-bottom: 20px;
    }

    .document-search .pd-search {
        width: 100%;
        margin-bottom: 0 !important;
    }

    .document-search .pd-search input {
        width: 100%;
        height: 45px;
        padding-right: 50px;
    }

    .document-search .search-btn {
        width: 46px;
        height: 45px;
    }


    /* -----------------------------------------
       FILTER SECOND
    ----------------------------------------- */

    .document-filter {
        order: 2;
        width: 100%;
        margin-top: -64px;
        margin-bottom: -42px;
    }

    .document-filter .filter-tab {
        width: 100%;
        margin-bottom: 0;
    }


    /* FILTER TITLE */

    .document-filter .filter-tab h5 {
        margin-bottom: 10px;
        font-size: 16px;
    }


    /* FILTER TOGGLE */

    .document-filter .filter-toggle {
        width: 100%;
        min-height: 45px;
        padding: 10px 15px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        border-radius: 4px;
    }


    /* FILTER OPTIONS */

     .document-filter .collapse {
        margin-top: 10px;

        display: flex;
        flex-wrap: wrap;
        gap: 8px 15px;
    }

    .document-filter .form-check {
        padding-left: 25px;
        margin-bottom: 0;
        width: auto;
        flex: 0 0 auto;
    }

    .document-filter .form-check-label {
        font-size: 14px;
        white-space: nowrap;
    }


    /* -----------------------------------------
       DOCUMENT LIST THIRD
    ----------------------------------------- */

    .document-list {
        order: 3;
        width: 100%;
    }

    .document-list > .row {
        margin-left: 0;
        margin-right: 0;
    }


    /* Cards full width on mobile */

    .document-list .resource-card,
    .document-list .whitepaper-card {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }


    /* Card buttons */

    .document-list .td-block .d-flex {
        flex-wrap: wrap;
    }

}

@media only screen and (max-width: 640.98px) { 
.globe-tab { margin-top: -65px; } .globe-btn { margin-top: -30px; }
.marker-toggle { font-size: 20px; }

.type-link span { font-size: 8px; white-space: nowrap; }
.sgl-type.type1 { top: 68%; left: 75%; }
.sgl-type.type12 { top: 45%; left: 74%; }




}




<!---------------------CSS BY Sabir------------------------>



.header-main.header-scrolled{ padding: 6px 0; position: fixed; background: #04293f;}
.page-about .header-main ul li a, .page-contact .header-main ul li a, .page-blog .header-main ul li a{ color:#04293f; line-height: normal;}
.page-about .header-main ul li a:hover, .page-about .header-main ul li a.active, .page-contact .header-main ul li a:hover, .page-contact .header-main ul li a.active, .page-blog .header-main ul li a:hover, .page-blog .header-main ul li a.active{filter: drop-shadow(6.339px 13.595px 4px rgba(0,0,0,0.15)); background: #04293f; color:#fff;}
.page-about .header-main.header-scrolled, .page-contact .header-main.header-scrolled, .page-blog .header-main.header-scrolled{background: #ffffff;}
.header-main ul li a{line-height: normal;}
.header-main ul li a:hover, .header-main ul li a.active{filter: drop-shadow(6.339px 13.595px 4px rgba(0,0,0,0.15)); background: #0ea0d2; color:#fff;}

.page-contact .header-main ul li a{background: #ececec; border: 1px solid #fff;}
.page-contact .header-main ul li a:hover{    border: 1px solid transparent;}
.page-contact .header-main ul li ul li a{ background:transparent; border:none;}
.page-contact .header-main ul li ul li a:hover{ border:none;}

.sustainability-page-banner video.hero-bg.desktop {width: 100%; margin-bottom:-10px;}

.key-block{background: #ffffff; border: 3px solid #ffffff; box-shadow: 0px 9px 12px #074e7836 inset;}

/*.impact-graph .impact-globe{animation: spin 50s linear infinite;}
@keyframes spin{to{ transform: rotate(360deg);}}*/

.news-event{ padding-bottom:50px;}
.news-event .pd-search{ margin: 0 auto;}

.news-post-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; position:relative;}
.load-more-wrap {width: 100%; display: block; position: absolute; bottom: -100px; text-align: center;}
.news-post-grid .blog-block.hidden{ display:none;}
.load-more-wrap .loadMoreBtn {background: #0ea0d2; border: none; padding: 6px 35px; border-radius: 34px; color: #fff;}
.load-more-wrap .loadMoreBtn:hover{ background:#fff; color: #04293f;}

.stories-slider .item-content {margin: 0 10px;}
.stories-slider .item {display: flex; align-items: center; gap: 20px; background: #d4e6f1; border-radius: 15px; margin-bottom:15px;}
.stories-slider .item .storie-img {width: 35%;}
.stories-slider .item .storie-details {width: 65%; padding: 0 20px 0 0; display: grid; gap: 5px;}
.stories-slider .item .storie-details h3 {font-weight: 600;}
.stories-slider .item .storie-details p, .stories-slider .item .storie-details ul li {font-size: 14px; font-weight: 500; line-height: 20px; margin: 0;}
.stories-slider .item .storie-details ul li {list-style-type: disc;}
.stories-slider .item .storie-details a {font-size: 14px; font-weight: 600; margin: 5px 0 0 0;}
.stories-slider .item .storie-details a span{min-width: 34px; height: 24px; border-radius: 7px; background-color: #193c6e; border: 1px solid #fff; font-size: 15px; display: inline-block;   vertical-align: middle; text-align: center; color: #fff !important; transition: all 0.4s; padding: 0; line-height: 23px; margin: 0 0 0 5px;}
.stories-slider button {background: none; border: none; left: 50%;}
.stories-slider button.slick-prev.slick-arrow {left: 46%;}
.stories-slider button::after{ content:"\f061"; font-size: 20px;}
.stories-slider button.slick-next.slick-arrow{right: 46%;}


@media only screen and (max-width: 991px) {
.page-about .header-main, .page-contact .header-main { background: transparent;}
}

.form-box {border-radius: 15px; padding: 20px; margin: 0 0px;}
.form-box-title {display: flex; align-items: center; gap: 10px;}
.form-box-title span {background: #1e7db5; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 5px; color: #fff;}
.form-box-title h5 {color: #fff;}
.form-group label {font-size: 15px; margin: 0 0 5px 0;}
.form-box .form-group input.form-control {border-color: #798d99 !important; border-radius: 10px; font-size: 12px; color: #fff;}
.form-box .form-group input.form-control::placeholder {color: #fff;}
.form-box .form-group select.form-control {
    color: #fff !important;
    background: transparent;
    font-size: 12px;
    border-color: #798d99 !important;
}

.form-box .form-group select.form-control option {
    color: #fff;
    background: #222; /* optional, for dropdown background */
}
.form-box .form-group .radio-box{display:flex; align-items:center; gap:15px; cursor:pointer; font-size:15px; color:#fff;}
.form-box .form-group .radio-box input{display:none;}
.custom-radio{width:28px; height:28px; border:3px solid #1696d2; border-radius:50%; position:relative;}
.form-box .form-group .radio-box input:checked + .custom-radio::after{content:''; width:14px; height:14px; background:#fff; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}

.form-box .right-box h5 { color: #fff;}
.form-box .right-box p {color: #fff; font-size: 13px; line-height: 20px;}
.right-box .card {padding: 15px; border-radius: 10px;}
.right-box .card .top-lable {display: flex; align-items: center; gap: 5px; margin: 0 0 20px 0; color: #04293f; font-weight: 500; font-size: 20px;}
.right-box .card .top-lable img {width: 24px;}
.right-box .card .number-row {display: flex; align-items: end; justify-content: start; width: 80%; margin: auto; gap: 20px;}
.right-box .card .number-row .number {font-size: 42px; font-weight: 400; padding: 0px 0 10px; color: #04293f; width: 70%;}
.right-box .card .line {width: 55%; height: 2px; background: #7e9089; position: absolute; bottom: 44px; left: 50px;}
.right-box .card .bottom-text {width: 80%; margin: auto; font-size: 12px; font-weight: 500;}
.right-box .card.card-1{ background:#e9eac9;}
.right-box .card.card-2{ background:#cbf6cb; margin: 10px 0;}
.right-box .card.card-3{ background:#bae0f5;}
.right-box .card.card-3 .line{left: 100px;}

.card-box-form {background: #1770a4; padding: 20px; margin: 30px 0 0 0; border-radius: 15px;}
.card-box-form h6 {color: #fff;}

.card-box-form .form-group .form-control{border-color: #93bcd5 !important; border-radius: 10px; font-size: 12px; color: #fff;}
.card-box-form .form-group .form-control::placeholder, .cost-input .form-group .form-control::placeholder {color: #fff;}
.card-box-form .select-box{ position:relative;}
.card-box-form .select-box select option{ background:#f2f2f2; color:#000; padding:10px;}
.card-box-form .select-box .icon{ position:absolute; right:30px; top:70%; transform:translateY(-50%); color:#fff; font-size:12px; pointer-events:none;}

.info-box {background: #fff; display: flex; align-items: center; border-radius: 15px; padding: 15px; margin: 20px 0; gap: 10px;}
.info-box p {margin: 0; font-size: 15px; font-weight: 500;}

.cost-input .form-group .form-control {border-color: #fff !important; border-radius: 10px; font-size: 12px; color: #fff;}
.form-btn-box {display: flex; align-items: center; justify-content: center; margin: 30px 0; gap: 15px;}
.form-btn-box button.btn {width: 25%; display: flex; align-items: center; justify-content: center; padding: 15px; height: 60px; background: #356eb1 !important; color: #fff !important; gap: 20px;
font-weight: 600; font-size: 18px;}
.form-btn-box button.btn img {width: 20px;}


/*----------------------25.6.26----------*/

.milstone-sec {background-attachment: fixed !important;}
.ms-list .ms-block{ height:auto; margin: 0 5px; display: flex !important;}
.milestones-slider ul.slick-dots {position: relative; bottom: -40px;}
.exb-block::after{top: 200px;}

.pro-info-video video.hero-bg.desktop {width: 100%; border-radius: 20px;}
.pro-info-desc{max-width: 99%;}

/*-------29.06.26------------*/

.ind-custom .ind-custom-desc{background-image: linear-gradient(to bottom, #04293f29, #04293f);}
/*-------end------*/
@media only screen and (max-width:1024px){
.right-box .card .top-lable{font-size: 16px; margin: 0 0 10px 0;}
.right-box .card .line{bottom: 40px; left: 38px;}
.right-box .card .number-row .number{font-size: 32px;}
.right-box .card.card-3 .number{width: 55%;}
.right-box .card.card-3 .line {left: 80px; bottom: 70px;}
}

@media only screen and (max-width:991px){
.ahed-infolist .info-block .icon-box {width: 50px;}
.slicknav_nav .dropdown-menu{ position: relative; background: transparent;}
.slicknav_nav li.dropdown  a.dropdown-toggle::after{ content:none;}
.slicknav_nav li.dropdown span.slicknav_arrow {right: 10px; position: absolute;}
.slicknav_nav li.dropdown ul.dropdown-menu.sub-menu{ left:0;}

}
@media only screen and (max-width:767px){
.ahed-infolist .info-block .icon-box{margin: 0 auto;}
}

@media only screen and (max-width:599px){
.form-box{padding: 20px 10px;}
.form-box .right-box {margin: 20px 0 0 0;}
.right-box .card .line{bottom: 40px; left: 45px;}
.right-box .card .top-lable {font-size: 18px;}
.right-box .card.card-3 .line{bottom: 40px;}
.form-btn-box{display: block;}
.form-btn-box button.btn{width: 100%; margin-bottom: 10px;}

/*.about-banner.resource-bn .ct-banner-inner {position: relative; padding: 15px; background: #b9ddf7;}*/
.resource-banner .resource-heading {
    font-size: 30px;
    line-height: 40px;
    font-weight: 500;
    margin: 0;
    color: #fff;
   
}

.resource-banner .resource-subcopy {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
}

.resource-banner .resource-description {
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    margin: 0;
}

.resource-banner .ct-banner-inner {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    ;
}

.resource-banner .ct-banner-inner .container {
    align-items: flex-start !important;
    text-align: center;
    padding-bottom: 336px
}



.resource-banner .ct-banner-inner .btn {
    align-self: flex-start;
}



.stories-slider .item{display: grid; padding: 10px;}
.stories-slider .item .storie-img, .stories-slider .item .storie-details {width: 100%;}
.stories-slider .item .storie-img img { width: 100%; border-radius: 30px;}
.stories-slider .item .storie-details{padding: 0 15px 15px; text-align: center;}



}
	


/*----------------------25.6.26----------*/

.milstone-sec {background-attachment: fixed !important;}
.ms-list .ms-block{ height:auto; margin: 0 5px; display: flex !important;}
.milestones-slider ul.slick-dots {position: relative; bottom: -40px;}
.exb-block::after{top: 200px;}

.pro-info-video video.hero-bg.desktop {width: 100%; border-radius: 20px;}
.pro-info-desc{max-width: 99%;}


.ind-custom .ind-custom-desc{background-image: linear-gradient(to bottom, #04293f29, #04293f);}




.explore-ind-sec{ position:relative;}
.explore-ind-sec .container{ z-index:1; position:relative;}
.explore-ind-sec::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgb(7 78 120), #f6f6f600);}
.esg-metrics-sec .sgl-esg h4 {font-weight: 500;}
.esg-metrics-sec .sgl-esg{ border-color:#3c76af94;}

.indcs-block h6.img-title {position: absolute; bottom: 0; width: 100%; margin: 0; padding: 5px 10px; color: #fff; font-size: 14px; font-weight: 600; background-image: linear-gradient(to bottom, #04293f29, #04293f);}

.page-career .header-main ul li a{ color:#04293f; line-height: normal;}
.page-career .header-main ul li a:hover, .page-career .header-main ul li a.active{filter: drop-shadow(6.339px 13.595px 4px rgba(0,0,0,0.15)); background: #04293f; color:#fff;}
.page-career .header-main.header-scrolled{background: #ffffff;}
.header-main ul li a{line-height: normal;}
.header-main ul li a:hover, .header-main ul li a.active{filter: drop-shadow(6.339px 13.595px 4px rgba(0,0,0,0.15)); background: #0ea0d2; color:#fff;}
.nw-dark i.fa-solid.fa-magnifying-glass {color: #04293f;}

.career-banner h1 {font-size: 30px;}

.join-team {background: #ffffff;}
.join-team .form-box .form-group {position: relative; margin: 0 0 25px 0;}
.join-team .form-box .form-group input, .join-team .form-box .form-group select { border: none !important; border-bottom: 2px solid #2f6a8e !important; border-radius: 0; padding: 5px 30px 5px 0; width: 100%; background:#ffffff; color: #01243a; font-size: 16px;}
.join-team .form-box .form-group em.input-icon {position: absolute; right: 12px; top: 12px;} 
.join-team .form-box .form-group em.input-icon i.fa-solid {color: #fff;}
.join-team .form-box .form-group.btn-box { text-align: center; margin: 20px 0 0 0;}
.join-team .form-box .form-group.btn-box button.btn.btn-outline {border-color: #01243a; color: #01243a;}

#job::placeholder {
    color: #01243a;
    opacity: 1;
}
.opportunity .nw-top-text h4 { color: #000;}
.opportunity h4.title {font-weight: 700;}
.opportunity .accordion-item{margin-bottom:20px;}
.opportunity .accordion-header{background: #edf7ff !important; padding: 10px 10px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-size: 16px;font-weight: 500;}
.opportunity .icon{transition:.3s;}
.opportunity .accordion-item.active .icon{transform:rotate(180deg);}
.opportunity .accordion-body{ max-height:0; overflow:hidden; transition:max-height .35s ease; padding: 0;}
.opportunity .content{padding:10px 10px;}
.opportunity .content p{color:#1f1f1f; line-height:1.5; margin: 0; font-size: 14px;}

.opportunity .right-content {display: grid; height: 100%;}
.opportunity .right-content div {display: flex; align-items: center; justify-content: space-between;}
.opportunity .right-content div .job-category-list {display: flex; gap: 20px; font-weight: 500;}

.sec-form form select {width: 100%; height: 48px; border-radius: 14px; background-color: transparent !important; border: 1px solid #193c6e !important; padding: 6px 20px; font-size: 12px;}
.sec-form form .upload-label{display:inline-flex; align-items:center; gap:10px; cursor:pointer; color:#222;}
.sec-form form .upload-label i{font-size:22px; color:#000;}
.sec-form form .upload-text{display:flex; align-items:center; gap:5px; font-size:16px;}
.sec-form form .upload-text strong{font-weight:600;}
.sec-form form .upload-text span{color:#666; font-size:14px;}
.sec-form form .file-name{display:block; margin-top:10px; color:#0d4f8b; font-size:14px;}

.testimonial-slider-box{background: #ffffff;}

.tesimonial-slider {padding: 20px 0 80px 0;}
.tesimonial-slider .slick-slide{opacity: .4; transform: scale(.4); transition: all .4s ease; min-height:550px;}
.tesimonial-slider .slick-slide .team-img{padding: 0;}
.tesimonial-slider .slick-slide .team-img img {border-radius: 100%; border: 5px solid #00223e;}
.tesimonial-slider .slick-slide .team-content {display: none;}
.tesimonial-slider .slick-center{opacity: 1; transform: scale(1.5); z-index: 2;}
.tesimonial-slider .slick-current .team-img {padding: 100px 100px 10px 100px;}
.tesimonial-slider .slick-current .team-content {display: block; text-align: center;}
.tesimonial-slider .slick-slide .team-content h3 {color: #fff; font-weight: 500;}
.tesimonial-slider .slick-slide .team-content span { font-size: 14px; color: #fff; font-style: italic; padding: 0 0 5px 0;}
.tesimonial-slider .slick-slide .team-content h5 {color: #f9d615; font-size: 12px;}
.tesimonial-slider .slick-slide .team-content p {color: #fff; font-size: 12px; padding: 0; margin: 0; line-height: 18px;}
.tesimonial-slider .slick-slide .team-content .rating img { margin: 10px auto; width: 150px;}
.tesimonial-slider button.slick-prev  {left: 47%; bottom: 0;}
.tesimonial-slider button.slick-next  {left: 51%; bottom: 0;}


@media only screen and (max-width:1024px){
.right-box .card .top-lable{font-size: 16px; margin: 0 0 10px 0;}
.right-box .card .line{bottom: 40px; left: 38px;}
.right-box .card .number-row .number{font-size: 32px;}
.right-box .card.card-3 .number{width: 55%;}
.right-box .card.card-3 .line {left: 80px; bottom: 70px;}
}

@media only screen and (max-width:991px){
.ahed-infolist .info-block .icon-box {width: 50px;}
.slicknav_nav .dropdown-menu{ position: relative; background: transparent;}
.slicknav_nav li.dropdown  a.dropdown-toggle::after{ content:none;}
.slicknav_nav li.dropdown span.slicknav_arrow {right: 10px; position: absolute;}
.slicknav_nav li.dropdown ul.dropdown-menu.sub-menu{ left:0;}

.page-career .header-main {background: transparent;}
.career-banner img {min-height: 767px; object-fit: cover;}
.opportunity .right-content{gap: 20px;}
.sec-form .nw-top-text {padding: 0 !important;}

.tesimonial-slider {padding: 0 20px;}
.tesimonial-slider .slick-slide .team-img img{width: 200px; margin: 0 auto;}
.tesimonial-slider .slick-center{opacity: 1; transform: scale(1); z-index: 2;}
.tesimonial-slider .slick-current .team-img {padding: 0px 0px 10px 0px;}
.tesimonial-slider .slick-slide{min-height: inherit;}
.tesimonial-slider .slick-slide .team-content h3{ font-size: 26px;}
.tesimonial-slider .slick-slide .team-content h5{font-size: 14px;}
.tesimonial-slider .slick-slide .team-content p{font-size: 16px; line-height: 30px;}
.tesimonial-slider button.slick-prev {left: 44%;}
.tesimonial-slider button.slick-next, .tesimonial-slider button.slick-prev{bottom: -40px;}
.tesimonial-slider button.slick-next{left: 52%;}

.count-sec .count-list{flex-direction: unset;}

}
@media only screen and (max-width:767px){
.ahed-infolist .info-block .icon-box{margin: 0 auto;}
}

@media only screen and (max-width:599px){
.form-box{padding: 20px 10px;}
.form-box .right-box {margin: 20px 0 0 0;}
.right-box .card .line{bottom: 40px; left: 45px;}
.right-box .card .top-lable {font-size: 18px;}
.right-box .card.card-3 .line{bottom: 40px;}
.form-btn-box{display: block;}
.form-btn-box button.btn{width: 100%; margin-bottom: 10px;}

.about-banner.resource-bn .ct-banner-inner {position: relative; padding: 15px; background: #b9ddf7;}

.stories-slider .item{display: grid; padding: 10px;}
.stories-slider .item .storie-img, .stories-slider .item .storie-details {width: 100%;}
.stories-slider .item .storie-img img { width: 100%; border-radius: 30px;}
.stories-slider .item .storie-details{padding: 0 15px 15px; text-align: center;}



}

.pro-info-desc ul li {
    list-style-type: circle;
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 35px;
    color: #04293f;
    font-weight: 500;
}

.pro-info-desc ol li {
    list-style-type: circle;
    padding: 0 0 10px 0;
    font-size: 22px;
    line-height: 35px;
    color: #04293f;
    font-weight: 500;
}

.metrics-inner .mt-block h3, .metrics-inner .mt-block h4, .metrics-inner .mt-block p {
    color: #074e78;
}

.pro-info .nw-top-text h3, .count-sec .nw-top-text h3, .application-sec .nw-top-text h3, .perform-sec .nw-top-text h3, .feature-sec .nw-top-text h3{
color: #04293f;
font-size: 30px;
}




.pro-info .nw-top-text h4, .perform-sec .nw-top-text h4, .feature-sec .nw-top-text h4{
color: #1f1f1f;
font-size: 18px;
}

.diagram-sec .nw-top-text h3, .evo-sec .nw-top-text h3{
color: #01243a;
font-size: 30px;
}

.discover-sec .nw-top-text h3 {
  color: #ffffff;
font-size: 30px;
}

.industry-sec .nw-top-text h3 {
  color: #ffffff;
font-size: 30px;
}

.diagram-sec .nw-top-text h4, .evo-sec .nw-top-text h4{
color: #01243a;
font-size: 18px;
}

.industry-sec .nw-top-text h4{
  color: #ffffff;
font-size: 18px;
}

.discover-sec .nw-top-text h4{
  color: #ffffff;
font-size: 18px;
}

.sgl-ft-feature { 
    font-size: 15px;
    padding: 10px 15px;
    font-weight: 600; 
    /*margin: 44px 0px 0px 0px; */
    text-align: center;
}

 .ft-block:nth-child(1), .ft-block:nth-child(3) { max-width: 300px; }
  .ft-block:nth-child(1) .sgl-ft, .ft-block:nth-child(3) .sgl-ft, .ft-block:nth-child(1) .sgl-ft { padding: 10px 10px 10px 45px; font-size: 13px; line-height: 19px; }
  .ft-block:nth-child(2) .sgl-ft { font-size: 13px; line-height: 19px; } .dl-block .btn { font-size: 13px !important; padding: 8px 10px !important; }




.ft-block .sgl-ft-left,
.ft-block .sgl-ft-right {
    position: relative;
    width: 100%;
    max-width: 420px;
    min-height: 73px;

    display: flex;
    align-items: center;

    /*padding: 13px 15px 13px 65px;*/
     padding: 13px 15px 13px 30px;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;

    margin-bottom: 10px;
    box-sizing: border-box;

    isolation: isolate;

    /* IMPORTANT */
    color: #000;
    z-index: 1;
}


/* LEFT IMAGE */
.ft-block .sgl-ft-left::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 300px;
    height: 73px;

    transform: translateY(-50%);

    background-image: url('img/ft-lft.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 400px 73px;

    z-index: -1;
    pointer-events: none;
}


/* RIGHT IMAGE */
.ft-block .sgl-ft-right::before {
    content: "";

    position: absolute;
    left: 0;
    top: 50%;

    width: 300px;
    height: 73px;

    transform: translateY(-50%);

    background-image: url('img/ft-rgt.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 400px 73px;

    z-index: -1;
    pointer-events: none;
}
.ft-block h4 { padding: 5px 10px; margin: 0 auto 25px; font-size: 14px; letter-spacing: 0px; color: #fff; font-weight: 500; background: #00243c; border-radius: 10px; text-align: center; max-width: 256px; }

.ft-block:nth-child(2){text-align: center;}
.ft-block:nth-child(2) .sgl-ft { font-size: 15px; padding: 10px 15px; font-weight: 500; }
.sgl-ft { margin: 0 0 30px; }
.btn.btn-outline i { padding: 6px 11px 4px; background: #193c6e; color: #fff; display: inline-table; font-size: 14px; vertical-align: middle; border-radius: 5px; margin-left: 10px; margin-top: -5px; }

.select-wrapper {
    position: relative;
}

.select-wrapper::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;

    border-right: 2px solid #555;
    border-bottom: 2px solid #555;

    transform: translateY(-65%) rotate(45deg);

    pointer-events: none;
}

.select-wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    padding-right: 40px;
    cursor: pointer;
}

/*-------------9.7.26---------------*/
.industry-slider .sector-block{ margin:0 10px;}
.industry-slider ul.slick-dots {bottom: -30px;}

.count-sec .count-list .line {width: 1px; height: 110px; background: #074e78; margin: 0 10px;}
.count-sec .count-list .count-block p {margin: 0;}

/* =========================================
   GLOBAL GLOBE SECTION
========================================= */

/* =========================================
   GLOBAL GLOBE SECTION
========================================= */

#infinium-globe-section {
    width: 100%;
    max-width: 1400px;
    margin: -100px auto -100px; /* negative margin কমিয়ে controlled রাখা */
    min-height: auto;
    padding: 0 40px 0;

    /*display: grid;*/
    grid-template-columns: 0.75fr 1.25fr;
    align-items: center;
    gap: 20px;

    position: relative;
}


/* =========================================
   LEFT CONTENT
========================================= */

.globe-left-content {
    position: relative;
    z-index: 5;
    max-width: 460px;
    padding-left: 30px;
}

.globe-left-content h1 {
    margin: 0 0 22px;
    font-size: clamp(38px, 4vw, 64px);
    line-height: 1.08;
    font-weight: 700;
    color: #000 !important;
}

.globe-left-content p {
    margin: 0;
    max-width: 430px;
    font-size: 17px;
    line-height: 1.7;
    color: #000;
}


/* =========================================
   GLOBE
========================================= */

.globe-right {
    width: 100%;
    height: 560px; 
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
}

#globeViz {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: visible;
}

#globeViz canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}


/* =========================================
   POPUP
========================================= */

#popup {

    position: fixed;

    display: none;

    z-index: 999999;

    width: 320px;

    max-width: calc(
        100vw - 30px
    );

    background: #ffffff;

    border-radius: 12px;

    padding: 22px;

    box-shadow:
        0 15px 50px
        rgba(0, 0, 0, 0.35);

}


#popup-close {

    position: absolute;

    top: 8px;

    right: 10px;

    width: 28px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    cursor: pointer;

    font-size: 15px;

    color: #666;

    border-radius: 50%;

}


#popup-close:hover {

    color: #ff3b30;

    background: #f5f5f5;

}


#popup-content h4 {

    margin: 0 25px 10px 0;

    font-size: 16px;

    line-height: 1.3;

    color: #111;

}


#popup-content p {

    margin: 0;

    font-size: 13px;

    line-height: 1.6;

    color: #555;

}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    #infinium-globe-section {
        grid-template-columns: 1fr;
        min-height: auto;
        margin: 0 auto;
        padding: 20px 25px 20px;
    }

    .globe-left-content {
        max-width: 700px;
        padding-left: 0;
        text-align: center;
        margin: 0 auto;
    }

    .globe-left-content p {
        margin-left: auto;
        margin-right: auto;
    }

    .globe-right {
        height: 500px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    #infinium-globe-section {
        margin: 0 auto;
        padding: 10px 15px 10px;
    }

    .globe-left-content {
        padding: 0 10px;
    }

    .globe-left-content h1 {
        font-size: 34px;
        line-height: 1.12;
        margin-bottom: 16px;
    }

    .globe-left-content p {
        font-size: 14px;
        line-height: 1.6;
    }

    .globe-right {
        height: 400px;
    }

     #popup {

        width: 290px;

        max-width:
            calc(100vw - 24px);

        padding: 18px;

    }
}



 

/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .globe-right {
        height: 350px;
    }

    .globe-left-content h1 {
        font-size: 30px;
    }
}

@media (max-width: 767px) {

    .multi-sec.inner-banner {
        padding: 55px 0 50px !important;
        min-height: auto !important;
        overflow: hidden;
    }

    /* Heading */
    .multi-sec.inner-banner .nw-top-text {
        padding-bottom: 25px !important;
        margin-bottom: 0 !important;
    }

    .multi-sec.inner-banner .nw-top-text h3 {
        font-size: 20px !important;
        line-height: 26px !important;
        margin-bottom: 5px !important;
        font-weight: 400;
    }

    .multi-sec.inner-banner .nw-top-text h4 {
        font-size: 14px !important;
        line-height: 21px !important;
        margin: 0 !important;
    }

    /* Buttons section */
    .multi-sec.inner-banner .multi-btn {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 !important;
    }

    .multi-sec.inner-banner .multi-btn > div {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
        margin: 0 0 12px 0 !important;
    }

    .multi-sec.inner-banner .multi-btn > div:last-child {
        margin-bottom: 0 !important;
    }

    .multi-sec.inner-banner .multi-btn a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 48px;
        height: auto;
        padding: 11px 15px !important;
        font-size: 14px !important;
        line-height: 20px !important;
        white-space: normal !important;
        overflow: visible !important;
    }

    /* Description - prevent overlap */
    .multi-sec.inner-banner .multi-sec-info {
        position: relative !important;
        display: block !important;
        clear: both !important;
        width: 100% !important;
        height: auto !important;
        margin: 28px 0 0 !important;
        padding: 0 5px !important;
        overflow: visible !important;
    }

    .multi-sec.inner-banner .multi-sec-info p {
        position: relative !important;
        display: block !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff;
        font-size: 13px !important;
        line-height: 20px !important;
        text-align: left;
    }
}

.choice-block h4 strong {
    font-size: 22px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
}

.multi-sec .mobile-view-img {display: none;}
.tab-content .document-search .pd-search {padding: 2px;}
.tab-content .document-search .pd-search #tagDropdown { padding: 15px; display: none;}
.tab-content .document-search .pd-search #tagDropdown .search-tag-item {border-bottom: 1px solid #eee; padding: 2px 0; cursor: pointer;}
.tab-content .document-search .pd-search #tagDropdown .search-tag-item:last-child {border: none;}



@media only screen and ( max-width: 599px){
#infinium-globe-section .nw-top-text {padding-bottom: 0 !important;}

.multi-sec .mobile-view-img { display: block; margin: 20px 0 0 0;}
.multi-sec.cs-sec.inner-banner {background-color: #113d86; background-image: none !important;}

.resource-banner.resource-bn .ct-banner-inner .container{align-items: center !important;}
}

/* New Section */

:root{
    --infinium-blue:#087ff0;
    --infinium-dark:#062f4d;
    --infinium-text:#173f59;
    --infinium-light:#d8e8f0;
    --infinium-border:#d8e3e9;
    --infinium-white:#ffffff;
}

.infinium-blu-section{
    width:100%;
    padding:0px 20px;
}

.infinium-blu-container{
    width:100%;
    max-width:1140px;
    margin:0 auto;
}


.infinium-site-heading{
    margin:0 0 35px;
    text-align:center;
}

.infinium-site-heading h3{
    margin:0;
    color:var(--infinium-dark);
    font-family:"Exo",Arial,sans-serif;
    font-size:30px;
    line-height:1.25;
    font-weight:400;
    letter-spacing:0;
}

.infinium-site-heading h4{
    margin:12px 0 0;
    color:#426278;
    font-family:"Exo",Arial,sans-serif;
    font-size:18px;
    line-height:1.6;
    font-weight:400;
}

.infinium-bar{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:13px auto 0;
    min-height:8px;
}

.infinium-bar img{
    display:block;
    width:auto;
    height:auto;
    max-width:none;
}


.infinium-highlight{
    overflow:hidden;
    border-radius:22px;
    background:var(--infinium-dark);
    box-shadow:0 16px 45px rgba(5,43,70,.10);
}

.infinium-highlight-content{
    position:relative;
    z-index:1;
    padding:48px 52px 42px;
}

.infinium-highlight-content::after{
    content:"01";
    position:absolute;
    z-index:-1;
    top:-72px;
    right:20px;
    color:rgba(255,255,255,.035);
    font-size:260px;
    line-height:1;
    font-weight:700;
    pointer-events:none;
}

/* Small product-page-style kicker */

.infinium-product-kicker{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#4aaef5;
    font-size:10px;
    line-height:1.2;
    font-weight:500;
    letter-spacing:1.4px;
    text-transform:uppercase;
    text-align:center;
}

.infinium-product-kicker::before,
.infinium-product-kicker::after{
    content:"";
    width:30px;
    height:1px;
    background:#0788f4;
}

.infinium-main-title{
    position:relative;
    z-index:2;
    margin:15px 0 17px;
    color:#fff;
    font-family:"Exo",Arial,sans-serif;
    font-size:34px;
    line-height:1.15;
    font-weight:600;
    letter-spacing:0;
    text-align:center;
}

.infinium-main-title span{
    color:#158ff0;
}

.infinium-main-copy{
    position:relative;
    z-index:2;
    max-width:940px;
    margin:0 auto;
    color:#d7e5ed;
    font-family:"Exo",Arial,sans-serif;
    font-size:12px;
    line-height:1.8;
    font-weight:400;
    text-align:center;
}

.infinium-data{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    max-width:900px;
    margin:31px auto 0;
    border-top:1px solid rgba(255,255,255,.16);
    border-bottom:1px solid rgba(255,255,255,.16);
}

.infinium-data-item{
    padding:15px 18px 14px 0;
}

.infinium-data-item:not(:last-child){
    margin-right:18px;
    border-right:1px solid rgba(255,255,255,.16);
}

.infinium-data-value{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.15;
    font-weight:600;
}

.infinium-data-label{
    display:block;
    margin-top:5px;
    color:#83aabd;
    font-size:12px;
    line-height:1.35;
    font-weight:400;
    letter-spacing:.2px;
}

/* ============================================================
   VIDEO — ALWAYS BELOW CONTENT, ALWAYS LANDSCAPE
   ============================================================ */

.infinium-blu-page.video-disabled .infinium-video-wrapper{
    display:none !important;
}

.infinium-video-wrapper{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#dcecf4;
}

.infinium-video{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    border:0;
    background:#dcecf4;
    object-fit:cover;
    object-position:center center;
    -webkit-playsinline:true;
}

.infinium-video-label{
    position:absolute;
    z-index:3;
    left:20px;
    bottom:20px;
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.35);
    border-radius:3px;
    color:#fff;
    background:rgba(6,47,77,.78);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    font-size:8px;
    line-height:1.2;
    font-weight:500;
    letter-spacing:1px;
    text-transform:uppercase;
    pointer-events:none;
}

/* ============================================================
   SECTION 02 — EFFICIENCY
   ============================================================ */

.infinium-efficiency{
    background:#fff;
}

.efficiency-card{
    position:relative;
    overflow:hidden;
    padding:34px 34px 30px;
    border:1px solid var(--infinium-border);
    border-radius:18px;
    background:#fff;
    box-shadow:0 8px 28px rgba(5,43,70,.055);
}

.efficiency-intro{
    max-width:900px;
    margin:0 auto 30px;
    color:#426278;
    font-family:"Exo",Arial,sans-serif;
    font-size:12px;
    line-height:1.75;
    font-weight:400;
    text-align:center;
}

.efficiency-flow{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    position:relative;
}

.efficiency-flow::before{
    content:"";
    position:absolute;
    top:23px;
    left:9%;
    right:9%;
    height:1px;
    background:#a8d8f5;
}

.efficiency-step{
    position:relative;
    z-index:2;
    padding:0 10px;
    text-align:center;
}

.efficiency-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:47px;
    height:47px;
    margin:0 auto 13px;
    border:1px solid var(--infinium-blue);
    border-radius:50%;
    background:var(--infinium-blue);
    color:#fff;
    font-family:"Exo",Arial,sans-serif;
    font-size:17px;
    font-weight:400;
    box-shadow:0 7px 18px rgba(8,127,240,.14);
}

.efficiency-step h3{
    margin:0 0 7px;
    color:var(--infinium-dark);
    font-family:"Exo",Arial,sans-serif;
    font-size:14px;
    line-height:1.35;
    font-weight:600;
}

.efficiency-step p{
    margin:0;
    color:#536f81;
    font-family:"Exo",Arial,sans-serif;
    font-size:12px;
    line-height:1.55;
    font-weight:400;
    text-align: center;
}

/* ============================================================
   SECTION 03 — WHY CHOOSE
   ============================================================ */

.infinium-choice{
    background:#fff;
}

.choice-card{
    position:relative;
    display:grid;
    grid-template-columns:.8fr 1.5fr;
    gap:48px;
    overflow:hidden;
    padding:44px 48px;
    border-radius:22px;
    background:var(--infinium-dark);
    box-shadow:0 15px 40px rgba(5,43,70,.10);
}

.choice-card::after{
    content:"03";
    position:absolute;
    right:-5px;
    bottom:-88px;
    color:rgba(255,255,255,.035);
    font-size:260px;
    line-height:1;
    font-weight:700;
    pointer-events:none;
}

.choice-stat{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-right:35px;
    border-right:1px solid rgba(255,255,255,.15);
}

.choice-stat-number{
    color:#1595f4;
    font-family:"Exo",Arial,sans-serif;
    font-size:68px;
    line-height:.9;
    font-weight:600;
    letter-spacing:-2px;
}

.choice-stat-title{
    margin-top:13px;
    color:#fff;
    font-family:"Exo",Arial,sans-serif;
    font-size:16px;
    line-height:1.35;
    font-weight:600;
}

.choice-stat-copy{
    margin-top:8px;
    color:#91afc0;
    font-family:"Exo",Arial,sans-serif;
    font-size:12px;
    line-height:1.6;
    font-weight:400;
}

.choice-list{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:0 30px;
}

.choice-item{
    display:flex;
    gap:13px;
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.choice-number{
    flex:0 0 27px;
    color:#1595f4;
    font-family:"Exo",Arial,sans-serif;
    font-size:10px;
    line-height:1.4;
    font-weight:600;
    letter-spacing:1px;
}

.choice-item h3{
    margin:0 0 4px;
    color:#fff;
    font-family:"Exo",Arial,sans-serif;
    font-size:14px;
    line-height:1.4;
    font-weight:600;
}

.choice-item p{
    margin:0;
    color:#9db8c8;
    font-family:"Exo",Arial,sans-serif;
    font-size:12px;
    line-height:1.5;
    font-weight:400;
}

/* ============================================================
   TABLET
   ============================================================ */

@media(max-width:900px){
    
    .cs-sec {
       padding: 50px 0 25px;
    }
    
    .infinium-blu-section{
        padding:42px 16px;
    }

    .infinium-highlight-content{
        padding:42px 34px 36px;
    }

    .infinium-main-title{
        font-size:31px;
    }

    .infinium-main-copy{
        font-size:12px;
    }

    .efficiency-flow{
        grid-template-columns:repeat(5,1fr);
    }

    .efficiency-step{
        padding:0 6px;
    }

    .choice-card{
        grid-template-columns:1fr;
        gap:25px;
        padding:38px 34px;
    }

    .choice-stat{
        padding:0 0 25px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.15);
    }
}

/* ============================================================
   MOBILE
   ============================================================ */

@media(max-width:600px){
    
    .cs-sec {
       padding: 50px 0 25px;
    }
    .infinium-blu-section{
        padding:34px 10px;
    }

    .infinium-site-heading{
        margin-bottom:21px;
    }

    .infinium-site-heading h3{
        font-size:21px;
        line-height:1.3;
        font-weight:600;
    }

    .infinium-site-heading h4{
        font-size:11px;
        line-height:1.55;
    }

    .infinium-bar{
        margin-top:9px;
    }

    .infinium-bar img{
        transform:scale(.82);
        transform-origin:center;
    }

    /* SECTION 01 */

    .infinium-highlight{
        border-radius:16px;
    }

    .infinium-highlight-content{
        padding:28px 20px 25px;
    }

    .infinium-highlight-content::after{
        font-size:170px;
        top:-35px;
    }

    .infinium-product-kicker{
        font-size:7.5px;
        letter-spacing:1.05px;
    }

    .infinium-product-kicker::before,
    .infinium-product-kicker::after{
        width:20px;
    }

    .infinium-main-title{
        margin:13px 0 15px;
        font-size:26px;
        line-height:1.12;
        font-weight:600;
    }

    .infinium-main-copy{
        font-size:13.5px;
        line-height:1.72;
        text-align: left;
        color:#fff;
    }

    .infinium-data{
        margin-top:23px;
    }

    .infinium-data-item{
        padding:13px 7px 13px 0;
    }

    .infinium-data-item:not(:last-child){
        margin-right:7px;
    }

    .infinium-data-value{
        font-size:14px;
    }

    .infinium-data-label{
        font-size:9.5px;
    }

    /* VIDEO REMAINS 16:9 LANDSCAPE */

    .infinium-video-wrapper{
        aspect-ratio:16 / 9;
        border-radius:0 0 16px 16px;
    }

    .infinium-video{
        position:absolute;
        inset:0;
        width:100%;
        height:100%;
        object-fit:cover;
    }

    .infinium-video-label{
        left:10px;
        bottom:10px;
        padding:6px 8px;
        font-size:6px;
    }

    /* SECTION 02 */

    .infinium-efficiency{
        padding-top:38px;
    }

    .efficiency-card{
        padding:25px 16px 22px;
        border-radius:16px;
    }

    .efficiency-intro{
        margin-bottom:24px;
        font-size:12px;
        line-height:1.7;
    }

    .efficiency-flow{
        display:block;
    }

    .efficiency-flow::before{
        top:0;
        bottom:0;
        left:23px;
        right:auto;
        width:1px;
        height:auto;
    }

    .efficiency-step{
        display:grid;
        grid-template-columns:47px 1fr;
        column-gap:16px;
        align-items:start;
        margin-bottom:18px;
        padding:0;
        text-align:left;
    }

    .efficiency-icon{
        grid-row:span 2;
        margin:0;
    }

    .efficiency-step h3{
        margin:4px 0 4px;
        font-size:14px;
        font-weight:600;
    }

    .efficiency-step p{
        font-size:12px;
        line-height:1.5;
        text-align:left;
    }

    /* SECTION 03 */

    .infinium-choice{
        padding-top:18px;
        padding-bottom:40px;
    }

    .choice-card{
        gap:22px;
        padding:30px 22px;
        border-radius:16px;
    }

    .choice-stat{
        padding-bottom:22px;
    }

    .choice-stat-number{
        font-size:58px;
        letter-spacing:-1.5px;
    }

    .choice-stat-title{
        font-size:15px;
    }

    .choice-stat-copy{
        font-size:12px;
    }

    .choice-list{
        display:block;
    }

    .choice-item{
        padding:13px 0;
    }

    .choice-item h3{
        font-size:14px;
    }

    .choice-item p{
        font-size:12px;
    }
}

/* ============================================================
   SMALL PHONE
   ============================================================ */

@media(max-width:380px){

    .infinium-main-title{
        font-size:24px;
    }

    .infinium-main-copy{
         font-size:13.5px;
        line-height:1.72;
        text-align: left;
        color:#fff;
    }

    .infinium-data-value{
        font-size:13.5px;
    }

    .infinium-data-label{
        font-size:9.5px;
    }

    .infinium-site-heading h3{
        font-size:19px;
    }
}

.floating-side-actions {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;

    width: 48px;

    background: #1f4b7c;
    border: 1px solid rgba(255,255,255,0.7);
    border-right: 0;

    border-radius: 14px 0 0 14px;
    overflow: hidden;

    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.side-action {
    width: 48px;
    min-height: 120px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    color: #fff;
    text-decoration: none;

    position: relative;

    transition: all 0.3s ease;
}

.side-action + .side-action {
    border-top: 1px solid rgba(255,255,255,0.25);
}

.side-action i {
    font-size: 17px;
    margin-bottom: 8px;
}

.side-action span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.3px;

    writing-mode: vertical-rl;
    transform: rotate(180deg);

    white-space: nowrap;
}

.side-action:hover {
    background: #163b63;
    color: #fff;
    width: 55px;
}

/* Mobile */
@media (max-width: 576px) {

    .floating-side-actions {
        width: 42px;
        border-radius: 10px 0 0 10px;
    }

    .side-action {
        width: 42px;
        min-height: 105px;
    }

    .side-action:hover {
        width: 47px;
    }

    .side-action i {
        font-size: 15px;
    }

    .side-action span {
        font-size: 10px;
    }
}

/* ================================
   ESG METRICS - BLUE THEME
================================ */

.esg-modal-dialog {
    max-width: 950px;
    width: 95%;
}

.esg-modal-content {
    border: 0;
    border-radius: 22px;
    overflow: hidden;
    background: #f4f8fc;
    box-shadow: 0 20px 60px rgba(31, 75, 124, 0.25);
}

/* ================================
   HEADER
================================ */

.esg-modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 25px 17px;
    background: #1f4b7c;
    border-bottom: 2px solid #ffffff;
}

.esg-small-title {
    display: block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #cfe4f8;
    margin-bottom: 4px;
}

.esg-modal-header h3 {
    margin: 0;
    font-size: 25px;
    font-weight: 700;
    color: #ffffff;
}

/* ================================
   CLOSE BUTTON
================================ */

.esg-close-btn {
    width: 36px;
    height: 36px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background: rgba(255,255,255,0.12);
    color: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;

    cursor: pointer;
    transition: all .25s ease;
}

.esg-close-btn:hover {
    background: #ffffff;
    color: #1f4b7c;
    transform: rotate(90deg);
}

/* ================================
   BODY
================================ */

.esg-modal-body {
    padding: 24px 25px 26px;
    background: #f4f8fc;
}

/* ================================
   ESG CARD - DESKTOP
================================ */

.esg-metric-card {
    width: 100%;
    min-height: 210px;

    padding: 24px 18px 20px;

    text-align: center;

    border-radius: 20px;
    background-color: #1f4b7c;
    border: 2px solid #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    box-shadow: 0 5px 15px rgba(31, 75, 124, 0.12);

    transition: all .25s ease;
}

.esg-metric-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 25px rgba(31, 75, 124, 0.22);
}

/* ================================
   IMAGE BOX
================================ */

.esg-icon-box {
    width: 58px;
    height: 58px;

    margin: 0 auto 14px;

    border-radius: 50%;
    background: #ffffff;

    display: flex;
    align-items: center;
    justify-content: center;
}

.esg-icon-box img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

/* ================================
   NUMBER
================================ */

.esg-number {
    display: flex;
    justify-content: center;
    align-items: baseline;

    gap: 5px;

    line-height: 1;
    margin-bottom: 10px;
}

.esg-number .counter-ct {
    margin: 0;

    font-size: 32px;
    line-height: 1;

    font-weight: 800;
    color: #ffffff;
}

.esg-range {
    font-size: 17px;
    font-weight: 700;
    color: #cfe4f8;
}

/* ================================
   DESCRIPTION
================================ */

.esg-metric-card p {
    margin: 0;

    max-width: 210px;

    font-size: 13px;
    line-height: 1.5;

    color: #ffffff;
}

/* ================================
   MOBILE
================================ */

@media (max-width: 767px) {

    .esg-modal-dialog {
        width: 94%;
        max-width: none;
        margin: 1rem auto;
    }

    .esg-modal-header {
        padding: 15px 17px 13px;
    }

    .esg-modal-header h3 {
        font-size: 20px;
    }

    .esg-modal-body {
        padding: 14px;
    }

    .esg-metric-card {
        min-height: 150px;
        padding: 14px 8px 12px;
        border-radius: 18px;
    }

    .esg-icon-box {
        width: 42px;
        height: 42px;
        margin-bottom: 10px;
    }

    .esg-icon-box img {
        width: 25px;
        height: 25px;
    }

    .esg-number .counter-ct {
        font-size: 23px;
    }

    .esg-range {
        font-size: 13px;
    }

    .esg-metric-card p {
        max-width: 160px;
        font-size: 11px;
        line-height: 1.45;
    }
}


/* =========================================
   DESKTOP
========================================= */

.desktop-slider {
    display: block;
}

.mobile-slider {
    display: none;
}


/* =========================================
   MOBILE SLIDER COMMON
========================================= */

.home-banner-slider {
    background: #d9e0ea;
}

.home-banner-slider .hm-slider-block {
    padding: 70px 0 40px;
}

.home-banner-slider .banner-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
    justify-content: center;
    gap: 15px;
}

.home-banner-slider .banner-content h2 {
    font-size: 42px;
    color: #1e4b6c;
    text-transform: uppercase;
    max-width: 98%;
    font-style: italic;
    font-weight: 700;
    margin: 0;
}

.home-banner-slider .banner-content p {
    font-size: 28px;
    font-style: italic;
    color: #1e4b6c;
    max-width: 70%;
    margin: 0;
    line-height: 34px;
}

.home-banner-slider .banner-img {
    text-align: center;
}

.home-banner-slider .banner-img img {
    width: 100%;
    height: auto;
    display: inline-block;
}


/* =========================================
   TABLET / MOBILE
========================================= */

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

    .desktop-slider {
        display: none;
    }

    .mobile-slider {
        display: block;
    }

    .home-banner-slider .hm-slider-block {
        padding: 50px 0 50px;
    }

    .home-banner-slider .banner-content {
        padding: 20px 30px 40px;
        align-items: center;
        text-align: center;
    }

    .home-banner-slider .banner-content h2,
    .home-banner-slider .banner-content p {
        text-align: center;
    }

    .home-banner-slider .banner-content h2 {
        max-width: 100%;
    }

    .home-banner-slider .banner-content p {
        max-width: 100%;
    }

    .home-banner-slider .banner-img img {
        width: 80%;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

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

    .home-banner-slider .banner-content h2 {
        font-size: 32px;
        line-height: 38px;
    }

    .home-banner-slider .banner-content p {
        font-size: 22px;
        line-height: 27px;
    }

    .home-banner-slider .banner-img img {
        width: 85%;
    }
}


/* =========================================
   MOBILE 480px
========================================= */

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

    .home-banner-slider .hm-slider-block {
        padding: 35px 0 40px;
    }

    .home-banner-slider .banner-content {
        padding: 0 10px 30px;
    }

    .home-banner-slider .banner-content h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .home-banner-slider .banner-content p {
        font-size: 18px;
        line-height: 23px;
    }

    .home-banner-slider .banner-img img {
        width: 90%;
    }
}


/* =========================================
   VERY SMALL MOBILE
========================================= */

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

    .home-banner-slider .banner-content h2 {
        font-size: 22px;
        line-height: 27px;
    }

    .home-banner-slider .banner-content p {
        font-size: 16px;
        line-height: 21px;
    }

    .home-banner-slider .banner-img img {
        width: 92%;
    }
}

/* =========================================
  cookie
========================================= */
.cookie-banner {

    position: fixed;

    left: 20px;
    right: 20px;
    bottom: 20px;

    background: #ffffff;

    padding: 10px 15px;

    border-radius: 12px;

    box-shadow: 0 5px 30px rgba(0,0,0,0.18);

    display: none;

    justify-content: space-between;

    align-items: center;

    gap: 25px;

    z-index: 999999;

}


.cookie-content {

    flex: 1;

}


.cookie-content h5 {

    margin: 0 0 8px;

}


.cookie-content p {

    margin: 0 0 5px;

    color: #555;
    line-height: 20px;
    font-size: 12px;

}


.cookie-content a {

    color: #000;

    text-decoration: underline;

}


.cookie-actions {

    display: flex;

    gap: 10px;

    flex-wrap: wrap;

}


.cookie-btn {

    border: 0;
    padding: 8px 10px;
    border-radius: 6px;
    font-size: 12px;

    cursor: pointer;

}


.cookie-reject {

    background: #eeeeee;

    color: #222;

}


.cookie-customize {

    background: #f5f5f5;

    color: #222;

}


.cookie-accept {

    background: #074e78;

    color: #ffffff;

}


/* Modal */

.cookie-modal {

    position: fixed;

    inset: 0;

    background: rgba(0,0,0,0.55);

    display: none;

    align-items: center;

    justify-content: center;

    z-index: 1000000;

}


.cookie-modal-box {

    width: 95%;

    max-width: 650px;

    background: #ffffff;

    border-radius: 12px;

    padding: 25px;

    max-height: 90vh;

    overflow-y: auto;

}


.cookie-modal-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #eee;

    padding-bottom: 15px;

    margin-bottom: 15px;

}


.cookie-modal-header h4 {

    margin: 0;

}


.cookie-modal-header button {

    border: 0;

    background: transparent;

    font-size: 28px;

    cursor: pointer;

}


.cookie-category {

    display: flex;

    justify-content: space-between;

    align-items: center;

    gap: 20px;

    padding: 18px 0;

    border-bottom: 1px solid #eee;

}


.cookie-category p {

    margin: 5px 0 0;

    color: #666;

    font-size: 14px;

}


.always-active {

    color: #074e78;

    font-weight: 600;

    white-space: nowrap;

}


.cookie-modal-footer {

    text-align: right;

    padding-top: 20px;

}


.cookie-modal-footer button {

    background: #074e78;

    color: #fff;

    border: 0;

    padding: 11px 20px;

    border-radius: 6px;

    cursor: pointer;

}


@media(max-width: 768px) {

    .cookie-banner {

        flex-direction: column;

        align-items: flex-start;

        left: 10px;

        right: 10px;

        bottom: 10px;

    }

    .cookie-actions {

        width: 100%;

    }

    .cookie-btn {

        flex: 1;

    }

}