@media screen and (min-width: 2050px){
    :root {
   --gap-sm: 10px;
   --gap-md: 20px;
   --gap-lg: 28px;
   --gap-xl: 36px;
   --gap-xxl: 44px;
   --gap-xxxl: 52px;
   }

   .h2 { font-size: 24px; }
   .h3 { font-size: 48px; }
   .h4 { font-size: 38px; }

   body p { font-size: 24px; }
   .p1 { font-size: 28px; }

  .container-fluid { max-width: calc(100% - 220px); }
  .container { max-width: 1750px; }

  .read--more--white span, .read--more, .btn span { font-size: 20px; }
  .hero--1 { font-size: 95px; }

  .header .logo { width: 180px; }
  .header .navbar--nav li a { font-size: 18px; }
  .sub--navbar--bar li a { font-size: 17px; }
  .header .navbar--nav li .btn--white--border span { font-size: 18px; }
  .selected-display, .wrapper-dropdown .dropdown li { font-size: 17px; }

  .home--banner, .home--banner--space { height: 87vh; }
  .home--banner .banner--slider .banner--content p { font-size: 38px; }
  .banner--thumbnail--section .banner--thumb .swiper-slide span { font-size: 22px; }
  .banner--thumbnail--section .banner--thumb .swiper-slide p { font-size: 18px; }
  .banner--thumbnail--section .banner--thumb .swiper-slide { padding: 25px 30px; }

  .home--about--sec .group--img--list li:first-child, .home--about--sec .group--img--list li:last-child { width: 500px; }
  .company--info--bx .comp--icon { width: 90px; }
  .company--info--bx .comp--text .comp--title { font-size: 32px; }
  .company--list--sec { gap: 80px 60px; }

  .investment--bx .invest--icon { width: 90px; }
  .investment--bx .invest--title { font-size: 34px; }

  .insign--bx .insight--text .insight--title { font-size: 44px; }
  .link--arrow { width: 45px; height: 45px; }
  .link--arrow .svg { width: 15px; }
  .insight--thumb .insight--date, .insight--thumb3 .insight--thumb--left .insight--date { font-size: 22px; }
  .insight--thumb, .insight--thumb3 { min-height: 330px; }

  footer .footer--div .footer--link li a, footer .footer--div .footer--link li, footer .footer--div p { font-size: 20px; }
  .footer--bottom1 p, .design--txt p a, .footer--bottom2 p { font-size: 17px; }
  .download-btn .svg { width: 17px; }
  .social--links li a { height: 40px; width: 40px; }
  .social--links li a img { height: 25px; }

  .in--banner, .inbanner--space { height: 600px; }
  .in--banner .in--banner--txt .h2 { font-size: 50px; }
  .detail--specifiction--list li .group--info span { font-size: 24px; }
  .bredcrump li, .bredcrump li a { font-size: 18px; }

  .why--info .why--title--grp span { font-size: 75px; }
  .why--info .why--list li .why--bx .why--title { font-size: 34px; }
  .mission--section ul li .mission--bx .h2 { font-size: 44px; }
  .value--list li .value--bx .value--icon { height: 70px; }
  .value--list li .value--bx .h4 { font-size: 34px; }
  .team--list { gap: 40px 35px; }
  .team--list li .team--info .h4 { font-size: 30px; }
  .insight--page--section .insight--list { gap: 40px; }
  .insight--page--section .insign--bx { min-height: 450px; }
  .pagination li a, .insight--footer .page--no, .insight--footer .page--no span { font-size: 20px; }
  .insight--detail ul li, .insight--detail ol li, .insight--detail p, .insight--detail p span, .insight--detail a { font-size: 24px; }

  .compliance--list li .h4 { width: 500px; }
  .contact--section .contact--info .contact--addre li, .contact--section .contact--info .contact--addre li a, .contact--section .contact--info .contact--addre li span { font-size: 24px; }
  .form-control { font-size: 22px; }
  .form-control::placeholder { font-size: 22px; }

  .sustanability--growth { padding: 150px 0px 450px 0px; }
  .list li { font-size: 24px; }

  .investment--criteria .bg--image { position: relative; padding: 120px 0px 120px 0px; }

}


@media screen and (max-height: 1075px){
   .home--banner, .home--banner--space { height: 60vh; }
}

@media screen and (max-height: 1366px){
   .home--banner, .home--banner--space { height: 78vh; }
}


@media screen and (max-height: 994px){
   .home--banner, .home--banner--space { height: 100vh; }
}

@media screen and (max-height: 650px){
   .home--banner,.home--banner--space { height: 100vh; }
}


@media screen and (max-width: 1680px){
  :root {
  --gap-sm: 8px;
  --gap-md: 14px;
  --gap-lg: 22px;
  --gap-xl: 28px;
  --gap-xxl: 36px;
  --gap-xxxl: 44px;
  }
  .container-fluid { max-width: calc(100% - 80px); }
  .hero--1 { font-size: 70px; }
  .h3 { font-size: 40px; } 
  .h2 { font-size: 18px; } 
  .p1 { font-size: 24px; }
  body p { font-size: 18px; }
  .list li { font-size: 18px; }

  .home--banner .banner--slider .banner--content p { font-size: 30px; }
  .home--banner .banner--logo-icon { width: 600px; right: -160px; bottom: -160px; }
  .banner--thumbnail--section .banner--thumb .swiper-slide { padding: 20px 20px; }

  .company--info--bx .comp--text .comp--title { font-size: 26px; }

  footer .footer--top .get--in--touch--title { font-size: 80px; }
  footer .footer--top .arrow { width: 60px; }
  footer .footer--logo { width: 120px; }

  .detail--specifiction--list li .group--info span { font-size: 18px; }
  .why--info .why--title--grp span { font-size: 60px; }

  .insign--bx .insight--text .insight--title { font-size: 36px; }
  .contact--section .contact--info .contact--addre li, .contact--section .contact--info .contact--addre li a, .contact--section .contact--info .contact--addre li span { font-size: 18px; }
  .home--about--sec .h3, .company--group .h3, .market--sec .h3, .esg--sec .h3 { margin-bottom: var(--gap-xl); }

}


