@charset "UTF-8";



/* CSS Document */

:root {

    --color-primary: #00543E;

    --color-primary-light: #298771;

    --color-primary-dark: #003D2D;

    --color-secondary: #006794;

    --color-black: #000000;

    --color-white: #ffffff;

    --color-grey-100: #F9F9F9;

    --color-grey-200: #f4f4f4;

    --color-grey-300: #e8e8e8;

    --color-grey-400: #e0e0e0;

    --color-grey-500: #858585;

    --color-grey-600: #3f3f46;

    --color-grey-700: #374151;

    --color-grey-800: #00140F;

    --color-grey-900: #111827;

    --color-grey-950: #00140F;

    --font-sans-serif: "Poppins", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

    --font-base: 16px;

    --gutter-x: 32px;

    --font-h1: 64px;

    --font-h2: 40px;

    --font-h3: 32px;

    --font-h4: 28px;

    --font-h5: 24px;

    --font-h6: 20px;

    --transition-speed:5000ms; /*  <-- Play with me! */

  }



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

    Common Styles Initials

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



html {

    -webkit-text-size-adjust: none;

    /* Prevent font scaling in landscape */

    width: 100%;

    height: 100%;

    -webkit-font-smoothing: antialiased;

    -moz-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

    scroll-behavior: inherit !important;

}



input[type="submit"] {

    -webkit-appearance: none;

    -webkit-border-radius: 0;

    border-radius: 0;

}



::-webkit-scrollbar {

    width: 8px;

    height: 8px;

}

::-webkit-scrollbar-track {

    width: 8px;

    height: 8px;

    background: var(--color-primary-dark);

    border-radius: 8px;

}

::-webkit-scrollbar-thumb {

    width: 8px;

    height: 8px;

    background: var(--color-primary);

    border-radius: 8px;

}





*,

*:after,

*:before {

    box-sizing: border-box;

    margin: 0;

    padding: 0;

}



body {

    margin: 0;

    padding: 0;

    -webkit-font-smoothing: antialiased;

    width: 100%;

    font-family: var(--font-sans-serif);

    font-size: 16px;

    line-height: 1.5;

    color: var(--color-grey-800);

}



a {

    outline: none;

    text-decoration: none;

    color: #555;

    font-family: var(--font-sans-serif);

}



a:hover,

a:focus {

    outline: none;

    text-decoration: none;

}



input,

textarea,

select {

    outline: none;

    resize: none;

    font-family: var(--font-sans-serif);

}



a,

input,

button {

    outline: none !important;

    font-family: var(--font-sans-serif);

}



button::-moz-focus-inner {

    border: 0;

}



.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    font-family: var(--font-sans-serif);

    margin: 0;

    padding: 0;

    font-weight: 500;

    color: var(--color-grey-800);

}



img {

    border: 0;

    vertical-align: top;

    max-width: 100%;

    height: auto;

}



ul,

ol {

    margin: 0;

    padding: 0;

    list-style: none;

}



p {

    margin: 0 0 15px 0;

}

p:last-child {

    margin: 0;

}

.slick-slide {

    outline: none !important;

}



.bg_img {

    display: none;

}



input[type="search"]::-ms-clear {

    display: none;

    width: 0;

    height: 0;

}



input[type="search"]::-ms-reveal {

    display: none;

    width: 0;

    height: 0;

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

    display: none;

}



input[type="search"] {

    -webkit-appearance: textfield;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



.search-dropdown input {

    -webkit-appearance: textfield;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}



@-webkit-keyframes run {

    0% {

      left: 0;

      transform: translateX(0);

    }

    100% {

      left: 100%;

      transform: translateX(-100%);

    }

}

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

    Bootstrap Hack

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



.form-control::-webkit-input-placeholder {

    opacity: 1;

    color: #828282;

}



.form-control:-moz-placeholder {

    opacity: 1;

    color: #828282;

}



.form-control::-moz-placeholder {

    opacity: 1;

    color: #828282;

}



.form-control:-ms-input-placeholder {

    opacity: 1;

    color: #828282;

}



input::-webkit-input-placeholder {

    opacity: 1;

    color: #828282;

}



input:-moz-placeholder {

    opacity: 1;

    color: #828282;

}



input::-moz-placeholder {

    opacity: 1;

    color: #828282;

}



input:-ms-input-placeholder {

    opacity: 1;

    color: #828282;

}





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

    Custom Style

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

body.open-menu {

    overflow: hidden !important;

}



.h1 {

    font-size: var(--font-h1);

    line-height: 1.3;

}

.h2 {

    font-size: var(--font-h2);

    line-height: 1.3;

}

.h3 {

    font-size: var(--font-h3);

    line-height: 1.3;

}

.h4 {

    font-size: var(--font-h4);

    line-height: 1.3;

}

.h5 {

    font-size: var(--font-h5);

    line-height: 1.3;

}

.h6 {

    font-size: var(--font-h6);

    line-height: 1.2;

}

.container {

    width: 100%;

    max-width: 1232px;

    margin: 0 auto;

    padding-left: calc(var(--gutter-x) * .5);

    padding-right: calc(var(--gutter-x) * .5);

}

.row {

    --gutter-x: 32px;

    display: flex;

    flex-wrap: wrap;

    margin-right: calc(-.5* var(--gutter-x));

    margin-left: calc(-.5* var(--gutter-x));

}

.row>* {

    width: 100%;

    padding-right: calc(var(--gutter-x)* .5);

    padding-left: calc(var(--gutter-x)* .5);

}

.col-6{

    width: 50%;

}





.btn {

    font-family: var(--font-sans-serif);

    font-size: 16px;

    font-weight: 500;

    color: var(--color-white);

    background: var(--color-primary);

    display: inline-block;

    padding: 14px 32px;

    border-radius: 8px;

    transition: all 0.3s ease-in-out;

    text-transform: capitalize;

    border: 0;

    box-shadow: none;

    cursor: pointer;

}

.btn.btn-outline {

   border: 1px solid var(--color-primary);

   color: var(--color-primary);

   background: transparent;

}

.btn.btn-white {

    background: var(--color-white);

    color: var(--color-primary);

 }

 .btn.btn-white:hover {

    color: var(--color-white);

 }

.btn.btn-outline.btn-white {

    border: 1px solid var(--color-white);

    color: var(--color-white);

    background: transparent;

 }

.btn:hover {

    background: var(--color-primary-dark);

}

.btn.btn-outline:hover {

    color: var(--color-white);

    border-color: var(--color-primary-dark);

 }

 .btn.btn-outline.btn-white:hover {

    background: var(--color-primary-dark);

    color: var(--color-white);

 }



 /* header css */

 .header-wrap {

    width: 100%;

    height: 118px;

    display: flex;

    align-items: center;

    position: fixed;

    top: 0;

    left: 0;

    z-index: 12345;

 }

 .header-wrap .container {

    position: relative;

 }

 .header-row {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    justify-content: space-between;

    align-items: center;

    border-radius: 12px;

    background: #FFFFFF;

    border: 1px solid #FFFFFF;

    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);

    backdrop-filter: blur(5px);

    transition: all 0.3s ease-in-out;

 }

 .header-left {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap: 30px;

 }



 .header-left .header-logo {

    width: 188px;

    height: 86px;

 }

 .header-left .header-logo a {

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 12px 0px 0px 12px;

    background: var(--color-primary);

    transition: all 0.3s ease-in-out;

 }

 .header-menu nav > ul {

    display: flex;

 }

 .header-menu nav > ul > li {

    display: flex;

    align-items: center;

    gap: 6px;

    border-bottom: 1px solid transparent;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

 }

 .menu-arrow {

    width: 20px;

    height: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

    color: var(--color-grey-800);

 }

 .menu-arrow svg {

    width: 15px;

    height: auto;

 }

 .header-menu nav > ul > li.current-menu-item,

 .header-menu nav > ul > li.current-menu-parent {

    border-color: var(--color-primary);

 }

 

 /* .menu-arrow svg {

    width: 100%;

    height: auto;

 } */

 .header-menu nav > ul > li > a {

    padding: 12px 10px 11px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    color: var(--color-grey-800);

    display: block;

    transition: all 0.3s ease-in-out;

 }

 .header-menu nav > ul > li.dropdown > a {

    padding-right: 0;

 }

 .header-menu nav > ul > li:hover > a {

    color: var(--color-primary);

 }



 .header-right {

    padding-right: 24px;

 }

 .mega-menu {

    width: 100%;

    position: absolute;

    top: 94px;

    left: 0;

    transition: all 0.3s ease-in-out;

    display: none;

   

 }

 .mega-menu:before {

    content: "";

    width: 100%;

    height: 40px;

    background: transparent;

    position: absolute;

    top: -30px;

    left: 0;

 }

 

 .mega-menu-inner {

    background: var(--color-white);

    border-radius: 12px;

    display: flex;

    overflow: hidden;

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

    cursor: default;

 }

 .mega-menu-left {

    width: 320px;

    padding: 32px;

    background: var(--color-primary);

    flex-shrink: 0;

 }

 .mega-menu-right {

    width: 100%;

    padding: 32px 0;

    overflow: hidden;

 }

