@media screen and (min-width: 2200px){
    .h1 { font-size: 50px; }
    .h2 { font-size: 24px; }
    .h3 { font-size: 48px; }
    .h4 { font-size: 20px; }
    .h5 { font-size: 28px; }
    .h6 { font-size: 28px; }

    body p { font-size: 20px; }

    .form-control::-webkit-input-placeholder { font-size: 18px; }
    .form-control::-moz-placeholder { font-size: 18px; }
    .form-control:-ms-input-placeholder { font-size: 18px; }
    .form-control::-ms-input-placeholder { font-size: 18px; }
    .form-control::placeholder { font-size: 18px; }

    .inner--banner .banner--content .banner--title { font-size: 80px; }
    .btn--list li .tab--btn { font-size: 20px; }

    .contact--row li, .contact--row li ul li a { font-size: 22px; }

    .partner--list { grid-gap: 50px 40px; }
    .partners--sec .client--logo { height: 100px; }

    .career--bx .h6 { font-size: 16px; }
    .career--bx .h3 { font-size: 38px; }
    .career--bx .icon { width: 80px; height: 80px; margin-bottom: 30px; }
    .headerfileupload { font-size: 16px; }

}

@media screen and (max-width: 1920px){
    :root{
    --gap-xs: 6px;
    --gap-sm: 14px;
    --gap-md: 20px;
    --gap-lg: 28px;
    --gap-xl: 36px;
    --gap-xxl: 42px;
    --gap-xxxl: 50px;
    }

    body p { font-size: 16px; }
    .h1 { font-size: 42px; }
    .h2 { font-size: 18px; }
    .h3 { font-size: 42px; }
    .h4 { font-size: 15px; }
    .h5 { font-size: 22px; }
    .h6 { font-size: 20px; }

    .btn span, .link--button, .link--button.black { font-size: 16px; }

    .header .navbar-nav > li > a { font-size: 12px; }
    .header .header--contact span { font-size: 12px; }

    .breadcrumb-nav .breadcrumb-item, .breadcrumb-nav .breadcrumb-item a { font-size: 16px; }

    .header .logo { width: 200px; }

    .news--grid .card .card-body { padding: var(--gap-lg) var(--gap-lg); }

    .social-sec { padding: 50px 0 100px; }
    .social-sec .card .left--main img { width: 50px; }
    .social-sec .card .card-body .right--main a { width: 30px; }
    .social-sec .card a.read--more--social, .social-sec .card p, .social-sec .card .left--main span { font-size: 14px; }
    .social-sec .card .card-footer ul li a img { width: 18px; }
    .social-sec .card .card-footer ul li a span { font-size: 14px; }

    .footer--list li a { font-size: 15px; }
    .footer .footer--heading { font-size: 16px; }
    .social--list a img { width: 16px; height: 16px; }
    .social--list a { width: 42px; height: 42px; }
    .social--list { gap: var(--gap-md); }
    .footer .copyright .h4 { font-size: 12px; }

    .inner--banner .banner--bg { padding-bottom: 30%; }

}

@media screen and (max-width: 1680px){
    :root{
    --gap-xs: 8px;
    --gap-sm: 16px;
    --gap-md: 22px;
    --gap-lg: 28px;
    --gap-xl: 36px;
    --gap-xxl: 44px;
    --gap-xxxl: 52px;
    }
    body p { font-size: 16px; }

    .h1 { font-size: 38px; }
    .h2 { font-size: 16px; }
    .h3 { font-size: 36px; }
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { line-height: 1.3; }

    .header .navbar-nav > li { padding: 0 var(--gap-sm); }
    .header .header--contact { padding: var(--gap-lg) calc(var(--gap-xxl) * 1.2); }
    .header.show .header--contact { padding: var(--gap-md) calc(var(--gap-xxl) * 1.2); }

    .invest--portfolio .nav { margin-right: 30px; }
    .home--banner .banner--slide .banner--content .banner--title { font-size: 55px; }
    .home--about { padding: calc(var(--gap-xxl) * 1.5) 0 calc(var(--gap-xxl) * 1.5); }
    .about--grid .icon--box { width: 75px; }

    .division--wrapper { margin-top: calc(var(--gap-xl) * 1); }
    .home--partners .client--slider-top { margin-top: calc(var(--gap-xl) * 1); }

    .home--csr .container { max-width: calc(100% - 40px); }
    .copyright { margin-top: calc(var(--gap-xxl) * 1); }

    .inner--banner .banner--content .banner--title { font-size: 60px; }
    .ceo--message .sign { width: 200px; }

    .news--detail--sec .btn--grp .btn { font-size: 16px; }
    .news--detail--sec .btn--grp .btn img { width: 6px; margin-top: 4px; }

}