@media screen and (max-width: 1599px){
    :root {
  --gap-sm: 6px;
  --gap-md: 12px;
  --gap-lg: 20px;
  --gap-xl: 22px;
  --gap-xxl: 33px;
  --gap-xxxl: 40px;
   }
   .h3 { font-size: 36px; }
   .h4 { font-size: 30px; }
   body p { line-height: 1.2; }
   .p1 { font-size: 22px; }

   .read--more span { font-size: 16px; }
   .read--more .svg { width: 8px; }

   .header .logo { width: 140px; }

   .hero--1 { font-size: 62px; }
   .home--banner .banner--slider .banner--content p { font-size: 24px; }
   .home--banner .banner--slider .banner--content { top: 50%; }
   .banner--thumbnail--section .banner--thumb .swiper-slide { padding: 20px 20px 20px 40px; }
   .home--banner .banner--logo-icon { width: 520px; right: -152px; bottom: -120px; }

   .home--about--sec .about--bg { width: 720px; }
   .home--about--sec .group--img--list { margin-top: calc(var(--gap-xxl) * 1.2); }

   .investment--bx .invest--icon { width: 60px; }
   .insign--bx .insight--text .insight--title { font-size: 36px; }
   .insign--bx .insight--text .insight--date { font-size: 22px; }
   .company--info--bx .comp--text .comp--title { font-size: 22px; }

   footer .footer--top .get--in--touch--title { font-size: 60px; }
   footer .footer--top .arrow { width: 50px; }
   footer .footer--logo { width: 130px; }
   footer .footer--div .footer--title { font-size: 16px; }
   footer .footer--div .footer--link li a, footer .footer--div .footer--link li, footer .footer--div p { font-size: 16px; }
   .btn.download-btn span { font-size: 14px; }
   .footer--bottom1 p, .design--txt p a, .footer--bottom2 p { font-size: 14px; }
   footer .footer--decr--txt { width: 90%; }

   .why--info .why--title--grp span { font-size: 55px; line-height: 1.3; }
   .mission--section ul li .mission--bx { padding: 70px; }
   .value--list li .value--bx .h4 { font-size: 25px; }
   .team--list li .team--info .h4 { font-size: 22px; }

   .insight--page--section .insign--bx .insight--text .insight--date { font-size: 20px; }
   .insight--page--section .insign--bx .insight--text .insight--title { font-size: 32px; }
   .insight--page--section .insign--bx { min-height: 360px; }
   .insight--page--section .insight--list { gap: 25px; }

   .sustanability--growth { padding: 100px 0px 200px 0px; }
   .shaping--future--sec { padding: 100px 0px; }
   .value--creation--sect .feature--list--title { font-size: 22px; }
   .sector--of--investment .sector--bx .overlay--txt .h2 { font-size: 35px; }
   .insight--detail h1, .insight--detail h2, .insight--detail h3, .insight--detail h4, .insight--detail h5, .insight--detail h6 {  font-size: 32px; }

   .card--section .logo--icon, .card--section .logo--icon2 { bottom: -60px; width: 430px; }
   .card--section2 .img--bx { margin-top: 70px; }
   .card--section2 .h3 { margin-bottom: var(--gap-xxl); }

   .banner--thumbnail--section .prev, .banner--thumbnail--section .next { opacity: 1; pointer-events: all; }
   .insight--detail h1, .insight--detail h2, .insight--detail h3, .insight--detail h4, .insight--detail h5, .insight--detail h6 {  font-size: 34px; }

}