.menu-title {

    color: var(--color-white);

    padding-bottom: 16px;

}

.mega-menu-left p {

    color: var(--color-white);

}

.mega-menu-right ul {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.mega-menu-right ul li {

    width: calc(50% - 16px);

    border-bottom: 1px solid #e0e0e0;

}

.mega-menu-right ul li a {

    font-size: 16px;

    line-height: 24px;

    padding: 16px 32px;

    display: block;

    color: var(--color-grey-800);

    transition: all 0.3s ease-in-out;

}

.mega-menu-right ul li a:hover,

.mega-menu-right ul li.current-menu-item a {

    background: rgba(41, 135, 113, 0.10);

    color: var(--color-primary);

}

.menu-toggle {

    width: 53px;

    height: 53px;

    background: var(--color-primary);

    color: var(--color-white);

    border: 0;

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

}

.menu-icon {

    width: 25px;

    height: 25px;

    transition: all 0.3s ease-in-out;

}

.close-icon {

    width: 0;

    height: 0;

    transition: all 0.3s ease-in-out;

}

.open-menu .close-icon {

    width: 25px;

    height: 25px;

}

.open-menu .menu-icon {

    width: 0;

    height: 0;

}

/* banner section css */

.banner-section {

    width: 100%;

    height: 100dvh;

    position: relative;

    background-size: cover !important;

    background-repeat: no-repeat !important;

    overflow: hidden;

    display: flex;

    align-items: end;

    padding-bottom: 72px;

    background: #00543E;

}

.banner-section::before {

    content: "";

    width: 100%;

    height: 100%;

    background: rgba(17, 24, 39, 0.7);

    position: absolute;

    top: 0;

    left: 0;

}

.banner-section::after {

    content: "";

    width: 895px;

    height: 895px;

    position: absolute;

    bottom: -100px;

    left: 0;

    border-radius: 100%;

    background: rgba(41, 135, 113, 0.4);

    filter: blur(250px);

    animation: linear infinite alternate;

  animation-name: run;

  animation-duration: var(--transition-speed);

  animation-delay: 2s;

}

.banner-content {

    position: relative;

    z-index: 1;

}

.banner-content h1 {

    color: var(--color-white);

    padding-bottom: 12px;

    font-weight: 600;

    text-transform: capitalize;

}

.banner-content p {

    width: 100%;

    max-width: 665px;

    color: var(--color-white);

    font-size: 18px;

    line-height: 28px;

}

.banner-content .btn-wrap {

    padding-top: 17px;

}

/* footer start */

.footer-wrap {

    background: #003D2D;

    padding-top: 64px;

    position: relative;

    overflow: hidden;

}

.x-sign {

    width: 527px;

    height: 100%;

    position: absolute;

    top: 0;

    right: 0;

}

.x-sign img {

    width: 100%;

    height: 100%;

    object-fit: fill;

}

.footer-row {

    display: flex;

    gap: 32px;

    z-index: 1;

    position: relative;

}

.footer-left {

    width: 380px;

    flex-shrink: 0;

}

.footer-right {

    width: 100%;

}

.footer-logo {

    padding-bottom: 24px;

}

.footer-logo a {

    display: inline-block;

}

.footer-left p {

    color: var(--color-white);

}

.footer-left .social-media {

    padding-top: 20px;

}

.footer-left .social-media ul {

    display: flex;

    gap: 12px;

}

.footer-left .social-media ul li {

    width: 24px;

}

.footer-left .social-media ul li a {

    display: block;

    color: rgba(255, 255, 255, 0.50);

    transition: all 0.3s ease-in-out;

}

.footer-left .social-media ul li a:hover {

    color: var(--color-white);

}

.footer-menu-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

    padding-bottom: 30px;

}

.footer-menu-row .menu-col {

    width: 40%;

    padding: 0 16px;

}

.footer-menu-row .menu-col:first-child {

    width: 20%;

}

.menu-col .menu-title {

    font-size: 18px;

    line-height: 22px;

    font-weight: 500;

    color: var(--color-white);

    padding-bottom: 16px;

}

.menu-col ul {

    display: flex;

    flex-direction: column;

    gap: 10px;

}

.menu-col ul li a {

    font-size: 16px;

    line-height: 20px;

    font-weight: 400;

    color: var(--color-white);

    transition: all 0.3s ease-in-out;

}

.menu-col ul li a:hover {

    color: var(--color-white);

    text-decoration: underline;

}

.copy-right-section {

    padding: 30px 0 49px;

    border-top: 1px solid rgba(255, 255, 255, 0.10);

}

.copy-right-section ul {

    display: flex;

    justify-content: center;

}

.copy-right-section ul li {

    position: relative;

    font-size: 16px;

    line-height: 20px;

    color: #fff;

    display: flex;

    align-items: center;

}

.copy-right-section ul li::after {

    content: "|";

    margin: 0 12px;

}

.copy-right-section ul li:last-child:after {

    display: none;

}

.copy-right-section ul li a {

    font-size: 16px;

    line-height: 20px;

    color: #fff;

}

.copy-right-section ul li a:hover {

    text-decoration: underline;

    transition: all 0.3s ease-in-out;

}

.title {

    width: 100%;

    max-width: 590px;

    margin: 0 auto;

    display: flex;

    flex-direction: column;

    gap: 16px;

    text-align: center;

    padding-bottom: 40px;

}

.title-tag-line {

    color: var(--color-primary);

    font-size: 16px;

    line-height: 24px;

    text-transform: uppercase;

    font-weight: 500;

    padding-bottom: 2px;

    position: relative;

}

.text-white .title-tag-line {

    color: var(--color-white);

}