@media screen and (max-width: 1599.98px){
    .h1 { font-size: 36px; line-height: 1.2; }
    .h3 { font-size: 32px; }
    .h4 { font-size: 14px; }
    .h6 { font-size: 18px; }
    .h5 { font-size: 20px; }

    body p { font-size: 15px; }

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

    .btn span, .link--button, .link--button.black { font-size: 14px; }

    .header { padding-left: 50px; }
    .header .logo { width: 160px; }
    .header.show .logo { width: 140px; }

    .home--banner .banner--slide .banner--content .banner--title { font-size: 52px; }
    .about--grid .icon--box { width: 60px; }

    .division--wrapper .info .icon { width: 80px; margin-bottom: var(--gap-xl); }
    .division--wrapper .info { width: calc(70% - var(--gap-xl)); }
    .division--wrapper .division--box { -webkit-box-flex: 0; -ms-flex: 0 0 103; flex: 0 0 103; }

    .home--partners { padding: calc(var(--gap-xxl) * 1) 0; }
    .news--grid .card { border: none; border-radius: 15px; }
    .news--grid .card .card-body { border-radius: 0 0 15px 15px; }

    .social-sec .card p { min-height: 50px; }
    .social-sec { padding: 30px 0 80px; }
    .social-sec .card a.read--more--social, .social-sec .card p, .social-sec .card .left--main span { font-size: 12px; }

    .footer .footer--logo { width: 175px; }
    .footer--list li a { font-size: 13px; }
    .footer .footer--heading { font-size: 15px; }
    .social--list { gap: var(--gap-sm); }
    .footer .copyright .h4 { font-size: 11px; }

    .footer { padding: calc(var(--gap-xl) * 1.5) 0 0; }
    .footer .h4 { font-size: 12px; }
    .social-sec .card .card-body .right--main a { width: 24px; }
    .social-sec .card .left--main img { width: 40px; }
    .social-sec .card .left--main .title--grp .h4 { margin-bottom: 2px; }

    .inner--banner .banner--content .banner--title { font-size: 50px; }
    .inner--banner .banner--bg { padding-bottom: 35%; }
    .inner--banner { border-radius: 0 0 40px 40px; }

    .portfolio--bx { border-radius: 15px; }
    .portfolio--bx .portfolio--img { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
    .btn--list li .tab--btn { padding: 15px 0px; font-size: 14px; }

    .pagination li a.page-link { font-size: 12px; }

    .contact--row li, .contact--row li ul li a { font-size: 16px; }
    .contact--row > li { padding-right: 70px; margin-right: 70px; }

    .partner--list { grid-gap: 35px 25px; margin-top: var(--gap-lg); }

    .career--bx .h3 { font-size: 26px; }

    .inner--about { padding: calc(var(--gap-xxl) * 1.5) 0 calc(var(--gap-xxl) * 2); }
    .ceo--message { padding: calc(var(--gap-xxl) * 1.8) 0 calc(var(--gap-xxl) * 1.5); }
    .ceo--message .info--box { padding: 0 calc(var(--gap-xxl) * 1); }

    .mission--vision .h6, .mission--vision .info--box { padding: var(--gap-xl) calc(var(--gap-xxl) * 1); }
    .inner--about .media .media-img { width: 80px; }

    .invest--portfolio .portfolio--list--cont { margin-top: calc(var(--gap-xl) * 1); }

    .join--form--sec .row:first-child { --bs-gutter-x: 30px; }
    .career-sec .row { --bs-gutter-x: 20px; }
    .enquiry--sec .row:first-child { --bs-gutter-x: 40px; }
 
}

@media screen and (max-width: 1399.98px){
    .h1 { font-size: 30px; }
    .h2 { font-size: 15px; }
    .h3 { font-size: 28px; }
    .h6 { font-size: 16px; }

    .container { max-width: 95%; }
    .home--banner .banner--slide .slide--bg, .banner--section--space .space--2 { height: 75vh; }
    .swiper--button--wrapper { right: 30px; }

    .grid--box--wrapper { display: block; }
    .sustainability { margin-bottom: calc(var(--gap-xxl) * 1.5); }

    .home--banner { position: relative; }
    .home--banner .banner--slide .slide--bg, .banner--section--space .space--2 { height: 700px; }
    .banner--section--space { display: none; }

    .about--grid .text--info .h4 { max-width: 100%; }

    .inner--banner .banner--content .banner--title { font-size: 42px; }
    .breadcrumb-nav .breadcrumb-item, .breadcrumb-nav .breadcrumb-item a { font-size: 14px; }

    .inner--about .media .media-img { width: 72px; margin-right: var(--gap-md); }
    .inner--about .h1 + .row { row-gap: calc(var(--gap-xxl) * 1); }
    .ceo--message .info--box { padding: 0 calc(var(--gap-lg) * 1); }

    .news--grid .card .card-body { padding: var(--gap-md) var(--gap-md); }
    .pagination { margin-top: calc(var(--gap-xl) * 1.2); }

}

@media screen and (max-width: 1199.98px){
    :root {
    --gap-xs: 8px;
    --gap-sm: 14px;
    --gap-md: 20px;
    --gap-lg: 22px;
    --gap-xl: 32px;
    --gap-xxl: 40px;
    --gap-xxxl: 44px;
    }

    .h1 { font-size: 28px; }
    .h5 { font-size: 18px; }
    .h6 { font-size: 16px; }
    .h2 { font-size: 14px; }
    .h3 { font-size: 24px; }
    body p { font-size: 14px; }

    .form-control::-webkit-input-placeholder { font-size: 13px; }
    .form-control::-moz-placeholder { font-size: 13px; }
    .form-control:-ms-input-placeholder { font-size: 13px; }
    .form-control::-ms-input-placeholder { font-size: 13px; }
    .form-control::placeholder { font-size: 13px; }

    .header { padding-left: 30px; }
    .header .navbar-nav > li > a { font-size: 11px; }

    .about--grid .text--info .h3 { font-size: 26px; margin-bottom: 12px; }
    .about--grid .grid--box { padding: var(--gap-md); }
    .about--grid .icon--box { margin-bottom: 5px; }

    .about--grid .grid--4, .about--grid .grid--2, .about--grid .grid--1, .about--grid .grid--3 { aspect-ratio: 1.1; }

    .social-sec { padding: 20px 0 60px; }
    .news--press { padding: calc(var(--gap-xxl) * 1.5) 0; }
    .social-sec .card .card-footer ul li a span { font-size: 12px; }
    .social-sec .card .card-footer { padding: var(--gap-sm) var(--gap-sm) }
    .social-sec .card .left--main img { width: 30px; }
    .social-sec .card .card-body .right--main a { width: 19px; }

    .news--grid .card .card-body { padding: var(--gap-md) var(--gap-md); }
    .home--banner .banner--slide .banner--content .banner--title { font-size: 44px; }
    .swiper--button--wrapper { bottom: 40px; }

    .inner--about { padding: calc(var(--gap-xxl) * 1.2) 0 calc(var(--gap-xxl) * 1.2); }
    .inner--about .media .media-img { width: 60px; }
    .inner--about .h1 + .row { row-gap: calc(var(--gap-lg) * 1); }

    .mission--vision .h6, .mission--vision .info--box { padding: var(--gap-xl) calc(var(--gap-xl) * 1); }
    .ceo--message .info--box { padding: 0 calc(var(--gap-sm) * 1); }
    .ceo--message .sign { width: 160px; margin-top: var(--gap-xl); }

    .sustainability { padding: calc(var(--gap-xxl) * 1.3) 0 calc(var(--gap-xxl) * 1.5); }
    .btn--list li .tab--btn { padding: 10px 0px; font-size: 13px; }
    .row.portfolio--list { row-gap: var(--gap-lg); }
    .invest--portfolio { padding: calc(var(--gap-xl) * 1.5) 0; }

    .news--page .news--grid { grid-template-columns: repeat(3, 1fr); }
    .news--grid .card .card-body .h4 { font-size: 12px; }

    .news--detail--sec .news--left .social--list li a { font-size: 14px; }
    .join--form--sec .title--grp { margin-bottom: calc(var(--gap-xxl) * 1); }
    .career--bx .h3 { font-size: 22px; }
    .carrer--life .row { --bs-gutter-x: 20px; }
    .career--bx .icon { margin-bottom: 18px; }
    .career-sec .row { --bs-gutter-x: 25px; }

    .contact--row li, .contact--row li ul li a { font-size: 14px; }
    .img--box { border-radius: 15px; }

    .partners--sec .client--logo { height: 60px; }
    .partner--list { grid-gap: 30px 20px; }
    .btn--list { padding-right: 0px; }

    .copyright { margin-top: calc(var(--gap-xl) * 1); padding: var(--gap-sm) 0; }
    .social--list a { width: 35px; height: 35px; }
    .social--list a img { width: 13px; height: 13px; }
    .social--list { gap: 10px; }
    .footer--list li a { line-height: 130%; }

}

@media screen and (max-width: 991.98px){
        :root {
    --gap-md: 16px;
    --gap-lg: 20px;
    --gap-xl: 30px;
    --gap-xxl: 38px;
    --gap-xxxl: 40px;
    }
    .h1 { font-size: 28px; }
    .h4 { font-size: 12px; }
    .h6 { margin-bottom: var(--gap-sm); }
    .h3 { font-size: 22px; }
    .container { max-width: 98%; }

    [fade-in-left] {  opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }
    [fade-in-right] {  opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; }

    .header { padding: 10px 20px; }
    .hamburger--div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 6px; }
    .hamburger--div span { width: 30px; height: 1px; background: rgb(var(--white) / 100%); }
    .hamburger--div span:nth-child(2) { width: 24px; }
    .header .navbar { position: fixed; right: 0px; -webkit-clip-path: inset(0% 0% 0% 100%); clip-path: inset(0% 0% 0% 100%); display: inline-block; top: 0px; width: 350px; height: 100dvh; background: #f3f3f3; padding: 50px 20px; -webkit-transition: var(--all-medium); -o-transition: var(--all-medium); transition: var(--all-medium); }
    .header .navbar.active { -webkit-clip-path: inset(0% 0% 0% 0%); clip-path: inset(0% 0% 0% 0%) }
    .header .navbar-nav > li { width: 100%; padding: 0px; border-bottom: 1px solid #dedeff; }
    .header .navbar-nav > li > a { font-size: 14px; color: rgb(var(--black) / 100%); padding: var(--gap-md) 0px; }
    .header .navbar-nav > li:last-child { border-bottom: 0px; }
    .header .navbar-nav { display: -webkit-box; display: -ms-flexbox; display: flex;width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 0px; padding: 0px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;  }
    .header .header--contact { margin-top: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
    .header .navbar-nav > li > a:hover::after, .header .navbar-nav > li > a.active::after { display: none; }

    .header .navbar .close--btn { width: 35px; height: 35px; position: absolute; right: 15px; top: 15px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: -webkit-gradient(linear, left top, right top, from(#7564AB), to(#7BC3EC)); background: -o-linear-gradient(left, #7564AB 0%, #7BC3EC 100%); background: linear-gradient(90deg, #7564AB 0%, #7BC3EC 100%); }
    .header .navbar .close--btn img { width: 12px; height: auto; -o-object-fit: contain; object-fit: contain; }

    .swiper--button--wrapper .swiper-button-next, .swiper--button--wrapper .swiper-button-prev { width: 45px; height: 45px; }

    .home--banner .banner--slide .slide--bg, .banner--section--space .space--2 { height: 580px; }
    .home--banner .banner--slide .banner--content .banner--title { font-size: 40px; margin-bottom: var(--gap-xxl); }

    .home--about { padding: calc(var(--gap-xxl) * 1.5) 0 calc(var(--gap-xxl) * 1); }
    .about--grid { margin-top: var(--gap-lg); }
    .about--grid .grid--box { padding: var(--gap-sm); border-radius: 10px; }
    .about--grid .icon--box { width: 40px; }
    .about--grid .text--info .h3 { font-size: 20px; margin-bottom: 5px; }
    .about--grid .grid--1, .about--grid .grid--2, .about--grid .grid--3, .about--grid .grid--4, .about--grid .grid--5 { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }
    .about--grid .grid--box.grid--5 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; min-height: 350px; }
    .about--grid .grid--1, .about--grid .grid--2, .about--grid .grid--3, .about--grid .grid--4 { aspect-ratio: 1; }

    .news--press { padding: calc(var(--gap-xxl) * 1.2) 0; }
    .news--grid { grid-template-columns: repeat(3, 1fr); }
    .news--grid .card { border-radius: 10px; }

    .social-scroll-wrapper .row { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; --bs-gutter-x: 17px; }
    .social-scroll-wrapper .row::-webkit-scrollbar { display: none; }
    .social-sec .card .card-footer ul li a img { width: 14px; }
    .social-sec .card { border-radius: 10px; }
    .social-sec .h6 { margin-bottom: var(--gap-xl); }
    .social-sec { padding: 0px 0 50px; }

    .footer .footer--logo { width: 145px; margin-bottom: var(--gap-sm); }
    .footer .h4 { font-size: 10px; }
    .footer { padding: calc(var(--gap-xl) * 1.2) 0 0; }
    .copyright { margin-top: calc(var(--gap-xl) * 1); padding: var(--gap-sm) 0; }
    .footer--list li a { line-height: 1.4; }
    .quick--links li { display: -webkit-box; display: -ms-flexbox; display: flex; }
    .footer--list li a { font-size: 12px; }
    .footer .footer--heading { font-size: 13px; }
    .social--list a { width: 36px; height: 36px; }
    .social--list a img { width: 14px; height: 14px; }

    .inner--banner .banner--bg { padding-bottom: 40%; }
    .inner--banner { border-radius: 0 0 30px 30px; }
    .inner--about .h1 { margin-bottom: var(--gap-xxl); }
    .inner--banner .banner--content .banner--title { font-size: 38px; }

    .mission--vision .h6 { padding: 25px 20px 0px 20px; }
    .mission--vision .info--box { padding: 0px 20px 40px 20px; margin-bottom: 0px; }

    .ceo--message { padding: calc(var(--gap-xxl) * 1.3) 0 calc(var(--gap-xxl) * 1.5); }
    .ceo--message .info--box { padding: 0 0px; }
    .ceo--message .sign { margin-bottom: var(--gap-xl); }

    .sustainability { margin-bottom: calc(var(--gap-xxl) * 1.2); }
    .ceo--message .ceo--card .ceo--info { padding: 0 var(--gap-sm) var(--gap-sm); }

    .btn--list { margin-right: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; border-bottom: 1px solid #BFBFBF; margin-bottom: var(--gap-xl); }
    .btn--list li .tab--btn { padding: 12px 20px; font-size: 13px; margin-bottom: -1px; line-height: 1; }
    .btn--list li { border-bottom:0px; margin-bottom: 0px; }
    .btn--list li .tab--btn:after { height: 1px; }
    .portfolio--bx { border-radius: 10px; }

    .news--left  {display: -webkit-box;display: -ms-flexbox;display: flex; }
    .news--detail--sec .news--left li:not( .news--detail--sec .news--left li ul li) { margin-right: var(--gap-xxl); margin-bottom: var(--gap-md); }
    .news--detail--sec .btn--grp { margin-top: var(--gap-sm); padding-bottom: var(--gap-lg); }
    .news--press-detail .news--grid { margin-top: var(--gap-xl); }
    .news--grid li { -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; }

    .carrer--life .row { row-gap: var(--gap-xl); --bs-gutter-x: 30px; }
    .form-control { font-size: 14px; }
    .headerfileupload { font-size: 13px; }
    .file--container { margin-bottom: 15px; }
    .form-control { padding: 6px 0px; height: 42px; }

    .img--box { border-radius: 15px; }
    .enquiry--sec .row:first-child { --bs-gutter-x: 20px; }
    .contact--row > li { padding-right: 50px; margin-right: 50px; }

    .partner--list { -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(3, 1fr); }
    .portfolio--bx .arrow { width: 28px; height: 28px; right: 10px; top: 10px; }
    .portfolio--bx .arrow img { width: 15px; }

    .portfolio--bx { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }
    .portfolio--bx .portfolio--img { width: 100%; height: 250px; border-radius: 0px; border-right: 0px; border-bottom: 1px solid #DEDCDC; }
  
    .bfJMSe { display: flex!important; flex-wrap: nowrap; overflow-x: scroll; }
    .bfJMSe > div { width: 300px; }
    .bfJMSe::-webkit-scrollbar { display: none; }

    .home--about .h6 { margin-bottom: var(--gap-xl); }
    .home--about .row { --bs-gutter-x: 20px; }
    .about--img { margin-bottom: var(--gap-lg); }
}

@media screen and (max-width: 767.98px){
     :root {
    --gap-xs: 6px;
    --gap-sm: 10px;
    --gap-md: 18px;
    --gap-lg: 20px;
    --gap-xl: 28px;
    --gap-xxl: 36px;
    --gap-xxxl: 40px;
    }
    .h1 { font-size: 24px; }
    .h5 { font-size: 16px; }
    .h3 { font-size: 22px; }
    .h6 { font-size: 14px; }

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

    .btn span, .link--button, .link--button.black { font-size: 12px; }
    .header .navbar-nav > li > a { letter-spacing: 1px; }

    .header .logo { width: 130px; }
    .header.show .logo { width: 110px; }

    .home--banner .banner--slide .banner--content .banner--title { font-size: 36px; }
    .swiper--button--wrapper .swiper-button-next, .swiper--button--wrapper .swiper-button-prev { width: 40px; height: 40px; border: 1px solid rgb(var(--white) / 100%); background: rgba(0,0,0,0.2); }
    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; }
    .swiper--button--wrapper .swiper-button-next::after, .swiper--button--wrapper .swiper-button-prev::after { font-size: 10px; }
    .swiper--button--wrapper { bottom: 20px; right: 20px; }

    .about--grid { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .about--grid .grid--box { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - var(--gap-lg) / 2); flex: 0 0 calc(50% - var(--gap-lg) / 2); padding: var(--gap-md); }
    .about--grid .icon--box { width: 55px; margin-bottom: 10px; }
    .about--grid .text--info .h3 { font-size: 22px; margin-bottom: 12px; }
    .about--grid .grid--5 .grid--box--wrapper { border-radius: 6px; }
    .about--grid .grid--1, .about--grid .grid--2, .about--grid .grid--3, .about--grid .grid--4 { aspect-ratio: 1.2; }

    .news--press { padding: calc(var(--gap-xxl) * 1) 0; }
    .social--list a { width: 30px; height: 30px; }
    .social--list a img { width: 12px; height: 12px; }
    .footer .footer--heading { font-size: 12px; }
    .social-sec .card a.read--more--social, .social-sec .card p, .social-sec .card .left--main span { font-size: 12px; }

    .inner--banner .banner--bg { padding-bottom: 55%; }
    .inner--about .media .media-img { width: 50px; }
    .inner--about .h1 { margin-bottom: var(--gap-xxl); }

    .sustainability .bg { position: static; margin-bottom: var(--gap-xl); display: none; }
    .sustainability .sust--mob--img { display: block; }
    .sustainability { padding-top: 0px; margin-bottom: 0px; padding-bottom: var(--gap-xxl); }
    .sustainability p:last-child { margin-bottom: 0px; }
    .row.portfolio--list { row-gap: var(--gap-xl); }
    .btn--list li .tab--btn { padding: 12px 15px; }

    .news--grid { grid-template-columns: repeat(2, 1fr); }
    .news--page .news--grid { grid-template-columns: repeat(2, 1fr); }
    .new--section { padding: calc(var(--gap-xl) * 1.5) 0; }

    .news--detail--sec { padding: calc(var(--gap-xl) * 1.5) 0 0; }
    .news--detail--sec .btn--grp .btn { font-size: 14px; }
    .news--detail--sec .news--detail--text .news--quote { padding: var(--gap-md) var(--gap-md); }
    .news--detail--sec .news--detail--text .news--quote:before { display: none; }

    .career--bx .h6 { font-size: 12px; }
    .career--bx .icon { width: 55px; height: 55px; }

    .contact--row { -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .contact--row > li { padding-right: 0px; margin-right: 0px; width: 50%; margin-bottom: 10px; }
    .contact--row > li:nth-child(2):before { display: none; right: 20px; }
    .contact--row > li:before { right: 30px; height: 50px; }
    .enquiry--sec .enquiry--info { margin-bottom: var(--gap-xxl); }
    .img--box { border-radius: 10px; }

    .csr--text { margin-bottom: var(--gap-xl); }
    .partners--sec .client--logo { height: 50px; }
    .partner--list { grid-gap: 20px 10px; }
    .partner--list { margin-top: var(--gap-md); }

    .footer .footer--logo { width: 125px; }

    .breadcrumb-nav .breadcrumb-item, .breadcrumb-nav .breadcrumb-item a { font-size: 12px; }
    .inner--about .media .media-body .h3 { font-size: 22px; }
    .news--detail--sec .news--left .social--list li a { font-size: 12px; }

    .portfolio--bx .portfolio--img { height: 160px; }
    .about--img { border-radius: 15px; }

}

@media screen and (max-width: 575.98px){
     :root {
    --gap-sm: 8px;
    --gap-md: 14px;
    --gap-lg: 16px;
    --gap-xl: 24px;
    --gap-xxl: 32px;
    --gap-xxxl: 34px;
    }
    .h6 { font-size: 14px; }
    .h1 { font-size: 24px; }
    .h3 { font-size: 20px; }
    .h2 { font-size: 13px; }

    body p { font-size: 13px; }

    .container { max-width: 100%; }

    .header .navbar { width: 100%; padding: 120px 30px 100px 30px; }
    .header .navbar-nav > li { text-align: center; }

    .header .logo { width: 120px; }
    .header { padding: 10px 15px; }
    .header .navbar-nav > li { border-bottom: none; }

    .header .navbar-nav > li > a { font-size: 18px; padding: var(--gap-lg) 0px; }
    .header .header--contact span { font-size: 14px; }
    .header .header--contact .svg { width: 18px; }
    .header .navbar .close--btn { right: 25px; top: 25px; } 

    .home--banner .banner--slide .banner--content .banner--title { font-size: 32px; }
    .home--banner .banner--slide .slide--bg, .banner--section--space .space--2 { height: 85vh; }
    .swiper--button--wrapper .swiper-button-next, .swiper--button--wrapper .swiper-button-prev { width: 35px; height: 35px; }

    .home--about { padding: calc(var(--gap-xxl) * 1.3) 0 calc(var(--gap-lg) * 1.5); }
    .about--grid .icon--box { width: 40px; margin-bottom: 7px; }
    .about--grid .text--info .h3 { font-size: 20px; margin-bottom: 12px; line-height: 1.2; }
    .about--grid .grid--5 .grid--box--wrapper { padding: 14px; }
    .about--grid .grid--box { aspect-ratio: auto; }

    .news--grid .card { border-radius: 8px; }
    .news--grid { display: -webkit-box; display: -ms-flexbox; display: flex; overflow-x: auto; overflow-y: hidden; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
    .news--grid::-webkit-scrollbar { display: none; }
    .news--grid li { width: 280px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } 
    .news--press .link--button { display: none; }

    .social-sec { padding: 0px 0 30px; }
    .social-sec .card a.read--more--social, .social-sec .card p, .social-sec .card .left--main span { font-size: 11px; }
    .social-sec .card p { min-height: 45px; }
    
    footer .row { row-gap: 25px; }
    .footer--list li a { font-size: 11px; }
    footer .copyright .row { row-gap: 0px; }
    .copyright .h4:last-child { margin-top: 4px; }

    .inner--banner .banner--bg { padding-bottom: 250px; }
    .inner--banner .banner--content .banner--title { font-size: 30px; }
    .inner--banner .banner--content { top: 53%; }

    .ceo--message .sign { width: 130px; }
    .inner--about .media .media-img { width: 40px; }
    .inner--banner { border-radius: 0 0 20px 20px; }
    .breadcrumb-nav .breadcrumb-item, .breadcrumb-nav .breadcrumb-item a { font-size: 12px; }

    .mission--vision .info--box { padding: 0px 15px 25px 15px; }
    .mission--vision .h6 { padding: 25px 15px 0px 15px; }
    .ceo--message { padding: calc(var(--gap-xxl) * 1.1) 0 calc(var(--gap-xxl) * 1.3); }

    .news--page .news--grid { display: -ms-grid; display: grid; }
    .news--page .news--grid li { width: 100%; }
    .pagination { gap: 3px; }
    .pagination li a.page-link { font-size: 10px; }
    .pagination li a.page-link img { width: 4px; }
    .social-sec .h6 { letter-spacing: 2px; }

    .news--left { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: var(--gap-lg); }
    .news--detail--sec .news--left li:not( .news--detail--sec .news--left li ul li) { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-right: 0px; }
    .news--detail--sec .btn--grp .btn { font-size: 13px; }
    .news--detail--sec .btn--grp .btn img { width: 4px; }

    .contact--row > li { width: 100%; padding-bottom: 20px; margin-bottom: 20px; }
    .contact--row > li:last-child { margin-bottom: 0px; }
    .contact--row > li:before { width: 100%; height: 1px; top: 100%; right: 0px; -webkit-transform: none; -ms-transform: none; transform: none;  }
    .contact--row > li:nth-child(2):before { display: block; right: 0px; }
    .contact--row > li:before { opacity: 0.2; }

    .partners--sec .client--logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  }
    .partners--sec .client--logo img { width: 90%; height: auto; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
    .partner--list { -ms-grid-columns: 1fr 10px 1fr; grid-template-columns: repeat(2, 1fr); }

    .portfolio--bx .portfolio--img { height: 180px; }
    .portfolio--bx .portfolio--text { padding: 15px; }
    .portfolio--bx .portfolio--text .h5 { font-size: 20px; }
    .portfolio--bx .portfolio--text .h4 { font-size: 14px; }
    .news--grid .card .card-body { padding: 20px; }
 
}

@media screen and (max-width: 480px){
     .h1 { font-size: 22px; }
    .inner--about .media .media-body .h3 { font-size: 20px; }

    .header.show .logo { width: 100px; }
    .footer .footer--logo { width: 130px; }
    .social-sec .card .left--main img { width: 25px; }
    .about--grid .grid--box.grid--5 { min-height: 290px; }
    .news--page .news--grid { -ms-grid-columns: 1fr; grid-template-columns: repeat(1, 1fr); gap: var(--gap-xl); }
    .inner--banner .banner--content .banner--title { font-size: 26px; margin-bottom: var(--gap-md); }
    .footer .copyright .h4 { font-size: 10px; }
}

@media screen and (max-width: 395px){
    .h2 { font-size: 13px; }
    .contact--row li, .contact--row li ul li a { font-size: 13px; }
    .portfolio--bx .portfolio--text .h5 { font-size: 20px; }
    .inner--about .media .media-body .h3 { font-size: 20px; }
}

@media screen and (max-width: 375px){
    .h6 { font-size: 13px; }
}