@media screen and (max-width: 1399.99px){
    .container, .container-fluid { max-width: 95%; }
    .h3 { font-size: 30px; }
    .h4 { font-size: 28px; }
    .btn span { font-size: 16px; }

    .header .navbar--nav li a, .header .navbar--nav li .btn--white--border span { font-size: 14px; }
    .company--info--bx .comp--icon { width: 60px; }

    .banner--thumbnail--section .banner--thumb:after { display: none; }
    
    .footer--div .footer--link li br { display: none; }
    footer .footer--top .arrow { width: 35px; }
    footer .footer--top .get--in--touch--title { font-size: 50px; }

    .in--banner, .inbanner--space { height: 370px; }
    .bredcrump li, .bredcrump li a { font-size: 14px; }
    .in--banner .in--banner--txt .h2 { font-size: 38px; }

    .company--group .row:not( .company--group .row .row) { --bs-gutter-x: 50px; }
    .investment--list { margin-top: 15px; }

    .p1 { font-size: 20px; }
    .why--info .why--title--grp span { font-size: 50px; }
    .why--info .why--list li .why--bx .why--title { font-size: 24px; }
    .why--info .why--list li .why--bx { padding-bottom: var(--gap-xxl); }
    .why--info .why--list li { margin-bottom: var(--gap-xxl); }

    .mission--section ul li .mission--bx .h2 { font-size: 35px; }
    .pagination li a { margin: 0px 5px; }
    .compliance--list li .h4 { width: 360px; }
    
    .contact--section .contact--info .h4 { font-size: 24px; }
    .contact--section .row { --bs-gutter-x: 40px; }
    .carrer--section .row { --bs-gutter-x: 40px; }
    .career--feature--list li .carrer--bx .carrer--icon { width: 60px; }

    .sector--of--investment .sector--bx .overlay--txt .h2 { font-size: 32px; }
    .insight--detail h1, .insight--detail h2, .insight--detail h3, .insight--detail h4, .insight--detail h5, .insight--detail h6 {  font-size: 28px; }
   .insight--page--section .insign--bx .insight--text .insight--title { font-size: 28px; }

   .insight--page--section .insign--bx .insight--text .insight--date { font-size: 18px; }
   .insign--bx .insight--text { padding-right: 30px; }
   .insign--bx .link--arrow { right: 0px; }

   .card--section .img--bx { aspect-ratio: auto; }
   .error-header { height: 77px; }
   .not-found .subtitle { font-size: 160px; }

}


@media screen and (max-width: 1280px){
     :root {
  --gap-lg: 16px;
  --gap-xl: 20px;
  --gap-xxl: 28px;
  --gap-xxxl: 32px;
   }

   .container, .container-fluid { max-width: 98%; }
   .py--lg { padding: calc(var(--gap-xxxl) * 1.8) 0; }
   .pb--lg { padding-bottom: calc(var(--gap-xxxl) * 1.8); }
   .pt--lg { padding-top: calc(var(--gap-xxxl) * 1.8); }

   .h3 { font-size: 30px; }
   .h4 { font-size: 24px; }

   .read--more { font-size: 15px; }
   .btn span, .read--more--white span { font-size: 16px; }

   body p { font-size: 16px; }
   .list li { font-size: 16px; }

   .header .navbar--nav li a, .header .navbar--nav li .btn--white--border span { font-size: 13px; }
   .header .navbar--nav li a:not(.dropdown--menu li a) { padding: 28px 0px; }
   .header .navbar--nav li .btn--white--border { padding: var(--gap-sm) var(--gap-md)!important; }
   .header.show .navbar--nav li a:not(.dropdown--menu li a) { padding: 18px 0px; }
   .header .logo { width: 120px; }

   .team--list { grid-template-columns: repeat(4, 1fr); }
   .sub--navbar--bar li a { font-size: 13px; }
   .selected-display { font-size: 13px; }
   .hero--1 { font-size: 50px; }

   .home--about--sec .group--img--list li:first-child, .home--about--sec .group--img--list li:last-child { width: 290px; }
   .home--about--sec .about--bg { width: 440px; }

   .company--info--bx .comp--icon { width: 50px; margin-right: 20px; }
   .company--list--sec { gap: 50px 30px; }
   .company--info--bx .comp--text .comp--title { font-size: 20px; }

   .investment--bx .invest--icon { width: 45px; }
   .investment--bx .invest--title { font-size: 24px; }
   .investment--list { gap: 25px; }

   .insight--thumb { min-height: 220px; padding: 15px; border-width: 6px; }
   .insight--thumb3 { max-height: 220px; }
   .insign--bx { min-height: 350px; }
   .link--arrow { width: 30px; height: 30px; }
   .link--arrow .svg { width: 9px; }
   .insign--bx .insight--text .insight--date { font-size: 18px; }
   .insight--thumb .insight--date, .insight--thumb3 .insight--date { font-size: 16px; }
   .insign--bx .insight--text .insight--title { font-size: 32px; }
   .row.insight--row2 { --bs-gutter-x: 18px; }
   .insign--bx .link--arrow { width: 28px; height: 28px; }

   .insight--detail ul li, .insight--detail ol li, .insight--detail p, .insight--detail p span, .insight--detail a { font-size: 16px; }

   footer .footer--decr--txt { width: 95%; }
   footer .footer--top { padding: var(--gap-xl) 0px; }
   footer .footer--div .footer--title { font-size: 14px; }
   footer .footer--top .get--in--touch--title { font-size: 42px; }
   footer .footer--top .arrow { width: 30px; }
   footer .footer--logo { width: 110px; }
   footer .footer--div .footer--link li a, footer .footer--div .footer--link li, footer .footer--div p { font-size: 14px; }
   .btn.download-btn span { font-size: 13px; }

   .mission--section ul li .mission--bx { padding: 50px; }
   .mission--section ul li .mission--bx .h2 { font-size: 28px; }

   .insight--page--section .insign--bx { min-height: 310px; }
   .insight--page--section .insign--bx .insight--text .insight--title { font-size: 28px; }

   .contact--section .row { --bs-gutter-x: 30px; }
   .contact--section .contact--info .contact--addre li, .contact--section .contact--info .contact--addre li a, .contact--section .contact--info .contact--addre li span { font-size: 16px; }
   .contact--section .contact--info .h4 { font-size: 22px; }

   .compliance--list li .h4 { width: 290px; }

   .commitments--section .card--row1 .comitment--info { padding: 50px; }
   .env--efforts--section .h4 { margin-bottom: var(--gap-sm); }
   .env--efforts--section .project--rows { margin-top: 0px; }

   .card--section .row { --bs-gutter-x: 40px; }
   .card--section2 .img--bx { margin-top: 50px; }

}