.title.font-semibold h2 {

    font-weight: 600;

}

.title-tag-line:before {

    content: "";

    width: 52px;

    height: 2px;

    border-radius: 2px;

    background: var(--color-primary);

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    margin: 0 auto;

}

.text-white .title-tag-line:before {

    background: var(--color-white);

}

.title .h2 {

    font-weight: 500;

    color: var(--color-grey-800);

    text-transform: capitalize;

}

.text-white.title .h2 {

    color: var(--color-white);

}

.title .h2 span {

    color: var(--color-primary-light);

    font-weight: 600;

}



.text-white.title p {

    color: var(--color-white);

}

.professional-service-wrap {

    padding: 64px 0 64px;

    background: var(--color-grey-200);

}
.professional-service-wrap .title{
    max-width: 627px;
}
.professional-service-list ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

    row-gap: 30px;

}

.professional-service-list ul li {

    width: 25%;

    padding: 0 16px;

}

.professional-service-list ul li .professional-service-box {

    width: 100%;

    height: 100%;

    display: flex;

    flex-direction: column;

    padding: 32px 24px;

    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.04);

    border-radius: 12px;

    background: var(--color-white);

    border: 1px solid var(--color-grey-200);

}

.professional-service-list ul li .professional-service-box img {

    margin-bottom: 24px;

}

.professional-service-list ul li .professional-service-box h3 {

    font-weight: 500;

    padding-bottom: 12px;

    color: var(--color-grey-800);

}

.professional-service-list ul li .professional-service-box p {

    margin: 0;

}

.our-service-wrap {

    padding: 64px 0 64px;

    background: #0D2721;

    overflow: hidden;

    position: relative;

}

.our-service-wrap:before {

    content: "";

    width: 559px;

    height: 559px;

    border-radius: 100%;

    background: #298771;

    filter: blur(200px);

    position: absolute;

    top: -20%;

    right: -279px;

    z-index: 1;

}

.our-service-wrap:after {

    content: "";

    width: 739px;

    height: 450px;

    border-radius: 100%;

    background: #298771;

    filter: blur(300px);

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 1;

    border-radius: 25%;

}

.our-service-wrap .btn-wrap{
    padding-top: 32px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.our-service {

    position: relative;

    z-index: 12;

}

.our-service-list {

    display: flex;

    flex-direction: column;

    gap: 32px;

    position: relative;

    z-index: 12;

}

.our-service-list .marquee,

.our-service-list .marquee-bottom {

    height: 260px;

    overflow: hidden;

}

.img-list {

    display: flex;

    gap: 32px;

}

.service-box {

    width: 584px;

    height: 260px;

    position: relative;

    border-radius: 12px;

    overflow: hidden;

}

.service-box img {

    transition: all 0.3s ease-in-out;

}

.service-box a:hover img {

    scale: 1.1;

}

.service-box a {

    width: 100%;

    height: 100%;

    display: block;

    position: relative;

    overflow: hidden;

}

.service-box a:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.service-box h3 {

    width: 100%;

    padding: 24px 15px;

    position: absolute;

    bottom: 0;

    left: 0;

    color: var(--color-white);

    text-align: center;

    z-index: 12;

}

.who-we-are-wrap {

    padding: 64px 0 64px;

}

.who-we-are {

    display: flex;

    gap: 32px;

    color: var(--color-grey-800);

}

.who-we-are .who-we-are-left {

    width: 586px;

    flex-shrink: 0;

}

.who-we-are .who-we-are-right {

    width: 100%;

}
.who-we-are .who-we-are-right .who-we-are-desc{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.who-we-are-desc .title {

    text-align: left;

    padding-bottom: 12px;

}

.who-we-are-desc .title-tag-line:before {

    margin-left: 0;

}
.who-we-are-desc p{
    text-align: justify;
}

.who-we-are-desc .list-normal {

    padding: 16px 0 16px;

    border-top: 1px solid var(--color-grey-400);
    text-transform: uppercase;

}
.who-we-are .who-we-are-right .who-we-are-desc .btn-wrap{
    margin-top: auto;
}

.list-normal ul {

    display: flex;

    flex-direction: column;

    gap: 16px;

}

.list-normal ul li {

    font-size: 16px;

    line-height: 26px;

    font-weight: 500;

    color: var(--color-primary);

    padding-left: 32px;

    position: relative;

}

.list-normal ul li:before {

    content: "";

    width: 24px;

    height: 24px;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 3.33989C18.5083 4.21075 19.7629 5.46042 20.6398 6.96519C21.5167 8.46997 21.9854 10.1777 21.9994 11.9192C22.0135 13.6608 21.5725 15.3758 20.72 16.8946C19.8676 18.4133 18.6332 19.6831 17.1392 20.5782C15.6452 21.4733 13.9434 21.9627 12.2021 21.998C10.4608 22.0332 8.74055 21.6131 7.21155 20.7791C5.68256 19.9452 4.39787 18.7264 3.48467 17.2434C2.57146 15.7604 2.06141 14.0646 2.005 12.3239L2 11.9999L2.005 11.6759C2.061 9.94888 2.56355 8.26585 3.46364 6.79089C4.36373 5.31592 5.63065 4.09934 7.14089 3.25977C8.65113 2.42021 10.3531 1.98629 12.081 2.00033C13.8089 2.01437 15.5036 2.47589 17 3.33989ZM15.707 9.29289C15.5348 9.12072 15.3057 9.01729 15.0627 9.002C14.8197 8.98672 14.5794 9.06064 14.387 9.20989L14.293 9.29289L11 12.5849L9.707 11.2929L9.613 11.2099C9.42058 11.0607 9.18037 10.9869 8.9374 11.0022C8.69444 11.0176 8.46541 11.121 8.29326 11.2932C8.12112 11.4653 8.01768 11.6943 8.00235 11.9373C7.98702 12.1803 8.06086 12.4205 8.21 12.6129L8.293 12.7069L10.293 14.7069L10.387 14.7899C10.5624 14.926 10.778 14.9998 11 14.9998C11.222 14.9998 11.4376 14.926 11.613 14.7899L11.707 14.7069L15.707 10.7069L15.79 10.6129C15.9393 10.4205 16.0132 10.1802 15.9979 9.93721C15.9826 9.69419 15.8792 9.46509 15.707 9.29289Z' fill='%2300543E'/%3E%3C/svg%3E%0A");

    position: absolute;

    top: 2px;

    left: 0;

}

.who-we-are-left .media-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

}

.who-we-are-left .media-row .media-col {

    width: 50%;

    padding: 0 16px;

}

.media-row .media-col .media-box {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

}

.who-we-are-left .media-row .media-col:first-child .media-box:first-child {

    margin-bottom: 32px;

}

.media-row .media-col .media-box img {

    width: 100%;

    display: block;

}

.media-row .media-col .media-box:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.media-row .media-col .media-box .info-box {

    width: calc(100% - 24px);

    padding: 22px;

    display: flex;

    align-items: center;

    gap: 10px;

    background: #fff;

    border-radius: 8px;

    position: absolute;

    bottom: 12px;

    left: 0;

    right: 0;

    margin: 0 auto;

    z-index: 1;

}

.media-row .media-col .media-box .info-box .counter {

    /* font-size: 30px; */

    min-width: 64px;

    font-weight: 600;

    color: var(--color-primary);

}

.media-row .media-col .media-box .info-box p {

    font-size: 14px;

    line-height: 22px;

    color: var(--color-grey-800);

}

.single-point-wrap {

    background: var(--color-grey-200);

}

.single-point {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

}

.single-point-left {

    width: 50%;

    padding-right: 32px;

    padding-left: 16px;

}

.single-point-right {

    width: 50%;

}

.single-point-left .desc-box {

    width: 100%;

    max-width: 864px;

    margin-left: auto;

}

.single-point-right img {

    width: 100%;

    display: block;

}

.single-point-left .desc-box .title {

    text-align: left;

    margin-left: 0;

    padding-bottom: 32px;

}

.single-point-left .desc-box ul {

    padding-top: 13px;

    display: flex;

    flex-direction: column;

    gap: 16px;
    text-transform: uppercase;

}

.single-point-left .desc-box p {

    color: var(--color-grey-800);

    font-weight: 400;
    text-align: justify;

}

.single-point-left .desc-box ul li {

    display: flex;

    gap: 12px;

    font-size: 16px;

    line-height: 24px;

    font-weight: 500;

    color: var(--color-grey-800);

    align-items: center;

}



.industries-wrap {

    padding: 64px 0 64px;

    background: #0D2721;

    position: relative;

    overflow: hidden;

}



.industries-wrap:before {

    content: "";

    width: 559px;

    height: 559px;

    border-radius: 100%;

    background: #298771;

    filter: blur(200px);

    position: absolute;

    top: -20%;

    right: -279px;

    z-index: 1;

}

.industries-wrap:after {

    content: "";

    width: 739px;

    height: 450px;

    border-radius: 100%;

    background: #298771;

    filter: blur(300px);

    position: absolute;

    bottom: 40%;

    left: 0;

    z-index: 1;

    border-radius: 25%;

}

.industries-wrap .title {

    max-width: 500px;

}

.industries-wrap .industries {

    position: relative;

    z-index: 12;

}

.industries-listing ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

    row-gap: 32px;

}

.industries-listing ul li {

    width: 33.33%;

    padding: 0 16px;

}

.industries-listing ul li .industrie-box {

    width: 100%;

    height: 100%;

    border-radius: 12px;

    overflow: hidden;

}

.industries-listing ul li .industrie-box a {

    width: 100%;

    height: 100%;

    padding-bottom: 84.70%;

    display: block;

    position: relative;

}

.industries-listing ul li .industrie-box a:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.industries-listing ul li .industrie-box a img {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    object-fit: cover;

    transition: all 0.3s ease-in-out;

}

.industries-listing ul li .industrie-box a:hover img {

    scale: 1.1;

}

.industries-listing ul li .industrie-box h3 {

    width: 100%;

    background: var(--color-primary);

    color: var(--color-white);

    padding: 16px;

    position: absolute;

    bottom: 18px;

    left: 0;

    z-index: 1;

    text-align: center;

    transition: all 0.3s ease-in-out;

}

.industries-listing ul li .industrie-box a:hover h3 {

    color: var(--color-primary);

    background: var(--color-white);

}

.call-to-action-wrap {

    padding: 118px 0 64px;

}

.call-to-action {

    position: relative;

}

.call-to-action-media {

    width: 286px;

    height: 456px;

    position: absolute;

    bottom: 0;

    right: 70px;

    z-index: 1;

}

.call-to-action-box {

    width: 100%;

    background: var(--color-primary-light);

    border-radius: 12px;

    padding: 64px 64px;

    position: relative;

    overflow: hidden;

}

.call-to-action-box .desc-box {

    position: relative;

    z-index: 12;

}

.call-to-action-box .shape-left {

    position: absolute;

    top: 0;

    left: 0;

}

.call-to-action-box .shape-right {

    position: absolute;

    bottom: 0;

    right: 0;

}

.call-to-action-box .tag-line {

    font-size: 18px;

    line-height: 27px;

    color: var(--color-white);

    font-weight: 500;

    text-transform: uppercase;

    padding-bottom: 13px;

    position: relative;

}

.call-to-action-box .tag-line:before {

    content: "";

    width: 52px;

    height: 2px;

    border-radius: 2px;

    background: var(--color-white);

    position: absolute;

    bottom: 10px;

    left: 0;

}

.call-to-action-box h2 {

    width: 100%;

    max-width: 584px;

    color: var(--color-white);

    font-weight: 600;

    padding-bottom: 29px;

}

.single-point-wrap.full-width {

    width: 100%;

    height: 700px;

    display: flex;

    align-items: center;

    position: relative;

    

}

.single-point-wrap.full-width:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #00543E 0%, #00543E 28.06%, rgba(0, 84, 62, 0) 70.16%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.single-point-wrap.full-width::after {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

}



.single-point-wrap.full-width .single-point {

    width: 100%;

    max-width: 627px;

    margin-left: 80px;

    position: relative;

    z-index: 1;

    color: var(--color-white);

    display: block;

}

.single-point-wrap.full-width .single-point .title {

    margin-left: 0;

    text-align: left;

    padding-bottom: 12px;
    max-width: 627px;

}

.single-point-wrap.full-width .single-point .title h2 {

    color: var(--color-white);

    font-weight: 600;

}

.single-point-wrap.full-width .single-point p{
    text-align: justify;
}

.why-choose-us-wrap {

    padding: 64px 0 0;

}

.why-choose-us-listing {

    position: relative;

}

.why-choose-us-listing:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(17, 24, 39, 0.40), rgba(17, 24, 39, 0.40));

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.why-choose-us-listing .object-fit{

    width: 100%;

    height: 100%;

    position: absolute;

    object-fit: cover;

}

.why-choose-us-listing ul {

    position: relative;

    z-index: 1;

    display: flex;

    flex-wrap: wrap;

}

.why-choose-us-listing ul li {

    width: 25%;

}

.why-choose-us-listing ul li .choose-us-box {

    width: 100%;

    height: 458px;

    display: flex;

    flex-direction: column;

    justify-content: end;

    background: rgba(17, 24, 39, 0.1);

    border-right: 0.5px solid rgba(255, 255, 255, 0.6);

    padding: 32px 10px;

    color: var(--color-white);

    transition: all 0.3s ease-in-out;

}

.why-choose-us-listing ul li:last-child .choose-us-box {

    border-right: 0;

}

.why-choose-us-listing ul li .choose-us-box .num-box {

    font-size: 72px;

    line-height: 82px;

    font-weight: 500;

    color: var(--color-white);

    padding-bottom: 10px;

}

.why-choose-us-listing ul li .choose-us-box h3 {

    color: var(--color-white);

    font-weight: 500;

}

.why-choose-us-listing ul li .choose-us-box p {

    font-size: 18px;

    line-height: 24px;

    font-weight: 400;

    padding-top: 10px;

    max-height: 0;

    transition: all 0.3s ease-in-out;

    overflow: hidden;

    /* display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2; */

}

.why-choose-us-listing ul li .choose-us-box:hover {

    backdrop-filter: blur(12px);

}

.why-choose-us-listing ul li .choose-us-box:hover p {

    max-height: 157px;

}

.testimonials-wrap {

    padding: 64px 0 64px;

}

.testimonial-list ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

    row-gap: 30px;

}

.testimonial-list ul li {

    width: 50%;

    padding: 0 16px;

}

.testimonial-list ul li .testimonial-box {

    height: 100%;

    padding: 28px 16px 28px 70px;

    background: rgba(41, 135, 113, 0.10);

    border-radius: 12px;

    position: relative;

}