@media screen and (max-width: 1024px){
   .h3 { font-size: 28px; }
   .p1 { font-size: 18px; }
   body p { margin-bottom: 25px; }
   .read--more span { font-size: 14px; }

   .banner--thumbnail--section .banner--thumb .swiper-slide { padding: 17px 15px 10px 30px; }
   .banner--thumbnail--section .prev { left: 0px; }
   .banner--thumbnail--section .next { right: 0px; }

   .download-btn .svg { width: 10px; margin-left: 6px; }
   .social--links li a img { height: 17px; }
   .shaping--future--sec { padding: 70px 0px; }
   .commitments--section .card--row1 .comitment--info { padding: 50px; }
   .sustanability--growth { padding: 60px 0px 110px 0px; }

   .team--list li .team--info .h4 { font-size: 20px; }
   .team--list { gap: 30px 20px }

   footer .footer--top .arrow { width: 25px; }

   .card--section .img--bx { aspect-ratio: auto; min-height: 430px; }
   .card--section2 .img--bx { margin-top: 50px; }
   .card--section .row { --bs-gutter-x: 30px; }
   .card--section .logo--icon, .card--section .logo--icon2 { width: 360px; }
   .card--section .logo--icon2 svg { margin-left: -70px; }

   .insight--page--section .insign--bx .insight--text .insight--title { font-size: 25px; }
   .form-control { font-size: 16px; }
   .form-control, ::placeholder { font-size: 16px; }
   .form-control::-webkit-input-placeholder { font-size: 16px; }
   .form-control::-moz-placeholder { font-size: 16px; }
   .form-control:-ms-input-placeholder { font-size: 16px; }
   .form-control::-ms-input-placeholder { font-size: 16px; }
   .form-control::placeholder { font-size: 16px; }

   select.form-control { font-size: 16px; }

   .bredcrump li, .bredcrump li a { font-size: 13px; }
   .in--banner .in--banner--txt .h2 { font-size: 30px; }

}