.testimonial-list ul li .testimonial-box:before {

    content: "";

    width: 40px;

    height: 40px;

    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.9999 31.6667C24.1159 31.6667 23.268 31.3156 22.6429 30.6904C22.0178 30.0653 21.6666 29.2175 21.6666 28.3334L21.6666 18.3334C21.6666 13.1167 24.4166 9.67841 29.5949 8.38341C29.8078 8.32846 30.0295 8.31618 30.2471 8.34727C30.4648 8.37836 30.6742 8.45221 30.8632 8.56457C31.0521 8.67692 31.217 8.82557 31.3483 9.00193C31.4796 9.1783 31.5747 9.37889 31.6282 9.59218C31.6816 9.80546 31.6923 10.0272 31.6597 10.2446C31.627 10.4621 31.5517 10.6709 31.438 10.8591C31.3243 11.0473 31.1744 11.2111 30.9971 11.3411C30.8198 11.4712 30.6186 11.5648 30.4049 11.6167C26.6933 12.5451 24.9999 14.6617 24.9999 18.3334L24.9999 20.0001L29.9999 20.0001C30.8409 19.9998 31.6509 20.3174 32.2675 20.8892C32.8841 21.4611 33.2618 22.2448 33.3249 23.0834L33.3333 23.3334L33.3333 28.3334C33.3333 29.2175 32.9821 30.0653 32.3569 30.6904C31.7318 31.3156 30.884 31.6667 29.9999 31.6667L24.9999 31.6667Z' fill='%2300543E'/%3E%3Cpath d='M9.99992 31.6667C9.11586 31.6667 8.26802 31.3156 7.6429 30.6904C7.01778 30.0653 6.66659 29.2175 6.66659 28.3334L6.66658 18.3334C6.66658 13.1167 9.41658 9.67841 14.5949 8.38341C14.8078 8.32846 15.0295 8.31618 15.2471 8.34727C15.4648 8.37836 15.6742 8.45221 15.8632 8.56457C16.0521 8.67692 16.217 8.82557 16.3483 9.00193C16.4796 9.1783 16.5747 9.37889 16.6282 9.59218C16.6816 9.80546 16.6923 10.0272 16.6597 10.2446C16.627 10.4621 16.5517 10.6709 16.438 10.8591C16.3243 11.0473 16.1744 11.2111 15.9971 11.3411C15.8198 11.4712 15.6186 11.5648 15.4049 11.6167C11.6933 12.5451 9.99992 14.6617 9.99992 18.3334L9.99992 20.0001L14.9999 20.0001C15.8409 19.9998 16.6509 20.3174 17.2675 20.8892C17.8841 21.4611 18.2618 22.2448 18.3249 23.0834L18.3333 23.3334L18.3333 28.3334C18.3333 29.2175 17.9821 30.0653 17.3569 30.6904C16.7318 31.3156 15.884 31.6667 14.9999 31.6667L9.99992 31.6667Z' fill='%2300543E'/%3E%3C/svg%3E%0A");

    position: absolute;

    left: 16px;

    top: 24px;

}

.testimonial-list ul li .testimonial-box .info {

    padding-bottom: 24px;

    color: var(--color-grey-800);

}

.testimonial-list ul li .testimonial-box .user-info .name {

    font-weight: 500;

    text-transform: uppercase;

    color: var(--color-grey-800);

}

.testimonial-list ul li .testimonial-box .user-info .post {

    color: var(--color-grey-800);

    font-size: 14px;

    font-weight: 400;

}

.intro-section-wrap {

    padding: 64px 0 64px;

}

.inner-banner {

    align-items: start;

    height: 480px;

    padding-top: 250px;

    text-align: center;

}

.inner-banner.banner-section::after {

    display: none;

}

.intro-section .title {

    max-width: 100%;

    padding-bottom: 12px;

}

.intro-section {

    width: 100%;

    max-width: 797px;

    margin: 0 auto;

    text-align: center;

}

.our-story-wrap {

    padding: 64px 0 64px;

    background: var(--color-grey-200);

}

.our-story {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

}

.our-story-left {

    width: 50%;

    padding: 0 16px;

}

.our-story-right {

    width: 50%;

    padding: 0 16px;

}

.our-story-desc .title {

    padding-bottom: 12px;

    text-align: left;

    max-width: 100%;

}
.our-story-desc p{
    text-align: justify;
}

.our-story-desc ul {

    display: flex;

    justify-content: space-between;

    gap: 10px;

    padding: 10px 0 32px;

}

.our-story-desc ul .desc-box {

    width: 100%;

    max-width: 133px;

    text-align: center;

    display: flex;

    flex-direction: column;

    gap: 5px;

}
.our-story-desc ul p{
    text-align: center;
}

.desc-box h3 {

    font-weight: 600;

    color: var(--color-primary);

}

.our-story-right .media-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -6px;

    row-gap: 12px;

}

.our-story-right .media-row .media-col {

    width: 50%;

    padding: 0 6px;

}

.our-story-right .media-row .media-col:last-child {

    width: 100%;

}



.our-misson-vision-wrap {

    padding: 64px 0 64px;

}

.our-misson-vision ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

}

.our-misson-vision ul li {

    width: 50%;

    padding: 0 16px;

}

.our-misson-vision .our-misson-vision-box {

    display: flex;

    flex-direction: column;

    gap: 40px;

}

.our-misson-vision ul li:last-child .our-misson-vision-box {

    flex-direction: column-reverse;

}

.our-misson-vision .media-box {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

}

.our-misson-vision .media-box img {

    width: 100%;

}

.our-misson-vision .our-misson-vision-box .title {

    max-width: 100%;

    text-align: left;

    padding-bottom: 12px;

}
.our-misson-vision .our-misson-vision-box p{
    text-align: justify;
}
.our-misson-vision .media-box:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.our-values-listing {

    width: 100%;

    max-width: 944px;

    margin: 0 auto;

    position: relative;

    z-index: 12;

}

.professional-service-list.our-values-listing ul li {

    width: 50%;

}

.our-values-listing ul {

    row-gap: 32px;

}

.our-values-listing ul li .professional-service-box {

    display: flex;

    gap: 20px;

    flex-direction: row;

    padding: 24px;

}

.our-values-listing ul li .professional-service-box p {

    color: var(--color-grey-800);

}

.our-values-listing ul li .professional-service-box .icon-box {

    width: 56px;

    flex-shrink: 0;

}

.our-values-listing ul li .professional-service-box .desc-box {

    width: 100%;

}

.work-with-us-wrap {

    padding: 64px 0 64px;

    background: var(--color-grey-200);

}

.work-with-us .row .title {

    text-align: left;

}

.work-with-us .row .title .title-tag-line:before {

    margin-left: 0;

}
.work-with-us .row p{
    text-align: justify;
}

.work-with-us .row .btn-wrap {

    text-align: right;

}

.work-with-gallery ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

}

.work-with-gallery ul li {

    width: 50%;

    padding: 0 16px;

}

.work-with-gallery .media-row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

    row-gap: 32px;

}

.work-with-gallery .media-row .media-col {

    width: 50%;

    padding: 0 16px;

}

.work-with-gallery .media-row .media-col.full-width {

    width: 100%;

}

.faq-wrap {

    padding: 64px 0 64px;

}

.faq {

    width: 100%;

    max-width: 994px;

    margin: 0 auto;

}

.accordion .accordion-item {

    border-bottom: 1px solid var(--color-grey-400);

    transition: all 0.3s ease-in-out;

}

.accordion .accordion-item.open {

    background: rgba(41, 135, 113, 0.10);

}

.accordion .accordion-item .accordion-header {

    padding: 24px 58px 24px 24px;

    position: relative;

    cursor: pointer;

}

.accordion .accordion-item .accordion-header .arrow {

    width: 24px;

    height: 24px;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3093_215)'%3E%3Cpath d='M12 5V19V5Z' fill='%2300140F'/%3E%3Cpath d='M12 5V19' stroke='%2300140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 12H19H5Z' fill='%2300140F'/%3E%3Cpath d='M5 12H19' stroke='%2300140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3093_215'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

    position: absolute;

    top: 24px;

    right: 24px;

    transition: all 0.3s ease-in-out;

}

.accordion .accordion-item .accordion-header .arrow.rotate {

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3093_233)'%3E%3Cpath d='M16.9497 7.05023L7.05021 16.9497L16.9497 7.05023Z' fill='%2300140F'/%3E%3Cpath d='M16.9497 7.05023L7.05021 16.9497' stroke='%2300140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.05029 7.05023L16.9498 16.9497L7.05029 7.05023Z' fill='%2300140F'/%3E%3Cpath d='M7.05029 7.05023L16.9498 16.9497' stroke='%2300140F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3093_233'%3E%3Crect width='24' height='24' fill='white' transform='matrix(0 1 -1 0 24 0)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

}

.accordion-content {

    overflow: hidden;

    display: none;

    padding: 0;

}

.accordion-content .content-box {

    padding: 0 24px 24px;

}



.contact-us-wrap {

    padding: 64px 0 64px;

}

.contact-us {

    display: flex;

    gap: 32px;

}

.contact-us .contact-us-left {

    width: 100%;

}

.contact-us .contact-us-right {

    width: 379px;

    flex-shrink: 0;

}

.contact-us-form h2 {

    padding-bottom: 32px;

}

.form-wrap .form-group {

    margin-bottom: 24px;

}

.form-wrap .form-group label {

    font-size: 14px;

    color: var(--color-grey-800);

    display: block;

    padding-bottom: 5px;

}

.form-wrap .form-group .form-control {

    width: 100%;

    height: 56px;

    background: var(--color-white);

    font-family: var(--font-sans-serif);

    font-size: 16px;

    color: var(--color-grey-800);

    border: 1px solid var(--color-grey-400);

    border-radius: 8px;

    padding: 0 20px;

}

.form-wrap .form-group textarea.form-control {

    font-family: var(--font-sans-serif);

    font-size: 16px;

    color: var(--color-grey-800);

    height: 150px;

    padding: 12px 20px;

}

.col-6.full-width {

    width: 100%;

}

.footer-form {

    margin-bottom: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.submit-btn .btn {

    font-family: var(--font-sans-serif);

    font-size: 16px;

    font-weight: 500;

    color: var(--color-white);

    background: var(--color-primary);

    display: inline-block;

    padding: 14px 32px;

    border-radius: 8px;

    transition: all 0.3s ease-in-out;

    cursor: pointer;

    box-shadow: none;

    border: 0;

}

.submit-btn .btn:hover {

    background: var(--color-primary-dark);

}

.contact-us-desc h2 {

    padding-bottom: 32px;

}

.contact-info ul {

    display: flex;

    flex-direction: column;

    gap: 24px;

}

.contact-info ul li a {

    display: flex;

    gap: 12px;

    align-items: center;

    font-size: 18px;

    line-height: 28px;

    color: var(--color-grey-800);

    transition: all 0.3s ease-in-out;

}

.contact-info ul li a:hover {

    color: var(--color-primary);

}

.contact-info ul li a .icon-box {

    width: 32px;

    height: 32px;

    color: var(--color-primary);

}

.contact-us-desc .social-media {

    padding-bottom: 24px;

    display: flex;

    gap: 12px;

    align-items: center;

}

.contact-us-desc .social-media ul {

    display: flex;

    align-items: center;

    gap: 12px;

}

.contact-us-desc .social-media ul li {

    width: 32px;

    height: 32px;

}

.contact-us-desc .social-media ul li a {

    color: var(--color-primary);

    transition: all 0.3s ease-in-out;

    display: block;

}

.contact-us-desc .social-media ul li a:hover {

    color: var(--color-primary-dark);

}

.contact-us-desc .social-media p{
    font-size: 18px;
}

.contact-us {

    padding-bottom: 64px;

}

.form-wrap .form-group.footer-form {

    margin-bottom: 0;

}

.partner-cta {

    padding-top: 64px;

    border-top: 2px solid var(--color-grey-400);

}



.partner-cta .title {

    max-width: 752px;

    text-align: center;

    padding-bottom: 0;

}

.partner-cta .title p {

    margin-bottom: 0;

}

.error-page-wrap {

    padding: 202px 0 50px;

    text-align: center;

}

.error-page {

    padding-top: 64px;

}

.error-page h1 {

    padding-bottom: 12px;

}

.error-page p {

    margin-bottom: 32px;

}



.privacy-content p,

.privacy-content li {

    color: var(--color-grey-800);

}

.privacy-content p {

    margin-bottom: 12px;

}

.privacy-content p:last-child {

    margin-bottom: 0;

}

.privacy-content h1 {

    font-size: var(--font-h1);

    line-height: 1.2;

    padding-bottom: 12px;

    font-weight: 600;

}

.privacy-content h2 {

    font-size: var(--font-h2);

    line-height: 1.2;

    padding-bottom: 12px;

    font-weight: 600;

}

.privacy-content h3 {

    font-size: var(--font-h3);

    line-height: 1.2;

    padding-bottom: 12px;

    font-weight: 600;

}

.privacy-content h4 {

    font-size: var(--font-h4);

    line-height: 1.2;

    padding-bottom: 12px;

    font-weight: 600;

}

.privacy-content h5 {

    font-size: var(--font-h5);

    line-height: 1.2;

    padding-bottom: 12px;

    font-weight: 600;

}

.privacy-content h6 {

    font-size: var(--font-h6);

    line-height: 1.2;

    padding-bottom: 12px;

    font-weight: 600;

}

.privacy-content .content-box a {

    font-weight: 500;

    color: var(--color-primary-light);

}

.privacy-content .content-box {

    padding-bottom: 40px;

}

.privacy-content-wrap {

    padding: 64px 0 32px;

}

.privacy-content .content-box .sub-content-box {

    padding-bottom: 20px;

    padding-left: 32px;

}

.privacy-content .content-box .sub-content-box:last-child {

    padding-bottom: 0;

}

.privacy-content ul {

    display: flex;

    flex-direction: column;

    gap: 14px;



}

.privacy-content ul li {

    font-size: 16px;

    line-height: 24px;

    position: relative;

    padding-left: 24px;

}

.privacy-content ul li:before {

    content: "";

    width: 5px;

    height: 5px;

    background: #0E2324;

    border-radius: 100%;

    position: absolute;

    top: 9px;

    left: 10px;

}

.privacy-content ul + p {

    margin-top: 12px;

}

.service-page-wrap {

    padding: 64px 0 64px;

    background: var(--color-grey-200);

}

.service-page .title {

    max-width: 100%;

}

.service-page-listing ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

    row-gap: 32px;

}