@media screen and (max-width: 991.98px){
   .h3 { margin-bottom: calc(var(--gap-xl) * 1.1); font-size: 26px; }
   .h2 { font-size: 16px; }
   .h4 { font-size: 22px; margin-bottom: var(--gap-xl); }

   .p1 { font-size: 18px; }
   body p { margin-bottom: 20px; }

   .btn span { font-size: 15px; }
   .read--more--white .svg { width: 5px; }
   .read--more, .read--more--white span { font-size: 14px; }

   .py--lg { padding: calc(var(--gap-xxxl) * 1.4) 0; }
   .pb--lg { padding-bottom: calc(var(--gap-xxxl) * 1.4); }
   .pt--lg { padding-top: calc(var(--gap-xxxl) * 1.4); }

   .image--animation img { clip-path: inset(0% 0% 0% 0%); transform: scale(1); }

   .header .hamburger--div { display: flex; align-items: flex-end; }
   .header.show .hamburger--div span { background: var(--black); }

   body.no-scroll .overlay--div { opacity: 1; }

   .wrapper-dropdown { margin-left: 15px; }
   .navbar--cont { position: fixed; width: 350px; top: 0px; padding-top: 50px; z-index: 111; right: -350px; height: 100vh; background: #ededed; transition: var(--all-medium); }
   .navbar--cont.active { right: 0px; }
   .navbar--cont .close--icon { display: flex; }
   .header .lang--sec { margin-bottom: 0px; }
   .header.show .lang--sec { clip-path: inset(0 0 0 0); max-height: 100%; pointer-events: all; margin-bottom: 0px; }
   .header { padding: 15px 0px; }
   .header .logo { width: 120px; }

   .sub--navbar--bar li a { color: rgba(0,0,0,1); }
   .header .navbar--nav li a { margin-left: 0px;  padding: 10px 20px; }
   .header.show .navbar--nav li .dropdown--menu li a, .dropdown--bx .dropdown--menu li:first-child a { padding: 10px 20px; }
   .header .navbar--nav li a, .header .navbar--nav li .btn--white--border span { font-size: 16px; justify-content: space-between; color: var(--black); }
   .header .navbar--nav li a { border-bottom: 1px solid #e6dede; }
   .header .navbar--nav { display: block; }
   .header .navbar--nav li .btn--white--border { border-color: transparent; padding: 15px 15px; margin: 10px 0px 0px; background: var(--green); color: var(--white); }
   .header .navbar--nav li .btn svg path { fill: #fff; }
   .dropdown--bx .dropdown--item svg path { fill: var(--black); }
   .header .navbar--nav li .btn .svg { opacity: 1; width: 8px; }
   .header .navbar--nav li a:hover:before, .header .navbar--nav li.active a:before { display: none; }
   .header .navbar--nav li a:not(.dropdown--menu li a) { padding: 20px 20px; }
   .header.show .navbar--nav li a:not(.dropdown--menu li a) { padding: 20px 20px; }
   .dropdown--bx .dropdown--menu { width: 100%; opacity: 1; pointer-events: all; left: 0px; border: none; padding: 5px 0px; position: relative; transition: none; transform: none; }
   .dropdown--bx .dropdown--menu li a { font-size: 13px; }
   .dropdown--bx .dropdown--menu:before { display: none; }
   .dropdown--bx:hover .dropdown--menu { transform: none; }
   .header .navbar--nav li a:before { display: none; }
   .header .navbar--nav li .btn--white--border, .header.show .navbar--nav li a.btn--white--border { padding: 20px 20px!important; margin-top: 0px; }
   .header .navbar--nav li .btn--white--border span, .header.show .navbar--nav li a.btn--white--border  { color: var(--white); }
   .header.show .navbar--nav li a.btn--white--border { border-color: transparent; }
   .header .navbar--nav li .btn .svg { width: 6px; }

   .header .container-fluid { border-bottom: none; }
   .header { border-bottom: 1px solid #7e7d7d; }

   .banner--thumbnail--section .banner--thumb { margin-left: 10px; margin-right: 10px; }

   .home--banner { position: relative; height: 65vh; }
   .home--banner--space { display: none; }
   .home--banner .banner--slider .swiper-slide .bg { height: 100%; }
   .home--banner .banner--logo-icon { width: 310px; right: -82px; bottom: -70px; }
   .home--banner .banner--slider .banner--content p { font-size: 20px; }

   .home--about--sec .group--img--list li:first-child, .home--about--sec .group--img--list li:last-child { width: 220px; }
   .home--about--sec .group--img--list { gap: 15px; }
   .home--about--sec .group--img--list li .img--group { row-gap: 15px; }

   .company--list--sec { grid-template-columns: repeat(2, 1fr); }
   .company--group .row:not( .company--group .row .row) { --bs-gutter-x: 15px; }

   .investment--list { display: flex; flex-wrap: nowrap; overflow-x: auto; width: 100%; gap: 20px; }
   .investment--list li { width: 300px; flex: 0 0 auto; }
   .insign--bx { margin-bottom: 25px; height: auto; }

   .company--info--bx .comp--text .comp--title { font-size: 19px; }
   .company--group .h3 { margin-bottom: calc(var(--gap-xl) * 1.6); }

   .home--about--sec .group--img--list { margin-top: calc(var(--gap-xxl) * 1); }
   .home--about--sec.about--sec .group--img--list { margin-bottom: calc(var(--gap-xxl) * 1); margin-top: 10px; }
   .why--info .why--title--grp span { font-size: 40px; }
   .value--list li:first-child, .value--list li:nth-child(2)  { border-bottom: 1px solid #D3D2D0; }
   .value--list li .value--bx { padding: var(--gap-xl) var(--gap-xl); }
   .value--list li:nth-child(even) { border-right: 0px; }
   .value--list li .value--bx .h4 { font-size: 22px; }

   .team--list li .team--info .h4 { font-size: 18px; }
   .team--list { grid-template-columns: repeat(3, 1fr); }
   .ceo--section .row { --bs-gutter-x: 30px; }
   .team--list { gap: 35px 20px; }

   .in--banner { position: relative; height: 270px; }
   .inbanner--space { display: none; }
   .in--banner .in--banner--txt { top: calc(50% + 10px); }
   .in--banner .in--banner--txt .h2 { font-size: 26px; }

   .sector--of--investment .sector--bx .overlay--txt .h2 { font-size: 25px; text-align: center; }
   .shaping--future--sec .row { --bs-gutter-x: 30px; }
   .value--creation--sect .bg--image { overflow: hidden; }
   .value--creation--sect .bg--image:before { content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: linear-gradient(135deg, rgb(5 77 76) 0%, rgba(0, 0, 0, 0) 100%); }
   .commitments--section .card--row1 .comitment--info { padding: 30px; }

   .career--feature--list li .carrer--bx .carrer--icon { width: 50px; }

   .insight--page--section .insign--bx { padding: 14px; }
   .insight--page--section .insight--list { gap: 15px; }
   .insight--page--section .insign--bx .insight--text .insight--title { font-size: 24px; }
   .insight--page--section .insign--bx { min-height: 220px; }
   .insign--bx .link--arrow { bottom: 5px; right: 0px; }
   .insign--bx .link--arrow .svg { width: 15px; }
   .insight--page--section .insign--bx .insight--text .insight--date { font-size: 16px; }
   .insight--footer { margin-top: calc(var(--gap-xxl) * 1.2); }
   .insign--bx .insight--text .insight--date { font-size: 16px; }
   .insight--page--section .insign--bx .insight--text .insight--date { font-size: 14px; }

   .contact--section .row { --bs-gutter-x: 20px; }
   .contact--section .contact--info .h4 { font-size: 20px; }
   .contact--info p { margin-bottom: 15px; }

   .compliance--list li .h4 { width: 260px; }
   .community--section .h4 { margin-bottom: var(--gap-md); }
   .env--efforts--section .row.project--rows { --bs-gutter-x: 15px; }

   footer .footer--top .get--in--touch--title { font-size: 36px; }

   .investment--criteria .bg--image { padding: 60px 0px 60px 0px; }
   .investment--criteria .row { --bs-gutter-x: 30px; }

   .card--section .img--bx { margin-top: 0px; height: 570px; margin-bottom: 20px; }
   .card--section.card--section2 .img--bx { margin-top: 10px; }

   .company--group .h3 { margin-bottom: calc(var(--gap-xl) * 1.1); }
   .carrer--section .img--bx { min-height: auto; height: 500px; margin-top: 0; margin-bottom: 20px; }
   textarea.form-control { height: 100px; }
   .file--container .headerfileupload { font-size: 16px; }

   .contact--section .row:not(.contact--form--div .row ) { row-gap: calc(var(--gap-xxl) * 1.5); }

   .error-header { height: 50px; }
   .not-found .title { font-size: 29px; font-weight: 500; margin-bottom: 10px; }
   .not-found { min-height: 70vh; }



}


@media screen and (max-width: 767.98px){
   .py--lg { padding: calc(var(--gap-xxxl) * 1.3) 0; }
   .pb--lg { padding-bottom: calc(var(--gap-xxxl) * 1.3); }
   .pt--lg { padding-top: calc(var(--gap-xxxl) * 1.3); }
   body p { margin-bottom: 20px; }

   .container, .container-fluid { max-width: 100%; padding: 0px 15px; }
   
   .h2 { font-size: 14px; }
   .h3 { margin-bottom: calc(var(--gap-xl) * 1); font-size: 25px; }

   .header.show { padding: 10px 0px; }
   .header .logo { width: 100px; }

   .banner--thumbnail--section { bottom: 20px; }
   .hero--1 { font-size: 45px; }
   .home--banner .banner--slider .banner--content p { font-size: 22px; }
   .banner--thumbnail--section .banner--thumb .swiper-slide span { font-size: 18px; }
   .banner--thumbnail--section .banner--thumb .swiper-slide:after { top: 50%; transform: translateY(-50%); }

   .home--about--sec .group--img--list li:first-child { justify-content: center; }
   .home--about--sec .group--img--list li:last-child { display: none; }
   .home--about--sec .group--img--list li:first-child, .home--about--sec .group--img--list li:last-child { width: 50%; }

   .company--list--sec { display: flex; overflow-x: auto; flex-wrap: nowrap; align-items: stretch; }
   .company--list--sec li { width: 400px; flex: 0 0 auto; }
   .company--list--sec li .company--info--bx { display: flex; padding: 20px; background: #f6f6f6; border-radius: 10px; height: 100%; }
   .company--list--sec2 { margin-bottom: 0px; }
   .company--group .h3 { margin-bottom: calc(var(--gap-xl) * 1); }

   footer .footer--top { padding: var(--gap-xl) 0px; }
   footer .footer--div { margin-bottom: 30px; }
   .footer--bottom1 { margin-top: 0px; }
   footer .footer--top .get--in--touch--title { font-size: 32px; }
   footer .footer--top .arrow { width: 20px; }
   footer .footer--logo { width: 110px; }
   footer .footer--decr--txt { width: 100%; }
   .footer--bottom1 p, .design--txt p a, .footer--bottom2 p { font-size: 12px; }
   
   .insign--bx .insight--text .insight--title { font-size: 28px; }
   .insign--bx:hover .insignt--img { transform: translateX(0px); }
   .insign--bx .insignt--img { width: 100%; }
   .insign--bx .link--arrow { bottom: 0px; right: 0px; }
   .insign--bx .insight--text .insight--date { font-size: 14px; }
   .insight--thumb .insight--date, .insight--thumb3 .insight--date { font-size: 14px; }

   .insight--detail h1, .insight--detail h2, .insight--detail h3, .insight--detail h4, .insight--detail h5, .insight--detail h6 { font-size: 24px; line-height: 1.2; margin-top: 25px; margin-bottom: 15px; }
   .insight--detail strong { line-height: 1.2; }

   .about--sec p:last-child { margin-bottom: 0px; }
   .why--info .why--title--grp span { font-size: 34px; }
   .why--info .why--list li:nth-last-child(2) .why--bx { border-bottom: 1px solid #525050; padding-bottom: var(--gap-xxl); }
   .why--info .why--list li:last-child { padding-bottom: 0px; border-bottom: none; }
   .why--info .why--list li:nth-last-child(2) { margin-bottom: var(--gap-xxl); }

   .ceo--img { margin-bottom: var(--gap-xxl); }
   .team--list { gap: 30px 15px; }
   .team--list { grid-template-columns: repeat(2, 1fr); }

   .wrapper-dropdown .svg { width: 4px; margin-left: 8px; }
   .wrapper-dropdown .dropdown li { font-size: 12px; }

   .investment--focus--sec .bg--image { position: relative; }
   .invest--info--grp > * { color: var(--black); }
   .invest--info--grp .list li { color: var(--black); }

   .sector--of--investment, .goals--section { padding-top: calc(var(--gap-xxl) * 1); }
   .invest--info--grp .h4 { margin-bottom: var(--gap-xl); }
   .shaping--future--sec .bg--image:before { display: none; }
   .shaping--future--sec { padding: 0px 0px 20px 0px; }
   .value--creation--sect .bg--image:before { display: none; }
   .commitments--section .card--row1 .comitment--info { padding: 25px 20px 45px; }

   .carrer--section .row { --bs-gutter-x: 30px; }
   .carrer--info p:last-child { margin-bottom: 0px; }
   .career--feature--list li { padding: var(--gap-xxl) 15px; }
   .insight--page--section .insight--list { display: grid; grid-template-columns: repeat(2, 1fr); }
   .pagination li a { font-size: 13px; }
   .pagination li { display: flex; align-items: center; height: 25px; }
   .pagination .no a { width: 25px; height: 25px; }
   .insight--footer .page--no, .insight--footer .page--no span { font-size: 14px; }
   .contact--section .map--div { margin-bottom: calc(var(--gap-md) * 1.5); }
   textarea.form-control { height: 100px; }
   .file--container .headerfileupload img { width: 10px; }

   .compliance--list li { display: block; }
   .compliance--list li .h4 { width: auto; margin-bottom: var(--gap-sm); }
   
   .sustanability--growth .bg--image { position: static; }
   .sustanability--growth .bg--image:before { display: none; }
   .sustanability--growth .bg--image:after { display: none; }
   .sustanability--growth .info { margin-top: calc(var(--gap-md) * 1.5); }
   .sustanability--growth .info .h2 { margin-bottom: var(--gap-md); font-size: 22px; }
   .sustanability--growth .info .h2, .sustanability--growth .info p  { color: var(--black); }
   .sustanability--growth .info > p { border-top: 0px; padding-top: 0px; }
   .sustanability--growth .info > p:last-child { margin-bottom: 0px; }
   .sustanability--growth { padding: 50px 0px 50px 0px; }

   .env--efforts--section .row.project--rows { row-gap: 25px; }
   .card--section .img--bx { height: auto; min-height: 300px; margin-bottom: 10px; }
   .card--section .logo--icon2 { width: 230px; bottom: -80px; }
   .file--container .headerfileupload { font-size: 14px; }
   .contact--form .btn { margin-top: var(--gap-md); }

   .error-header { height: 47px; }
   .not-found .subtitle { font-size: 110px; }

}

@media screen and (max-width: 575.98px){
   .h3 { margin-bottom: calc(var(--gap-lg) * 1);  }
   .h4 { margin-bottom: var(--gap-xl); font-size: 22px; }

   .read--more span { font-size: 13px; }

   .home--banner, .home--banner--space { height: 98vh; }

   .home--banner .banner--logo-icon { width: 240px; right: -62px; bottom: -70px; }
   .home--banner .banner--slider .banner--content { top: unset; bottom: 100px; }

   footer p { line-height: 1.5; }
   .footer--bottom1 .design--txt { text-align: left; }
   .footer--bottom1 { padding: var(--gap-sm) 0px; }
   .home--about--sec .about--bg { width: 80%; }
   .wrapper-dropdown { margin-left: 10px; }
   .hamburger--div { margin-left: 10px; }
   .hamburger--div span { width: 25px; }
   .hamburger--div span:nth-child(2) { width: 20px; }
   .banner--thumbnail--section .banner--thumb .swiper-slide:after { display: none; }
   .banner--thumbnail--section .banner--thumb .swiper-slide { padding: 17px 20px 10px 0px; }
   .banner--thumbnail--section .prev, .banner--thumbnail--section .next { width: 22px; }
   .banner--thumbnail--section .banner--thumb .swiper-slide:before { height: 4px; top: -2px; }
   .hero--1 { font-size: 38px; }
   .home--banner .banner--slider .banner--content p { font-size: 20px; }

   .p1 { font-size: 16px; }
   .btn span { font-size: 14px; }

   .company--list--sec li { width: 350px; }
   .company--list--sec { gap: 10px 20px; }

   .insight--thumb { min-height: 190px; }
   .insight--thumb, .insight--thumb3 .insight--thumb--left { padding: 10px; }
   .investment--list { margin-top: 5px; }
   .investment--bx .invest--title { font-size: 22px; }
   .investment--bx { padding: var(--gap-xl) var(--gap-xl); }
   .investment--bx .invest--icon { width: 40px; }

   .team--list { grid-template-columns: repeat(2, 1fr); }
   .ceo--info p { margin-bottom: 20px; }
   .bredcrump li, .bredcrump li a { font-size: 12px; }

   .sector--of--investment .sector--bx .overlay--txt .h2 { font-size: 22px; }
   .shaping--future--sec.investment--focus--sec .bg--image { height: 200px; }
   .invest--info--grp .h4 { margin-bottom: var(--gap-lg); }
   .value--creation--sect .feature--list--title { font-size: 20px; }

   .career--feature--list li .carrer--bx .carrer--icon { margin: auto auto 12px 0px; }
   .career--feature--list li .carrer--bx .h4 { margin-bottom: 10px; }
   .insight--page--section .insight--list { grid-template-columns: repeat(1, 1fr); }
   .insight--page--section .insign--bx { min-height: 170px; }

   .insight--footer { display: block; }
   .insight--footer .page--no { margin-bottom: 10px; text-align: center; }
   .pagination { justify-content: center; }
   .insight--page--section .insign--bx .insight--text .insight--title { font-size: 22px; }
   .insight--detail h1, .insight--detail h2, .insight--detail h3, .insight--detail h4, .insight--detail h5, .insight--detail h6 { font-size: 22px; }
   .insight--detail ul li, .insight--detail ol li, .insight--detail p, .insight--detail p span, .insight--detail a { font-size: 15px; }


   .contact--section .contact--info .h4 { font-size: 18px; }
   .contact--section .contact--info .contact--addre li a img { width: 18px; margin-right: 10px; }
   .form-control, ::placeholder { font-size: 14px; }
   .form-control::-webkit-input-placeholder { font-size: 14px; }
   .form-control::-moz-placeholder { font-size: 14px; }
   .form-control:-ms-input-placeholder { font-size: 14px; }
   .form-control::-ms-input-placeholder { font-size: 14px; }
   .form-control::placeholder { font-size: 14px; }
   select.form-control { font-size: 14px; }

   .contact--section .row { --bs-gutter-x: 15px; }
   .compliance--list li { margin-bottom: var(--gap-xl); }
   .compliance--list li .h4 { font-size: 18px; }

   .community--img--list { flex-wrap: wrap; }
   .community--img--list li { flex: 0 0 49.8%; }
   .community--img--list li:last-child { flex: 0 0 100%; }
   .env--efforts--section .project--rows li .project--bx p { font-size: 17px; }

   .carrer--section .img--bx { height: auto; }
   .investment--criteria .bg--image { padding: 40px 0px 40px 0px; }
   .card--section .logo--icon svg { margin-left: 102px; }

   .home--about--sec .group--img--list li .img--bx { max-height: 200px; }
   .not-found .title { font-size: 23px; }
   .not-found p { font-size: 16px; font-weight: 400; margin-bottom: 10px; }
   .not-found { min-height: 65vh; }

   .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { font-size: 14px; }


}


@media screen and (max-width: 480px){
   .pb--lg { padding-bottom: calc(var(--gap-xxxl) * 1.2); }
   .pt--lg { padding-top: calc(var(--gap-xxxl) * 1.2); }

   body p { font-size: 15px; }

   .list li { font-size: 15px; }
   .link--arrow { width: 25px; height: 25px; }
   .row.insight--row2 { --bs-gutter-x: 14px; --bs-gutter-y: 18px; }
   .insight--thumb, .insight--thumb:before, .insight--thumb:after { border-width: 4px; }
   .insight--thumb:before { left: -4px; top: -4px; }
   .insight--thumb:after { right: -4px; bottom: -4px; }
   .insight--thumb:hover:before, .insight--thumb:hover:after { width: calc(100% + 8px); height: calc(100% + 8px); }
   .insight--thumb { min-height: 160px; }
   .insight--thumb3 { max-height: 160px; }

   .navbar--cont { width: 300px; right: -300px; }
   .header .navbar--nav li a, .header .navbar--nav li .btn--white--border span { font-size: 14px; }
   .dropdown--bx .dropdown--menu li a { font-size: 12px; }

   footer .footer--top .get--in--touch--title { font-size: 28px; }
   footer .footer--top .arrow { width: 17px; }
   footer .footer--div .footer--title { font-size: 13px; }
   footer .footer--div .footer--link li a, footer .footer--div .footer--link li, footer .footer--div p { font-size: 13px; }
   footer .footer--div { margin-bottom: 20px; }

   .insign--bx .insight--text .insight--date { font-size: 14px; }
   .insight--thumb .insight--date, .insight--thumb3 .insight--date { font-size: 12px; }
   .insign--bx .insight--text .insight--title { font-size: 24px; margin-bottom: 0px; }
   .insign--bx { min-height: 280px; padding: 15px; }
   
   .home--about--sec.about--sec .group--img--list { margin-top: 0px; }
   .team--list li .team--info .h4 { font-size: 16px; }

   .why--info .why--title--grp span { font-size: 30px; }
   .why--info .why--list li .why--bx .why--title { font-size: 20px; }
   .company--info--bx .comp--text .comp--title { font-size: 18px; }
   .commitments--section .card--row1 .comitment--info { padding: 25px 15px 45px; }
   .breadcrump--div { bottom: 20px; }

   .contact--section .contact--info .contact--addre li, .contact--section .contact--info .contact--addre li a, .contact--section .contact--info .contact--addre li span { font-size: 15px; }
   .card--section2 .h3 { margin-bottom: var(--gap-lg); }
   .card--section .img--bx { height: auto; min-height: 300px; }
   .card--section .logo--icon, .card--section .logo--icon2 { width: 260px; }

   .home--about--sec .h3, .company--group .h3, .market--sec .h3, .esg--sec .h3 { margin-bottom: var(--gap-lg); }
   .in--banner .in--banner--txt .h2 { font-size: 24px; }
   .bredcrump li img { width: 4px; }

   .team--list li .team--info .h4 { font-size: 15px; }
   .team--list { margin-top: var(--gap-sm); }
}

@media screen and (max-width: 395.98px){
   .h4 { font-size: 22px; }
   .h3 { font-size: 22px; }
   body p { margin-bottom: 15px; }
   .read--more, .read--more--white span { font-size: 12px; }

   .py--lg { padding: calc(var(--gap-xxxl) * 1.2) 0; }
   .hero--1 { font-size: 34px; }
   .home--about--sec .group--img--list { margin-top: calc(var(--gap-xl) * 1.5); }

   .company--list--sec li { width: 310px; }
   .company--info--bx .comp--icon { width: 40px; margin-right: 15px; }

   .team--list li .team--info .h4 { font-size: 17px; }
   .value--list li .value--bx .value--icon { height: 40px; }
   .contact--section .contact--info .h4 { font-size: 17px; }

   .compliance--list li .h4 { font-size: 17px; }
   .env--efforts--section .project--rows li .project--bx p { font-size: 16px; }

   .in--banner, .inbanner--space { height: 220px; }
   .contact--section .contact--info .contact--addre li, .contact--section .contact--info .contact--addre li a, .contact--section .contact--info .contact--addre li span { font-size: 14px; }
}