.service-page-listing ul li {

    width: 33.33%;

    padding: 0 16px;

}

.service-page-listing ul li:last-child {

    width: 100%;

}

.service-page-listing ul li a {

    display: block;

    border-radius: 12px;

    overflow: hidden;

    position: relative;

    text-align: center;

    padding-bottom: 100.26%;

}

.service-page-listing ul li:last-child a {

    padding-bottom: 31.56%;

}

.service-page-listing ul li a img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

    display: block;

}

.service-page-listing ul li a .desc-box {

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 0%, #111827 89.5%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

    transition: all 0.3s ease-in-out;

    display: flex;

    align-items: end;

    justify-content: center;

    padding: 20px;

}



.service-page-listing ul li a:hover .desc-box {

    background: linear-gradient(180deg, rgba(17, 24, 39, 0.8) 0%, #111827 89.5%);

}

.service-page-listing ul li a .desc-box h3 { 

    color: var(--color-white);

    padding-bottom: 10px;

    text-transform: capitalize;

    font-weight: 500;

}

.service-page-listing ul li a .desc-box .btn-link {

    width: 90px;

    height: 0;

    display: flex;

    flex-direction: column;

    font-size: 16px;

    line-height: 24px;

    color: var(--color-primary-light);

    font-weight: 500;

    text-align: center;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

    transition: all 0.3s ease-in-out;

    overflow: hidden;

}

.service-page-listing ul li a:hover .desc-box .btn-link {

    height: 44px;

}





.bg-grey {

    background: var(--color-grey-200);

}

.bg-white {

    background: var(--color-white);

}

.last-update-box {

    padding-bottom: 40px;

    border-bottom: 1px solid var(--color-grey-400);

    margin-bottom: 40px;

}

.last-update-box p:first-child {

    font-weight: 500;

}

.last-update-box p a {

    text-decoration: underline;

    color: var(--color-grey-800);

}



.fancybox__backdrop {

    background: rgba(17, 24, 39, 0.7);

    backdrop-filter: blur(5px);

}

.fancybox__content {

    padding: 0;

    background: transparent;

}

.modal {

    display: none;

}

.modal-content-box {

    position: relative;

    padding-top: 10px;

    border-radius: 12px;

    background: #FFFFFF;

    border-radius: 12px;

    padding: 64px 102px;

    width: 100%;

    max-width: 994px;

    

}

.modal-content-box:before {

    content: "";

    width: 100%;

    height: 8px;

    background: linear-gradient(91.28deg, #00543E 1.13%, #298771 98.87%);

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 12px 12px 0 0; 

}



.is-close-btn {

  width: 56px;

  height: 56px;

  background: var(--color-primary) !important;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 100%;

  top: -28px !important;

  right: -28px !important;

  cursor: pointer;

  opacity: 1 !important;

}

.close-button svg {

    width: 25px;

    height: 25px;

    color: var(--color-white);

}

.show-modal {

  opacity: 1;

  visibility: visible;

  transform: scale(1.0);

  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;

}



.modal-content-box .title h2 {

    text-align: center;

    padding-bottom: 0;

}

.modal-content-box .form-wrap p {

    text-align: center;

    color: var(--bs-gray-800);

}

.modal-content-box .title {

    max-width: 637px;

    gap: 12px;

}

.about-the-industry-wrap {

    padding: 64px 0;

}

.about-the-industry {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -16px;

}

.about-the-industry-left {

    width: 50%;

    padding: 0 16px;

}

.about-the-industry-right {

    width: 50%;

    padding: 0 16px;

}

.about-the-industry-right .professional-service-list, .about-the-industry-right .professional-service-list ul{
    height: 100%;
}

.about-the-industry-left .media-box {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

    margin-bottom: 40px;

}

.about-the-industry-left .media-box:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.about-the-industry-left .media-box img {

    width: 100%;

    display: block;

}

.industry-desc-box .title {

    text-align: left;

    padding-bottom: 12px;

    max-width: 100%;

}

.industry-desc-box .title-tag-line:before {

    margin-left: 0;

}
.industry-desc-box p{
    text-align: justify;
}

.industry-desc-box .btn-wrap {

    padding-top: 17px;

}

.about-the-industry .professional-service-list ul li {

    width: 50%;

}

.about-the-industry .professional-service-list ul {

    row-gap: 32px;

}

.call-to-action-wrap.industry .call-to-action-box h2 {

    padding-bottom: 16px;

}

.call-to-action-wrap.industry .call-to-action-box p {

    width: 100%;

    max-width: 584px;

    color: var(--color-white);

}

.call-to-action-box .shape-left {

    height: 100%;

}

.call-to-action-box .shape-left img {

    height: 100%;

}

.subcontractor-wrap {

    padding: 64px 0 64px;

    overflow: hidden;

}

.subcontractor-wrap .title {

    text-align: left;
    max-width: 500px;
    margin: 0;

}

.navigation-buttons {

    display: flex;

    align-items: center;

    justify-content: end;

    gap: 12px;

}

.navigation-buttons > div {

    width: 42px;

    height: 42px;

    top: inherit;

    margin-top: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid var(--color-primary);

    color: var(--color-primary);

    border-radius: 8px;

    transition: all 0.3s ease-in-out;

}

.navigation-buttons > div:hover {

    background: var(--color-primary);

    color: var(--color-white);

}

.navigation-buttons > div:after {

    display: none;

}

.navigation-buttons > div svg {

    width: 25px;

    height: 25px;

}

.swiper-button-next, .swiper-button-prev {

    position: relative;

    left: inherit;

    right: inherit;

}

.subcontractor-wrap .swiper-slide {

    width: 481px;

}

.subcontractor-box .media-box {

    position: relative;

    border-radius: 12px;

    overflow: hidden;

}

.subcontractor-box .media-box img {

    width: 100%;

}

.subcontractor-slider .swiper {

    overflow: visible;

}

.subcontractor-box .media-box:before {

    content: "";

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, rgba(17, 24, 39, 0) 40.91%, #111827 100%);

    position: absolute;

    top: 0;

    left: 0;

    z-index: 1;

}

.subcontractor-box  .desc-box {

    padding-top: 16px;

}

.subcontractor-box  .desc-box h6 {

    padding-bottom: 12px;

    color: var(--color-primary);

}

.subcontractor-box  .desc-box ul {

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.subcontractor-box  .desc-box ul li {

    padding-left: 16px;

    position: relative;

    font-size: 16px;

    line-height: 22px;

    color: var(--color-grey-800);

}

.subcontractor-box  .desc-box ul li:before {

    content: "";

    width: 8px;

    height: 8px;

    background: var(--color-grey-400);

    border-radius: 100%;

    position: absolute;

    top: 8px;

    left: 0;

}

.application-form-wrap {

    padding: 64px 0 64px;

}

.application-form-wrap .title {

    max-width: 100%;

}

.application-form-wrap .form-wrap {

    width: 100%;

    max-width: 994px;

    margin: 0 auto;

}

.application-form-wrap .form-box {

    padding: 32px 24px 8px;

    background: var(--color-white);

    border-radius: 12px;

    position: relative;

    margin-bottom: 40px;

}

.application-form-wrap .form-box:last-child {

    margin-bottom: 0;

}

.application-form-wrap .form-box:before {

    content: "";

    width: 100%;

    height: 8px;

    background: linear-gradient(91.28deg, #00543E 1.13%, #298771 98.87%);

    position: absolute;

    top: 0;

    left: 0;

    border-radius: 12px 12px 0 0;

}

.application-form-wrap h3 {

    padding-bottom: 16px;

}



.select2-container--default .select2-selection--single {

    width: 100%;

    height: 56px;

}

.select2-container .select2-selection--single .select2-selection__rendered {

    padding: 14px 56px 12px 16px;

    font-family: var(--font-sans-serif);

    font-size: 16px;

    color: var(--color-grey-800);

     

}

.select2-container--default .select2-results>.select2-results__options {

border: 1px solid var(--color-grey-400);

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    width: 24px;

    height: 24px;

    border: 0;

    right: 14px;

    top: 16px;

    margin: 0;

    left: inherit;

    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%2310282C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");

}

.select2-results__option {

    padding: 12px 16px;

    font-size: 14px;

    line-height: 20px;

    color: var(--bs-secondary);

   

}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,

.select2-container--default .select2-results__option--selected {

    background: var(--color-primary);

    color: var(--color-white);

    font-weight: 600;

}



.select2-dropdown {

    border: 1px solid var(--bs-primary);

    border-top: 0;

}

.select2-container--default .select2-selection--single {

    border: 1px solid var(--bs-gray-400);

    border-radius: 4px;

    background: var(--color-white);

    font-family: var(--font-sans-serif);

    font-size: 16px;

    color: var(--color-grey-800);

    border: 1px solid var(--color-grey-400);

    border-radius: 8px;

}

.pb-32 {

    padding-bottom: 32px;

}

.pb-8 {

    padding-bottom: 8px;

}



.form-with-custom-checkboxes-radios .wpcf7-list-item,

.form-with-custom-checkboxes-radios label {

  display: flex;

  font-size: 14px;

  line-height: 22px;

  color: var(--color-grey-800);

}

.form-with-custom-checkboxes-radios .wpcf7-list-item {

    margin: 0;

  }

  

  .form-with-custom-checkboxes-radios .wpcf7-list-item:not(:last-child) {

    margin-bottom: 15px;

  }

  

  .form-with-custom-checkboxes-radios label {

    cursor: pointer;

  }

  

  .form-with-custom-checkboxes-radios [type="radio"],

  .form-with-custom-checkboxes-radios [type="checkbox"] {

    position: absolute;

    left: -9999px;

  }

  

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label,

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label {

    position: relative;

    padding-left: 30px;

    line-height: 20px;

  }

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::before {

    border-radius: 2px;

  }

  

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::before,

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::before,

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after,

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after {

    content: "";

    position: absolute;

    box-sizing: border-box;

  }

  

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::before,

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after {

    border-radius: 50%;

  }

  

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::before,

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::before {

    top: 0;

    left: 0;

    width: 20px;

    height: 20px;

    border: 1px solid var(--color-grey-400);

  }

  

  .form-with-custom-checkboxes-radios [type="radio"] + .wpcf7-list-item-label::after,

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after {

    top: 5px;

    left: 5px;

    width: 10px;

    height: 10px;

    background: var(--color-primary);

    transition: all 0.2s;

  }

  .form-with-custom-checkboxes-radios [type="checkbox"] + .wpcf7-list-item-label::after {

    border-radius: 2px;

  }

  

  .form-with-custom-checkboxes-radios [type="radio"]:not(:checked) + .wpcf7-list-item-label::after,

  .form-with-custom-checkboxes-radios [type="checkbox"]:not(:checked) + .wpcf7-list-item-label::after {

    opacity: 0;

    transform: scale(0.01);

  }

  

  .form-with-custom-checkboxes-radios [type="radio"]:checked + .wpcf7-list-item-label::after,

  .form-with-custom-checkboxes-radios [type="checkbox"]:checked + .wpcf7-list-item-label::after {

    opacity: 1;

    transform: scale(1);

  }

  

  .form-with-custom-checkboxes-radios [type="radio"]:checked + .wpcf7-list-item-label::before,

  .form-with-custom-checkboxes-radios [type="checkbox"]:checked + .wpcf7-list-item-label::before {

    border-color: var(--color-primary);

  }



  .radios-check-box-title {

    font-size: 18px;

    line-height: 24px;

    font-weight: 500;

    color: var(--color-grey-800);

    padding-bottom: 16px;

  }



.submit-btn {

    position: relative;

}

.submit-btn .wpcf7-spinner {

    position: absolute;

    top: 14px;

    right: 22px;

    margin: 0;

}



.filepond--credits {

    display: none;

}

.filepond--panel-root {

    background: transparent !important;

    /* background: rgba(41, 135, 113, 0.1); */

}

.filepond--panel-center {

    background: rgba(41, 135, 113, 0.10) !important;

    border-radius: 8px !important;

    border: 1px dashed rgba(41, 135, 113, 0.1) !important;

}

.filepond--file-wrapper.filepond--file-wrapper {

    background: var(--color-primary-dark);

}

.filepond--drop-label {

    /* background: rgba(41, 135, 113, 0.10) !important;

    border-radius: 8px !important;

    border: 1px dashed rgba(41, 135, 113, 0.1) !important; */

}

.filepond--drop-label.filepond--drop-label label {

    padding: 19px;

    text-align: center;

    font-size: 12px;

    font-weight: 400;

    font-family: var(--font-sans-serif);

    color: #00543E;

    display: block;

    

}

.filepond--label-action {

    text-decoration-color: #00543E;

}

.subtext {

    color: #0E2324;

}

.filepond--file-info-preview {

    display: none !important;

}

.file-upload-radio-list .wpcf7-form-control {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

}

.file-upload-radio {

    width: 100%;

    max-width: 425px;

    padding-left: 28px;

    margin-bottom: 0 !important;

}

.file-upload-radio .my-pond {

    margin: 0 !important;

}

.upload-other-document {

    display: flex;

    align-items: start;

    gap: 32px;

}

.upload-other-document .form-group {

    width: 100%;

}

.upload-other-document .add-more {

    flex-shrink: 0;

    padding-top: 32px;

}

.add-more-btn {

    width: 54px;

    height: 54px;

    border: 0;

    background: rgba(41, 135, 113, 0.10);

    border-radius: 8px;

    display: flex;

    align-items: center;

    justify-content: center;

    color: var(--color-primary-dark);

    cursor: pointer;

}

.tab-content .content-box {

    display: none;

}

.tab-nav {

    display: flex;

    justify-content: center;

    margin-bottom: 28px;

}

.tab-nav ul {

    display: flex;

    justify-content: center;

    background: var(--color-white);

    border-radius: 8px;

    padding: 4px;

    gap: 4px;

}

.tab-nav ul li .btn {

    width: 236px;

    height: 52px;

    background: var(--color-white);

    color: var(--color-primary);

    font-size: 24px;

    font-weight: 500;

    padding: 0;

}

.tab-nav ul li .btn:hover,

.tab-nav ul li .btn.active {

    color: var(--color-white);

    background: var(--color-primary);

}

.subcontractor-wrap .title-tag-line:before {

    margin-left: 0;

}

.wpcf7-not-valid-tip {

    padding-top: 5px;

}

.i-agree .wpcf7-form-control-wrap {

    margin-bottom: 15px;

    display: block;

}

.i-agree .wpcf7-form-control-wrap:last-child {

    margin-bottom: 0 !important;

}



.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {

    transform: rotate(180deg);

}