/* Gyrotrope Font */

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

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

@font-face {
    font-family: 'Gyrotrope Extra';
    src: url('../fonts/Gyrotrope/Gyrotrope-ExtraBold.eot');
    src: url('../fonts/Gyrotrope/Gyrotrope-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gyrotrope/Gyrotrope-ExtraBold.woff2') format('woff2'),
        url('../fonts/Gyrotrope/Gyrotrope-ExtraBold.woff') format('woff'),
        url('../fonts/Gyrotrope/Gyrotrope-ExtraBold.ttf') format('truetype'),
        url('../fonts/Gyrotrope/Gyrotrope-ExtraBold.svg#Gyrotrope-ExtraBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Gyrotrope';
    src: url('../fonts/Gyrotrope/Gyrotrope-Bold.eot');
    src: url('../fonts/Gyrotrope/Gyrotrope-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gyrotrope/Gyrotrope-Bold.woff2') format('woff2'),
        url('../fonts/Gyrotrope/Gyrotrope-Bold.woff') format('woff'),
        url('../fonts/Gyrotrope/Gyrotrope-Bold.ttf') format('truetype'),
        url('../fonts/Gyrotrope/Gyrotrope-Bold.svg#Gyrotrope-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gyrotrope';
    src: url('../fonts/Gyrotrope/Gyrotrope-Regular_1.eot');
    src: url('../fonts/Gyrotrope/Gyrotrope-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gyrotrope/Gyrotrope-Regular_1.woff2') format('woff2'),
        url('../fonts/Gyrotrope/Gyrotrope-Regular_1.woff') format('woff'),
        url('../fonts/Gyrotrope/Gyrotrope-Regular_1.ttf') format('truetype'),
        url('../fonts/Gyrotrope/Gyrotrope-Regular_1.svg#Gyrotrope-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html {
    margin: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    scroll-behavior: smooth
}

html,
body {
    overflow-x: clip;
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    padding: 0;
    margin: 0;
    scroll-behavior: smooth;
}

a,
aside,
body,
del,
div,
dl,
footer,
header,
li,
main,
ol,
p,
section,
span,
ul {
    padding: 0;
    margin: 0;
    text-shadow: none;
    outline: 0;
    box-shadow: none;
    text-decoration: none;
    list-style: none;
}

b,
strong {
    font-weight: 700;
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    overflow-x: clip;
}

p {
    margin-bottom: 30px;
}

a {
    color: #000000;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
}

a:hover,
a:focus,
a:active {
    color: #1D4A29;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
}

.mtb-120 {
    margin: 120px 0;
}

.mt-120 {
    margin-top: 120px;
}

.mb-120 {
    margin-bottom: 120px;
}

.ptb-120 {
    padding: 120px 0;
}

header {
    /* padding: 30px 0; */
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: transparent;
    z-index: 99;
    -webkit-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
    border-bottom: 1px solid rgba(218, 218, 218, 1);
}

header.sticky {
    /* padding: 20px 0; */
    background: #1D4A29;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.page-template-cookie-settings header,
.page-template-legal-statement header,
.page-template-privacy-policy header {
    background: #1D4A29;
}

header .navbar,
header .navbar-brand {
    padding: 0;
}

header .navbar-nav {
    width: 100%;
}

header .navbar-nav>.menu-item+.menu-item {
    margin-left: 33px;
}

header .menu-item:first-child {
    margin-left: auto !important;
}

header .navbar-nav>.menu-item:last-child {
    margin-left: auto !important;
}

header .menu-item:not(:last-child) a {
    display: inline-block;
    font-weight: 300;
    font-size: 15px;
    line-height: 21px;
    color: #FFFFFF;
    position: relative;
    font-weight: 300;
    transition: all 0.4s ease-in-out;
    padding: 45px 0;
}

header.sticky .menu-item:not(:last-child) a {
    padding: 40px 0;
}

header .menu-item:not(:last-child) a:hover,
header .menu-item:not(:last-child).current-menu-item>a {
    color: #AACC53;
}

header .menu-item.menu-item-has-children {
    position: relative;
}

header .navbar-nav>.menu-item.menu-item-has-children>a {
    position: relative;
    padding-right: 20px !important;
}

header .navbar-nav>.menu-item.menu-item-has-children>a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.210515 0.595769C0.491201 0.315082 0.946295 0.315082 1.22698 0.595769L5.51041 4.87916L9.79388 0.595769C10.0746 0.315082 10.5296 0.315082 10.8103 0.595769C11.091 0.876455 11.091 1.33155 10.8103 1.61221L6.01862 6.40387C5.88388 6.53871 5.70103 6.61442 5.51041 6.61442C5.3198 6.61442 5.13695 6.53871 5.00221 6.40387L0.210515 1.61221C-0.0701716 1.33155 -0.0701716 0.876455 0.210515 0.595769Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    transition: all 0.4s ease-in-out;
}

header .navbar-nav>.menu-item.menu-item-has-children.current-menu-item>a::after,
header .navbar-nav>.menu-item.menu-item-has-children>a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.210515 0.595769C0.491201 0.315082 0.946295 0.315082 1.22698 0.595769L5.51041 4.87916L9.79388 0.595769C10.0746 0.315082 10.5296 0.315082 10.8103 0.595769C11.091 0.876455 11.091 1.33155 10.8103 1.61221L6.01862 6.40387C5.88388 6.53871 5.70103 6.61442 5.51041 6.61442C5.3198 6.61442 5.13695 6.53871 5.00221 6.40387L0.210515 1.61221C-0.0701716 1.33155 -0.0701716 0.876455 0.210515 0.595769Z' fill='%23AACC53'/%3E%3C/svg%3E");
}

header .navbar-nav>.menu-item.menu-item-has-children>a:hover::after {
    transform: translateY(-50%) rotate(180deg);
}

header .menu-item.menu-item-has-children .sub-menu {
    background-color: #FFFFFF;
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    padding: 8px 0;
    border-radius: 0 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out 0.4s;
    border-top: 2px solid #A3CD39;
    box-shadow: 0px 10px 40px 0px rgba(109, 117, 143, 0.2);
}

header .menu-item.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    visibility: visible;
}

header .menu-item.menu-item-has-children .sub-menu .menu-item a {
    display: block;
    padding: 10px 15px;
    color: #1D4A29;
}

header .menu-item.menu-item-has-children .sub-menu .menu-item a:hover {
    background-color: #A3CD39;
    color: #1D4A29;
}


header .navbar-nav>.menu-item:last-child a {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    padding: 13px 49px 13px 24px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.36);
    display: flex;
    color: #FFFFFF;
    position: relative;
}

header .navbar-nav>.menu-item:last-child a::after {
    content: "";
    position: absolute;
    top: 5px;
    right: 6px;
    height: 37px;
    width: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.52002' y='0.739998' width='37' height='37' rx='18.5' fill='white'/%3E%3Cpath d='M19.02 14.24L24.02 18.74L19.02 23.24' stroke='black'/%3E%3Cpath d='M13.02 18.74H24.02' stroke='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.4s ease-in-out;
    transform: rotate(-45deg);
}


header .navbar-nav>.menu-item:last-child a:hover {
    background-color: #FFFFFF;
    color: #1D4A29;
}

header .navbar-nav>.menu-item:last-child a:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='37' height='37' rx='18.5' fill='%231D4A29'/%3E%3Cpath d='M18.5 13.5L23.5 18L18.5 22.5' stroke='white'/%3E%3Cpath d='M12.5 18H23.5' stroke='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: cover;
    transform: rotate(0deg);
}


/* Home Banner */

.pibanner-box {
    height: 850px;
}

.pibanner-desc {
    margin-top: 157px;
}

.pibanner-desc h5 {
    font-family: 'Gyrotrope';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 15px;
}

.pibanner-desc h1,
.pibanner-desc h2 {
    font-weight: 700;
    font-size: 70px;
    line-height: 90px;
    color: #FFFFFF;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
    margin-bottom: 15px;
    max-width: 95%;
}

.pibanner-desc a {
    font-family: 'Gyrotrope';
    font-weight: 300;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 84px 16px 24px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.36);
    color: rgba(255, 255, 255, 0.6);
    position: relative;
    display: block;
    width: fit-content;
}

.pibanner-desc a:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: #1D4A29;
}

.pibanner-desc a svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 6px;
    transition: all 0.4s ease-in-out;
}

.pibanner-desc a svg * {
    transition: all 0.4s ease-in-out;
}

.pibanner-desc a:hover svg path {
    stroke: #FFFFFF;
}

.pibanner-desc a:hover svg rect {
    fill: #1D4A29;
}

.pibanner-desc a:hover svg {
    transform: translateY(-50%) rotate(0deg);
}

.pibanner-desc p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 0;
    max-width: 480px;
}

.pibanner-desc p+p {
    margin-top: 10px;
}

.shape {
    position: absolute;
    left: 0;
}

.pibanner-shape1 {
    bottom: 210px;
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
}

.pibanner-shape2 {
    bottom: 230px;
    left: auto;
    right: 160px;
    display: flex;
    align-items: flex-start;
    column-gap: 10px;
}

.shape p {
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
    color: #FFFFFF;
    margin-bottom: 0;
    margin-top: 0;
}

.shape p span {
    display: block;
    font-weight: 500;
}

.pibn-shape-icon {
    position: absolute;
    top: 43px;
    left: 120px;
}


.pibanner-shape2 .pibn-shape-icon {
    top: 30px;
    left: -110px;
}

/* Home About us */
.title h4 {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #AACC53;
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #AACC53;
    margin-bottom: 30px;
}

.title h2 {
    font-weight: 700;
    font-size: 50px;
    line-height: 50px;
    color: #1D4A29;
    margin-bottom: 30px;
}

.title h2 del {
    position: relative;
}

.title h2 del:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    left: 0;
    right: 0;
    background: #1D4A29;
    height: 3px;
}

.title p {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 0;
}

.title p+p {
    margin-top: 20px;
    margin-bottom: 30px;
}

.ab-tab ul {
    display: flex;
    align-items: center;
    column-gap: 40px;
}

.ab-tab .tab-item {
    font-weight: 300;
    font-size: 20px;
    line-height: 50px;
    color: #000000;
    padding: 0 5px;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
}

.ab-tab .tab-item.active {
    font-weight: 700;
    border-bottom: 2px solid #1D4A29;
    color: #1D4A29;
}

.ab-content-main {
    margin-top: 30px;
}

.ab-content-main .ab-tab-content {
    display: none;
}

.ab-content-main .ab-tab-content p {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 0;
}

.ab-content-main .ab-tab-content p+p {
    margin-top: 20px;
}

.ab-content-main .ab-tab-content ul li {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    display: flex;
    align-items: center;
    color: #000000;
    margin-bottom: 0;
    padding-left: 20px;
    position: relative;
}

.ab-content-main .ab-tab-content ul li::after {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 10px;
}

.ab-content-main .ab-tab-content li+li {
    margin-top: 8px;
}

.abtitle-btn {
    margin-top: 30px;
}

.default-btn {
    font-family: 'Gyrotrope';
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 61px 16px 24px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    border: 1px solid #1D4A29;
    color: #1D4A29;
    position: relative;
    display: block;
    width: fit-content;
}

.default-btn:hover {
    background-color: #C6DE89;
    color: #1D4A29;
}

.default-btn svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 6px;
    transition: all 0.4s ease-in-out;
}

.default-btn svg * {
    transition: all 0.4s ease-in-out;
}

.default-btn:hover svg {
    transform: translateY(-50%) rotate(0deg);
}

.absli-img img,
.prosli-img img,
.fac-box img,
.proloca-img img,
.mis-vis-img img,
.apart-img img,
.team-img img,
.layout-img img,
.blog-img img,
.abpro-desc img {
    width: 100%;
    object-fit: cover;
}

.absli-img img{
    border-radius: 10px;
}

.abpro-desc img {
    border-radius: 10px;
}

.absli-content {
    text-align: center;
    max-width: 470px;
    margin: 70px auto 0;
}

.absli-content h3 {
    font-weight: 600;
    color: #000000;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
}

.absli-content p {
    font-weight: 300;
    color: #000000;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 0px;
}

.custome-navigation .swiper-button-next::after,
.custome-navigation .swiper-button-prev::after {
    display: none;
}

.custome-navigation .swiper-button-next,
.custome-navigation .swiper-button-prev {
    height: 48px;
    width: 48px;
    border: 1px solid #1D4A29;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    position: static;
    margin-top: 0;
}

.custome-navigation .swiper-button-next.swiper-button-disabled,
.custome-navigation .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    pointer-events: all;
    cursor: pointer;
}

.custome-navigation .swiper-button-next svg,
.custome-navigation .swiper-button-prev svg {
    width: 10px;
    height: 24px;
}

.ab-navigation {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: calc(50% + 75px);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 48px;
    z-index: 2;
    padding-right: 2px;
}

.ab-navigation::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 48px;
    right: 48px;
    transform: translateY(-50%);
    height: 1px;
    background-color: #1D4A29;
}

.ab-navigation::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    height: 26px;
    width: 26px;
    background-color: #1D4A29;
    border-radius: 50px;
}

/* Home Product & Soluation */

.ps-navigation {
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: 30px;
}

.pi-hm-prosolu .title h2,
.pi-hm-facility .title h2,
.pi-hm-project .title h2,
.pi-hm-sustainability .title h2,
.pi-hm-testimonials .title h2,
.pi-ab-misvis .title h2,
.pi-ab-values .title h2,
.pi-hm-prosolu .title h2,
.pi-ab-apart .title h2,
.pi-ab-team .title h2,
.pi-infro-feature .title h2,
.pi-infra-techno .title h2,
.pi-car-depart .title h2,
.pi-car-postion .title h2,
.pi-ab-process .title h2,
.pi-pr-list .title h2,
.pi-mod-ntype .title h2 {
    margin-bottom: 0;
}

.pi-hm-prosolu .row+.row+.row,
.pi-hm-facility .row+.row+.row,
.pi-hm-project .row+.row+.row,
.pi-hm-sustainability .row+.row+.row,
.pi-hm-testimonials .row+.row+.row,
.pi-ab-misvis .row+.row+.row,
.pi-ab-values .row+.row+.row,
.pi-ab-apart .row+.row+.row,
.pi-ab-team .row+.row+.row,
.pi-infro-feature .row+.row+.row,
.pi-infra-techno .row+.row+.row,
.pi-car-depart .row+.row+.row,
.pi-car-postion .row+.row+.row,
.pi-ab-process .row+.row+.row,
.pi-pr-list .row+.row+.row,
.pi-mod-ntype .row+.row+.row,
.pi-ab-history .row+.row+.row {
    margin-top: 50px;
    row-gap: 30px;
}

.prosli-img img {
    border-radius: 6px;
}

.prosli-desc {
    margin-top: 20px;
}

.prosli-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.prosli-head h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    letter-spacing: -0.5px;
    color: #1D4A29;
    margin-bottom: 0;
}

.prosli-head span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.5px;
    color: rgba(24, 24, 27, 0.5);
}

.prosli-desc p {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
    color: rgba(24, 24, 27, 0.5);
    margin-bottom: 15px;
    /* display: none; */
}

.prosli-desc a {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-decoration-line: underline;
    color: #1D4A29;
    /* display: none; */
}

.prosli-desc a svg {
    transform: rotate(-45deg);
    transition: all 0.4s ease-in-out;
}

.prosli-desc a:hover svg {
    transform: rotate(0deg);
}

/* .pipro-slider .swiper-slide {
    height: auto;
    transform: scale(0.85);
    margin-right: 0px !important;
    transition: all .3s ease-in-out;
} */

.prosli-box {
    height: 100%;
}

/* .pipro-slider .swiper-slide.swiper-slide-active {
    transform: scale(1);
} */
/* 
.pipro-slider .swiper-slide.swiper-slide-active .prosli-desc p,
.pipro-slider .swiper-slide.swiper-slide-active .prosli-desc a {
    display: block;
} */


.custome-pagination {
    position: static;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custome-pagination.pro-pagination {
    margin-top: 0px;
    display: none;
}

.custome-pagination .swiper-pagination-bullet {
    height: 6px;
    width: 6px;
    background-color: #C6DE89;
    opacity: 1;
}

.custome-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    height: 8px;
    width: 8px;
    background-color: #1D4A29;
}

/* Home Facility */

.facility-content ul {
    max-width: 400px;
}

.facility-content ul li {
    border-top: 1px solid rgba(24, 24, 27, 0.2);
    padding: 13px 0;
    display: flex;
    align-items: center;
    column-gap: 25px;
}

.facility-content ul li p {
    font-weight: 700;
    font-size: 10px;
    line-height: 15px;
    text-transform: uppercase;
    color: rgba(24, 24, 27, 0.5);
    margin-bottom: 0;
    min-width: 60px;
}

.facility-content ul li h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #18181B;
    margin-bottom: 0;
}

.facility-count-inner {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #AACC53;
    margin-bottom: 30px;
}

.facility-count-inner {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #AACC53;
}

.facility-count-inner h3 {
    font-weight: 500;
    font-size: 25px;
    line-height: 36px;
    color: #1D4A29;
    margin-bottom: 30px;
}

.facility-count-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.facility-count h4 {
    font-weight: 500;
    font-size: 33px;
    line-height: 33px;
    color: #000000;
    padding-bottom: 13px;
    position: relative;
}

.facility-count h4::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 132px;
    background-color: rgba(0, 0, 0, 0.18);
}

.facility-count p {
    font-weight: 500;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.86);
    margin-bottom: 0;
}

.facility-count p span {
    display: block;
}


/* Home Product */

.product-fillter {
    display: flex;
    align-items: center;
    column-gap: 50px;
    margin-bottom: 30px;
}



.proloca-desc {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #1D4A29;
    padding: 20px;
    height: 84px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all ease-in-out 0.4s;
}

.proloca-box:hover .proloca-desc {
    height: auto;
}

.proloca-desc h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    margin-bottom: 0px;
}

.proloca-desc-hide {
    opacity: 0;
    visibility: hidden;
    display: none;
    transition: all ease-in-out 0.4s;
}

.proloca-box:hover .proloca-desc-hide {
    opacity: 1;
    visibility: visible;
    display: block;
}

.proloca-desc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #FFFFFF;
    margin-top: 15px;
    margin-bottom: 15px;

}

.proloca-desc p b,
.proloca-desc p strong {
    color: #AACC53;

}

.proloca-desc a {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.5px;
    text-decoration-line: underline;
    color: #AACC53;
}

.proloca-desc a svg {
    transform: rotate(-45deg);
    transition: all 0.4s ease-in-out;
}

.proloca-desc a:hover svg {
    transform: rotate(0deg);
}

.location-fillter {
    padding: 0 0 10px;
    border-bottom: 1px solid #333333;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 200px;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
    color: #333333;
    text-wrap: nowrap;
    position: relative;
    cursor: pointer;
}

.loca-menu ul {
    display: none;
    border: 1px solid #D3D4FD;
    position: absolute;
    top: 120%;
    left: 0px;
    background: #FFFFFF;
    width: 100%;
    box-shadow: 1px 2px 4px 1px rgba(39, 40, 72, 0.15);
    padding: 10px 0;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
    z-index: 10;
}

.loca-menu ul li {
    padding: 8px 10px;
    background-color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #68697F;
    width: 100%;
    display: block;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.loca-menu ul li:hover,
.loca-menu ul li.tab-item.active {
    background-color: #AACC53;
    color: #1D4A29;
}

/* Home Sustainability */

.pi-hm-sustainability {
    min-height: 750px;
    display: flex;
    align-items: end;
    padding-bottom: 90px;
}

.pi-hm-sustainability .title h2 {
    color: #FFFFFF;
}

.sustai-icon {
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #AACC53;
}

.sustai-box h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 15px;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.86);
    margin-bottom: 20px;
}

.sustai-box p {
    font-weight: 400;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 0.33px;
    text-transform: uppercase;
    color: rgb(205 205 205);
    max-width: 70%;
    margin-bottom: 0;
}

/* Home Testimonials */

.pi-hm-testimonials {
    margin-bottom: 20px;
}

.testi-desc h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #AACC53;
    margin-bottom: 20px;
}

.testi-desc p {
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: rgba(0, 0, 0, 0.82);
    margin-bottom: 0px;
    max-width: 80%;
}

.testi-icon {
    margin-bottom: 43px;
}

.testi-box p {
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #0A0A0A;
    margin-bottom: 25px;
}

.author-detials {
    display: flex;
    align-items: center;
    column-gap: 23px;
}

.author-img img {
    height: 50px;
    width: 50px;
}

.author-info h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 17px;
    line-height: 24px;
    color: #0A0A0A;
    margin-bottom: 2px;
}

.author-info p {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 0;
}

.testi-pagination {
    margin-top: 50px;
}

/* Home Brand Logo */

.pi-hm-brand-logo {
    margin-top: 50px;
}

.brand-logo-main {
    display: flex;
    /* justify-content: center; */
    gap: 50px;
    animation: scroll linear infinite 30s;
    align-items: center;
    padding: 0 15px;
}

.brand-logo {
    min-width: 80px;
}

.brand-logo img {
    width: 100%;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-130px * 15));
    }
}

/* Cta */

.pi-cta {
    padding: 70px 0;
}

.cta-desc h2 {
    font-weight: 400;
    font-size: 42px;
    line-height: 52px;
    letter-spacing: -2px;
    color: #01242D;
    margin-bottom: 30px;
    max-width: 90%;
}

.cta-desc p {
    font-weight: 400;
    font-size: 19px;
    line-height: 27px;
    letter-spacing: -0.5px;
    color: rgba(24, 24, 27, 0.5);
    margin-bottom: 0;
}

.cta-form .row {
    row-gap: 15px;
}

.cta-form label,
.career-popup-content label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    letter-spacing: -0.5px !important;
    color: #1D4A29 !important;
    margin-bottom: 4px !important;
}

.cta-form .forminator-input,
.cta-form .forminator-textarea,
.career-popup-content .forminator-input,
.career-popup-content .forminator-textarea {
    padding: 14px !important;
    min-height: 48px !important;
    border: 1px solid #1D4A29 !important;
    background: #FFFFFF !important;
    border-radius: 0px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #1D4A29 !important;
    width: 100%;
    outline: none;
}

.cta-form .forminator-button,
.career-popup-content .forminator-button {
    font-family: 'Gyrotrope' !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 16px 61px 16px 24px !important;
    border-radius: 50px !important;
    transition: all 0.4s ease-in-out;
    border: 1px solid #1D4A29 !important;
    color: #1D4A29 !important;
    position: relative !important;
    display: block !important;
    width: fit-content !important;
    background-color: transparent !important;
    margin-top: 10px !important;
}

.cta-form .forminator-button:hover,
.career-popup-content .forminator-button:hover {
    background-color: #FFFFFF !important;
    box-shadow: none !important;
}

.cta-form .forminator-button::after,
.career-popup-content .forminator-button::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 6px;
    transition: all 0.4s ease-in-out;
    height: 37px;
    width: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.52002' y='0.240234' width='37' height='37' rx='18.5' fill='white'/%3E%3Cpath d='M19.02 13.7402L24.02 18.2402L19.02 22.7402' stroke='%231D4A29'/%3E%3Cpath d='M13.02 18.2402H24.02' stroke='%231D4A29'/%3E%3C/svg%3E%0A");
    background-repeat: repeat;
    background-size: 100%;
}

.career-popup-content .forminator-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.52002' y='0.73999' width='37' height='37' rx='18.5' fill='%23C6DE89'/%3E%3Cpath d='M19.02 14.24L24.02 18.74L19.02 23.24' stroke='%231D4A29'/%3E%3Cpath d='M13.02 18.74H24.02' stroke='%231D4A29'/%3E%3C/svg%3E%0A");
}

.cta-form .forminator-button:hover::after,
.career-popup-content .forminator-button:hover::after {
    transform: translateY(-50%) rotate(0deg);
}

.career-popup-content .select2-selection {
    border-color: #CBD5E1 !important;
    background-color: #FFFFFF !important;
    padding: 7px 20px !important;
    border-radius: 12px;
}

.career-popup-content .select2-selection:focus {
    outline: none !important;
}

.select2-selection__placeholder,
.forminator-icon-chevron-down::before,
.select2-selection__rendered {
    color: #1D4A29 !important;
    padding: 0 !important;
}

.forminator-select-dropdown {
    padding: 0 !important;
    background: #FFFFFF !important;
    border-color: #1D4A29 !important;
}

.select2-results__option--highlighted,
.select2-results__option--selected {
    background: #1D4A29 !important;
    color: #FFFFFF !important;
    outline: none !important;
    font-size: 14px !important;
}

/* Footer */

footer {
    padding-top: 80px;
    z-index: 0;
}

.f-top {
    margin-bottom: 55px;

}

.f-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    font-feature-settings: 'pnum' on, 'lnum' on;
    color: #FFFFFF;
    opacity: 0.8;
    margin-top: 30px;
    margin-bottom: 36px;
}

.f-newletter h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    letter-spacing: -0.02em;
    color: #FFFFFF;
    margin-bottom: 30px;
}

.f-newl-input input {
    padding: 14px 37px 14px 20px;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    border-radius: 14px;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    width: 100%;
    outline: none;
    background-color: transparent;
}

.f-newl-input input::placeholder {
    color: #FFFFFF;
}

.f-newl-input-icon {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    cursor: pointer;
}

.f-social ul {
    margin-top: 30px;
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.f-social ul a {
    display: flex;
    align-items: center;
}

.f-social ul a path {
    transition: all 0.4s ease-in-out;
}

.f-social ul a:hover path {
    fill: #A3CD39;
}

.f-link-main .row {
    row-gap: 40px;
}

.f-title h6 {
    font-weight: 400;
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.4;
    margin-bottom: 24px;
}

.f-link li+li {
    margin-top: 10px;
}

.f-link li {
    line-height: 1;
}

.f-link li a,
.f-link li {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    opacity: 0.8;
    transition: all 0.4s ease-in-out;
}


.f-link li b {
    color: #AACC53;
    font-weight: 600;
}

.f-link li a:hover,
.f-link li:hover {
    color: #AACC53;
    opacity: 1;
}

.f-bottom {
    padding: 33px 0;
    border-top: 1px solid #FFFFFF;
}

.f-bottom p {
    font-weight: 300;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.f-bottom p a {
    color: #FFFFFF;
    text-decoration: underline;
    transition: all 0.4s ease-in-out;
}

.f-bottom p a:hover {
    color: #AACC53;
}

/* Inner Banner */

.pi-inner-benner {
    min-height: 700px;
    z-index: 0;
    display: flex;
    align-items: center;
    /* padding: 182px 0; */
}

.pi-inner-benner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 95%);
    z-index: -1;
}

.inner-desc h1 {
    font-weight: 600;
    font-size: 70px;
    line-height: 80px;
    color: #FFFFFF;
    margin-bottom: 27px;
}

.inner-desc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    color: #FFFFFF;
    margin-bottom: 30px;
    max-width: 90%;
}

.inner-desc .default-btn {
    border-color: #FFFFFF;
    color: #FFFFFF;
}

/* About History */


.pi-infra-layout .row+.row {
    margin-top: 20px;
    row-gap: 30px;
}

.abhist-slider .swiper-wrapper .swiper-slide {
    display: flex;
    align-items: center;
}

.abhist-box {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
}

.abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box {
    display: flex;
    flex-direction: column-reverse;
}

.abhist-year,
.abhist-desc {
    min-height: 115px
}

.abhist-year {
    margin-bottom: 50px;
    display: flex;
    justify-content: center;
    align-items: end;
}

.abhist-desc {
    margin-top: 50px;
}

.abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box .abhist-year {
    margin-top: 50px;
    margin-bottom: 0;
    align-items: flex-start;
}

.abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box .abhist-desc {
    margin-bottom: 50px;
    margin-top: 0;
}

.abhist-year h3 {
    font-weight: 700;
    font-size: 30px;
    line-height: 36px;
    color: #1D4A29;
    margin-bottom: 0;
    text-align: center;
}

.abhist-desc h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #000000;
    margin-bottom: 12px;
}

.abhist-desc p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin-bottom: 0;
    text-align: center;
}

.abhist-dot {
    height: 50px;
    display: flex;
    justify-content: center;
}

.abhist-dot::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: calc(50% + 20px);
    height: 10px;
    background-color: #AACC53;
}

.abhist-dot::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% + 20px);
    right: 0;
    height: 10px;
    background-color: #AACC53;
}

.abhist-slider .swiper-wrapper .swiper-slide:first-child .abhist-dot::after {
    border-radius: 10px 0 0 10px;
}

.abhist-slider .swiper-wrapper .swiper-slide:last-child .abhist-dot::before {
    border-radius: 0 10px 10px 0;
}

/* About Our Mission Vision */

.mis-vis-bullet {
    padding-left: 45px;
}

.mis-vis-bullet+.mis-vis-bullet {
    margin-top: 50px;
}

.mis-vis-bullet::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 15L13.75 17.5L18.75 12.5M26.25 15C26.25 21.2132 21.2132 26.25 15 26.25C8.7868 26.25 3.75 21.2132 3.75 15C3.75 8.7868 8.7868 3.75 15 3.75C21.2132 3.75 26.25 8.7868 26.25 15Z' stroke='%23A3CD39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.mis-vis-desc h3 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    color: #000000;
    margin-bottom: 15px;
}

.mis-vis-desc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #090914;
    margin-bottom: 0;
}

.mis-vis-desc ul li {
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
    color: #090914;
    position: relative;
    padding-left: 20px;
}

.mis-vis-desc ul li+li {
    margin-top: 8px;
}

.mis-vis-desc ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 10px;
}

/* About Our Value */

.value-main {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 86px;
}

.value-box::after {
    content: "";
    position: absolute;
    top: 6px;
    right: calc(-86px / 2);
    bottom: 6px;
    background-color: #A3CD39;
    width: 1px;
}

.value-box:last-child:after {
    display: none;
}

.value-icon {
    margin-bottom: 40px;
}

.value-icon svg path {
    transition: all ease-in-out 0.4s;
}

.value-box:hover .value-icon svg path {
    fill: #1D4A29;
}

.value-desc h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 20px;
    transition: all ease-in-out 0.4s;
}

.value-desc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    color: #52525B;
    margin-bottom: 0;
}

.value-box:hover .value-desc h3 {
    color: #1D4A29;
}

/* About What Sets Us Apart */

.apart-desc h3 {
    font-weight: 500;
    font-size: 25px;
    line-height: 36px;
    color: #1D4A29;
    margin-bottom: 30px;
}

.default-bullet ul li {
    font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #000000;
    position: relative;
    padding-left: 36px;
}

.default-bullet ul li+li {
    margin-top: 30px;
}

.default-bullet ul li::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    height: 24px;
    width: 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='M7.77643 16.0383C10.5857 11.3786 18.1391 5.98979 22.3111 3.03392C22.5438 2.86907 22.8526 2.86496 23.0904 3.02237C23.4744 3.27656 23.5071 3.82806 23.1553 4.1252C18.1501 8.3531 12.1943 13.4112 10.3956 18.983C10.3304 19.1851 10.1801 19.3458 9.98229 19.4228C9.06971 19.7781 7.67748 20.4938 6.85382 20.9919C6.50768 21.2012 6.0601 21.0728 5.87663 20.7123C4.60062 18.2052 2.54921 15.1117 0.847376 13.7104C0.533603 13.452 0.515437 12.9714 0.809224 12.6905C4.20984 9.43925 6.71792 13.8917 7.77609 16.0381L7.77643 16.0383Z' fill='%23AACC53'/%3E%3C/svg%3E%0A");
    border-radius: 10px;
}

.apart-tab-box {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #AACC53;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}

.apart-tab-box img {
    max-width: 140px;
    max-height: 60px;
}

.apart-tab-box.active {
    background-color: #AACC53;
}

.apart-content-main {
    margin-top: 50px;
}

.apart-content {
    display: none;
}

.apart-tabs-desc h3 {
    font-weight: 500;
    font-size: 35px;
    line-height: 51px;
    color: #1D4A29;
    margin-bottom: 30px
}

.apart-tabs-desc p {
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
    letter-spacing: 0.5px;
    color: #000000;
}

/* About Team */

.team-desc {
    position: absolute;
    bottom: 20px;
    left: 30px;
    right: 30px;
    background-color: #AACC53;
    padding: 16px 24px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}

.team-desc h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #1D4A29;
    margin-bottom: 8px;
}

.team-desc p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.team-desc-hide {
    margin-top: 16px;
    transition: all 0.4s ease-in-out;
    display: none;
}

.team-box:hover .team-desc-hide {
    display: block;
}

.team-desc-hide ul {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
}

/* About Future */

.pi-future .title h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    color: #AACC53;
    margin-bottom: 20px;
}

.pi-future .title p {
    margin-bottom: 0px;
}

/* Infrastructure */

.infra-box {
    display: flex;
    align-items: center;
    column-gap: 24px;
    padding: 24px;
    background-color: #F8F9F5;
    border-radius: 10px 10px 0 0;
    transition: all ease-in-out 0.4s;
}

.infra-box+.infra-box {
    margin-top: 15px;
}

.infra-box:hover {
    background-color: #C6DE89;
}

.infra-box.infra-icon svg path {
    transition: all ease-in-out 0.4s;
}

.infra-box:hover .infra-icon svg path {
    fill: #1D4A29;
}

.infra-desc h3 {
    font-weight: 500;
    font-size: 22px;
    line-height: 32px;
    color: #000000;
    margin-bottom: 11px;
    transition: all ease-in-out 0.4s;
}

.infra-box:hover .infra-desc h3 {
    font-weight: 700;
    color: #1D4A29;
}

.infra-desc p {
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    color: #000000;
    margin-bottom: 0;
    transition: all ease-in-out 0.4s;
}


/* Infrastructure Layout */

.pi-infra-layout {
    padding: 70px 0;
}

.layout-details {
    margin-top: 30px;
    padding: 26px 50px;
    background-color: #FFFFFF;
    border-radius: 10px;
}

.layout-details ul {
    column-count: 2;
    max-width: 85%;
}

.layout-details ul li {
    font-weight: 300;
    font-size: 20px;
    line-height: 30px;
    color: #000000;
    position: relative;
    padding-left: 40px;
}

.layout-details ul li+li {
    margin-top: 15px;
}

.layout-details ul li::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 15.5L13.75 18L18.75 13M26.25 15.5C26.25 21.7132 21.2132 26.75 15 26.75C8.7868 26.75 3.75 21.7132 3.75 15.5C3.75 9.2868 8.7868 4.25 15 4.25C21.2132 4.25 26.25 9.2868 26.25 15.5Z' stroke='%23A3CD39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border-radius: 10px;
}

/* Infrastructure Technology */

.pi-infra-techno .row .col-lg-3:nth-child(even) {
    margin-top: 40px;
}

.techno-box {
    padding: 32px 18px;
    background-color: #F4F4F4;
    border-radius: 10px;
    transition: all 0.4s ease-in-out;
}

.techno-box:hover {
    background-color: rgba(170, 204, 83, 0.6667);
}

.techno-icon {
    padding-left: 14px;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.techno-box .techno-icon svg path {
    transition: all 0.4s ease-in-out;

}

.techno-box:hover .techno-icon svg path {
    stroke: #C6DE89;
    fill: #FFFFFF;
}

.techno-icon::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 14px;
    width: 54px;
    height: 1px;
    background-color: #3E3E3E;
    transition: all 0.4s ease-in-out;
}

.techno-box:hover .techno-icon::after {
    background-color: #FFFFFF;
}

.techno-desc h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #000000;
    margin-bottom: 17px;
}

.techno-desc p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    color: #000000;
    margin-bottom: 0px !important;
}

.techno-desc a {
    margin-left: 12px;
    height: 40px;
    width: 40px;
    border: 1px solid #BBBBBB;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}

.techno-box:hover .techno-desc a svg path {
    stroke: #000000;
    transition: all 0.4s ease-in-out;
}

.techno-box:hover .techno-desc a {
    border-color: #FFFFFF;
    background-color: #FFFFFF;
}

/* Sustainability */

.pi-about .title ul li {
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;

    color: #333333;

    position: relative;
    padding-left: 40px;
}

.pi-about .title ul li+li {
    margin-top: 15px;
}

.pi-about .title ul li::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='31' viewBox='0 0 30 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.25 15.5L13.75 18L18.75 13M26.25 15.5C26.25 21.7132 21.2132 26.75 15 26.75C8.7868 26.75 3.75 21.7132 3.75 15.5C3.75 9.2868 8.7868 4.25 15 4.25C21.2132 4.25 26.25 9.2868 26.25 15.5Z' stroke='%23A3CD39' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    border-radius: 10px;
}

/* Contact us */

.pi-cont-cta {
    padding: 0 !important;
}

.pi-cont-cta h2 {
    font-weight: 700;
    font-size: 52px;
    line-height: 62px;
    letter-spacing: -2px;
    color: #090914;
    margin-bottom: 30px;

}

.cont-cta-form .row {
    row-gap: 20px;
}

.cont-cta-form label {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #090914;
    margin-bottom: 11px;
}

.cont-cta-form .forminator-input,
.cont-cta-form .forminator-textarea {
    padding: 14px 20px !important;
    min-height: 60px;
    border: 1px solid #CBD5E1 !important;
    background: #F8FAFC !important;
    border-radius: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #1D4A29 !important;
    width: 100%;
    outline: none;
}

.cont-cta-form .forminator-button {
    font-family: 'Gyrotrope' !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 16px 61px 16px 24px !important;
    border-radius: 50px !important;
    transition: all 0.4s ease-in-out;
    border: 1px solid #1D4A29 !important;
    color: #1D4A29 !important;
    position: relative !important;
    display: block !important;
    width: fit-content !important;
    background-color: transparent !important;
    margin-top: 10px !important;
}

.cont-cta-form .forminator-button:hover {
    background-color: #C6DE89 !important;
}

.cont-cta-form .forminator-button::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    right: 6px;
    transition: all 0.4s ease-in-out;
    height: 37px;
    width: 37px;
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.52002' y='0.73999' width='37' height='37' rx='18.5' fill='%23C6DE89'/%3E%3Cpath d='M19.02 14.24L24.02 18.74L19.02 23.24' stroke='%231D4A29'/%3E%3Cpath d='M13.02 18.74H24.02' stroke='%231D4A29'/%3E%3C/svg%3E%0A");
    background-size: 100%;
}

.cont-cta-form .forminator-button:hover::after {
    transform: translateY(-50%) rotate(0deg);
}

.cta-add-img iframe {
    border-radius: 10px;
    height: 100%;
    width: 100%;
}

.cont-add-box {
    padding: 35px 25px;
    background-color: #F4F4F4;
    height: 100%;
    transition: all 0.4s ease-in-out;
    border-radius: 10px;
}

.cont-add-box:hover {
    background-color: #C6DE89;
}

.cont-add-box h4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 15px;
}

.cont-add-box a {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    display: block;
}

.cont-add-box ul li+li {
    margin-top: 5px;
}

.cont-add-box ul {
    width: 100%;
    text-align: left;
}

.cont-add-box ul li h5 {
    font-weight: 600;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    text-align: left;
    position: relative;
    margin-bottom: 5px;
}

.cont-add-box ul li h5::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    height: 2px;
    width: 20px;
    background-color: #000000;
}

.cont-add-box a:hover {
    color: #1D4A29;
}


/* Career */

.car-depart-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.depart-box {
    width: 20%;
    padding: 30px 40px;
    display: flex;
    align-items: center;
    flex-direction: column;
    border: 1px dashed #C6DE89;
    border-top: 0;
    border-left: 0;
}

.depart-box:nth-child(5),
.depart-box:nth-child(10),
.depart-box:nth-child(15),
.depart-box:nth-child(18) {
    border-right: 0;
}

.depart-box:nth-child(16),
.depart-box:nth-child(17),
.depart-box:nth-child(18) {
    border-bottom: 0;
}

.depart-box svg path {
    transition: all ease-in-out 0.4s;
}

.depart-box:hover svg path {
    fill: #1D4A29;
}

.depart-box p {
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    margin-bottom: 0;
    margin-top: 19px;
    transition: all 0.4s ease-in-out;
}

.depart-box:hover p {
    color: #1D4A29;
}

/* Career Position */

.car-posi-box {
    padding: 45px 65px;
    background-color: rgba(198, 222, 137, 0.5);
    border: 1px solid #D9D9D9;
    border-radius: 20px;
}

.car-posi-box+.car-posi-box {
    margin-top: 30px;
}

.posi-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.posi-head h3 {
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #1D4A29;
    margin-bottom: 0;
}

.posi-desc ul {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 30px;
}

.posi-desc ul li {
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #1D4A29;
    padding: 8px 26px;
    border-radius: 50px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.posi-desc p {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
    color: #333333;
    margin-bottom: 0;
    padding-left: 40px;
    position: relative;
}

.posi-desc p::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    height: 22px;
    width: 22px;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_212_9303)'%3E%3Cpath d='M11 0.237671C4.93436 0.237671 0 5.17108 0 11.2356C0 17.3001 4.93436 22.2335 11 22.2335C17.0656 22.2335 22 17.3001 22 11.2356C22 5.17108 17.0656 0.237671 11 0.237671Z' fill='%23C6DE89'/%3E%3Cpath d='M16.5748 8.90491L10.6164 14.862C10.4376 15.0407 10.203 15.1307 9.96832 15.1307C9.73367 15.1307 9.49902 15.0407 9.32027 14.862L6.34116 11.8835C5.98264 11.5252 5.98264 10.9459 6.34116 10.5876C6.69951 10.2291 7.27875 10.2291 7.63727 10.5876L9.96832 12.9182L15.2787 7.60905C15.637 7.2506 16.2162 7.2506 16.5748 7.60905C16.9331 7.96733 16.9331 8.54646 16.5748 8.90491Z' fill='%231D4A29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_212_9303'%3E%3Crect width='22' height='21.9958' fill='white' transform='translate(0 0.237671)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 10px;
}

/* Resources */

.resource-tab {
    max-width: 600px;
    border: 1px solid #D4D4D4;
    border-radius: 50px;
    padding: 14px 32px;
    margin: 0 auto;
}

.resource-tab ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resource-tab ul .tab-item a {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    padding: 16px 24px;
    border-radius: 50px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
}

.resource-tab ul .tab-item.active a {
    box-shadow: -2px -4px 5px 0 #C6DE89 inset;
    color: #1D4A29;
    font-weight: 600;
}

.resource-tab-content .row,
.pi-mod-list .row {
    row-gap: 30px;
}

.blog-desc {
    padding: 16px 10px 0;
}

.blog-desc .blog-date {
    margin-bottom: 10px;
}

.blog-desc .blog-date span {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    opacity: 0.7;
}

.blog-list-main .blog-box {
    background-color: #c2e1ca69;
    border-radius: 10px;
}

.blog-list-main .blog-box .blog-img img {
    border-radius: 10px;
}

.blog-list-main .blog-box+.blog-box {
    margin-top: 30px;
}

.blog-list-main .blog-box .blog-desc {
    padding: 20px 15px;
}

.blog-list-main .blog-box .blog-desc .default-btn {
    margin-top: 20px;
}

.blog-desc h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    color: #1C1F20;
    margin-bottom: 10px;
}

.blog-desc p {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: 0.01em;
    color: rgba(51, 51, 51, 0.7);
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}

.resource-tab-content .row+.row {
    margin-top: 50px;
}

.resource-fillter-inner {
    border: 1px solid #D4D4D4;
    border-radius: 8px;
    padding: 15px;
}

.resource-fillter-inner+.resource-fillter-inner {
    margin-top: 30px;
}

.fillter-title h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #1C1F20;
    margin-bottom: 10px;
}

.resource-fillter-inner .search-fillter input {
    padding: 15px 20px;
    border: 1px solid #D4D4D4;
    background-color: #FFFFFF;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #333333;
    text-wrap: nowrap;
    position: relative;
    cursor: pointer;
    outline: none;
}

.resource-fillter-inner .search-fillter input {
    cursor: text;
}

.resource-fillter-inner .search-fillter input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #333333;
    opacity: 0.7;
    padding: 0 !important;
}

.resource-fillter-inner .search-icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 57px;
    background-color: #1D4A29;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 8px 8px 0;
}

/* 
.resource-fillter-inner .search-fillter svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 41px;
} */

.category-inner {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.category-inner li {
    padding: 8px 15px;
    border-radius: 8px;
    border: 1px solid #c2e1ca;
    box-shadow: 1px 2px 4px 1px rgba(39, 40, 72, 0.15);
    background-color: #FFFFFF;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #68697F;
    display: block;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.category-inner li:hover {
    background-color: #AACC53;
    color: #1D4A29;
}

.news-head {
    display: flex;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 30px;
}

.news-head h5 {
    font-weight: 700;
    font-size: 16px;
    line-height: 21px;
    color: #2E3749;
    margin-bottom: 0;
}

.news-box img {
    width: 100%;
    margin-bottom: 20px;
}

.news-box h3 {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #061C23;
    margin-bottom: 0;
}

.newstr-list li a {
    display: flex;
    align-items: center;
    column-gap: 20px;
}

.newstr-list li+li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(46, 55, 73, 0.08);
}

.newstr-list li img {
    border-radius: 10px;
    max-width: 86px;
}

.newstr-list li h4 {
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    color: #061C23;
    margin-bottom: 0;
}

.blog-desc>span {
    font-weight: 300;
    font-size: 12px;
    line-height: normal;
    color: #8c92a0;
    margin-bottom: 0;
    text-transform: uppercase;
    padding: 6px 12px;
    display: inline-block;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #f1fbff;
}

/* Process */

.abpro-box {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
    gap: 30px;
    align-items: center;
}

.abpro-slider .swiper-wrapper .swiper-slide:nth-child(even) .abpro-box {
    display: flex;
    flex-direction: column-reverse;
    justify-content: start;
}


.abpro-dot {
    height: 20px;
    width: 20px;
    background-color: #E8E8E8;
    border-radius: 20px;
    transition: all 0.4s ease-in-out;
}

.abpro-slider .swiper-slide.show .abpro-dot {
    background-color: #1D4A29;
}

.abpro-dot-inner {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abpro-dot-inner::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% + 0px);
    width: 100%;
    height: 4px;
    background-color: #E8E8E8;
    z-index: -1;
}

.abpro-dot-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    width: 0;
    height: 4px;
    background-color: #1D4A29;
    z-index: -1;
    transition: all ease-in-out 0.4s;
}

.abpro-slider .swiper-slide:last-child .abpro-dot-inner::before,
.abpro-slider .swiper-slide:last-child .abpro-dot-inner::after {
    display: none;
}

.abpro-slider:has(.swiper-slide + .swiper-slide.swiper-slide-active.show) .swiper-slide.prev-highlight.show .abpro-dot-inner::after {
    width: 100%;
}

.abpro-desc,
.abpro-count {
    height: 320px;
    width: 100%;
}

.abpro-slider .swiper-wrapper .swiper-slide:nth-child(odd) .abpro-box .abpro-count {
    display: flex;
    align-items: end;
    justify-content: center;
}

.abpro-slider .swiper-wrapper .swiper-slide:nth-child(even) .abpro-box .abpro-desc {
    display: flex;
    flex-direction: column-reverse;
}

.abpro-desc h3 {
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #7C7979;
    margin-bottom: 0;
    margin-top: 10px;
    transition: all 0.4s ease-in-out;

}

.abpro-slider .swiper-slide.show .abpro-desc h3 {
    color: #1D4A29;
}


.abpro-slider .swiper-wrapper .swiper-slide:nth-child(even) .abpro-box .abpro-desc h3 {
    margin-bottom: 10px;
    margin-top: 0;
}

.abpro-count h5 {
    font-weight: 600;
    font-size: 30px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.5px;
    color: #7C7979;
    margin-bottom: 0;
    transition: all 0.4s ease-in-out;

}

.abpro-slider .swiper-slide.show .abpro-count h5 {
    color: #1D4A29;
}

.abpro-desc img {
    opacity: 0.5;
    transition: all 0.4s ease-in-out;

}

.abpro-slider .swiper-slide.show .abpro-desc img {
    opacity: 1;
}

.abpro-pagination {
    display: none;
}

/* FAQ */

.faq-main {
    margin-top: 30px;
}

.faq-main .accordion-item {
    border: none;
}

.faq-main .accordion-item+.accordion-item {
    border-top: 1px solid #DFDFDF;
}

.faq-main .accordion-button {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #000000;
    padding: 20px 0;
}

.faq-main .accordion-button::after {
    height: 30px;
    width: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.54632 12.5665H11.1417V17.162C11.1417 17.629 11.5259 18.0208 12.0006 18.0208C12.4752 18.0208 12.8594 17.629 12.8594 17.162V12.5665H17.4548C17.9219 12.5665 18.3136 12.1823 18.3136 11.7077C18.3136 11.2331 17.9219 10.8489 17.4548 10.8489H12.8594V6.25347C12.8594 5.78639 12.4752 5.39465 12.0006 5.39465C11.5259 5.39465 11.1417 5.78639 11.1417 6.25347V10.8489H6.54632C6.07924 10.8489 5.6875 11.2331 5.6875 11.7077C5.6875 12.1823 6.07924 12.5665 6.54632 12.5665Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 100%;
}

.faq-main .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg);
}

.faq-main .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: #000000;
    background-color: transparent;
    box-shadow: none;
}

.faq-main .accordion-button:focus {
    box-shadow: none;
}

.faq-main .accordion-body {
    font-weight: 300;
    font-size: 16px;
    line-height: 140%;
    color: rgba(60, 60, 67, 0.85);
    padding: 0 24px 16px;
}

.inner-bradecrume ul {
    display: flex;
    align-items: center;
    column-gap: 30px;
    margin-bottom: 15px;
}

.inner-bradecrume li,
.inner-bradecrume li a {
    font-family: 'Gyrotrope';
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: rgba(255, 255, 255, 0.6);
}

.inner-bradecrume li a {
    position: relative;
    color: #AACC53;
    font-size: 14px;
    line-height: 20px;
}

.inner-bradecrume li a::after {
    content: "";
    position: absolute;
    top: 0;
    right: -20px;
    height: 20px;
    width: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Cpath d='M9.26938 7.5L4.56141 2.79203C4.43725 2.66786 4.37678 2.52005 4.38001 2.34859C4.38323 2.17714 4.44693 2.02927 4.5711 1.905C4.69527 1.78083 4.84308 1.71875 5.01454 1.71875C5.186 1.71875 5.33386 1.78083 5.45813 1.905L10.243 6.69953C10.3559 6.81255 10.4396 6.93917 10.4941 7.07937C10.5487 7.21958 10.5759 7.35979 10.5759 7.5C10.5759 7.64021 10.5487 7.78042 10.4941 7.92063C10.4396 8.06083 10.3559 8.18745 10.243 8.30047L5.44844 13.095C5.32428 13.2192 5.17808 13.2796 5.00985 13.2764C4.84152 13.2732 4.69527 13.2095 4.5711 13.0853C4.44693 12.9611 4.38485 12.8133 4.38485 12.6419C4.38485 12.4704 4.44693 12.3226 4.5711 12.1983L9.26938 7.5Z' fill='%23AACC53'/%3E%3C/svg%3E");
    background-size: 100%;
    background-repeat: no-repeat;
}

.footer-bg-design {
    position: absolute;
    bottom: 36px;
    right: 0;
    z-index: -1;
}

/* Project Page */

.pr-category-tab {
    width: fit-content;
    display: flex;
    align-items: center;
    column-gap: 8px;
    padding: 14px 32px;
    background-color: rgba(198, 222, 137, 0.5);
    border: 1px solid #D4D4D4;
    border-radius: 50px;
    margin-bottom: 50px;
}

.pr-category-tab .pr-cate-box {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    padding: 18px 24px;
    border-radius: 50px;
    transition: all 0.4s ease-in-out;
    cursor: pointer;
}

.pr-category-tab .pr-cate-box.active {
    background-color: #FFFFFF;
    box-shadow: -2px -4px 5px 0 rgba(198, 222, 137, 1) inset;
    font-weight: 600;
    color: #1D4A29;
}

.pr-category-list .row {
    row-gap: 30px;
}

.pr-list-box {
    overflow: hidden;
    border-radius: 15px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pr-list-box .pr-list-img {
    position: relative;
    z-index: 1;
}

.pr-list-box .pr-list-img img {
    width: 100%;
    object-fit: cover;
}

.pr-list-box .pr-list-desc {
    padding: 30px 20px;
    position: relative;
    z-index: 0;
    flex: 1;
}

.pr-list-box .pr-list-desc::after {
    content: "";
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #393939;
    opacity: 0.04;
    z-index: -1;
    border-radius: 15px;
}

.pr-list-box .pr-list-desc::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #C6DE89;
    z-index: -1;
    border-radius: 15px;
    transition: all ease-in-out 0.7s;
}

.pr-list-box:hover .pr-list-desc::before {
    top: -80px;
}

.pr-list-desc h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 10px;
    transition: all ease-in-out 0.4s;
}

.pr-list-box:hover .pr-list-desc h3 {
    color: #1D4A29;
}

.pr-list-desc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #393939;
    margin-bottom: 0;
}

.load-btn {
    background: transparent;
    padding: 16px 24px;
    margin: 20px auto 0;
}

/* Modules Page */

.inner-desc h1 span {
    display: block;
}

.pi-mod-list .pr-list-desc {
    display: flex;
    align-items: end;
    column-gap: 35px;
}

.pr-list-box .pr-list-desc svg,
.pr-list-box .pr-list-desc svg path {
    transition: all 0.4s ease-in-out;
}

.pr-list-box:hover .pr-list-desc svg {
    transform: rotate(-45deg);
}

.pr-list-box:hover .pr-list-desc svg path {
    stroke: #1D4A29;
}

.mod-bene-tab {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    column-gap: 30px;
    margin-bottom: 50px;
}

.mod-bene-tab .mod-bene-item {
    font-weight: 400;
    font-size: 25px;
    line-height: 30px;
    color: #1D4A29;
    cursor: pointer;
    padding: 25px;
    border-radius: 50px;
    border: 1px solid #1D4A29;
    transition: all 0.4s ease-in-out;
}

.mod-bene-tab .mod-bene-item.active {
    color: #FFFFFF;
    background-color: #1D4A29;
}

.mod-bene-box {
    display: none;
}

.mod-bene-box li {
    padding-left: 40px;
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #393939;
}

.mod-bene-box li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_698_1910)'%3E%3Cpath d='M12.3454 0.633301C5.6687 0.633301 0.236328 6.06568 0.236328 12.7423C0.236328 19.419 5.6687 24.8514 12.3454 24.8514C19.022 24.8514 24.4544 19.419 24.4544 12.7423C24.4544 6.06568 19.022 0.633301 12.3454 0.633301ZM19.1131 9.55575L11.3742 17.2339C10.919 17.6891 10.1906 17.7195 9.70505 17.2643L5.60801 13.5314C5.12243 13.0762 5.09208 12.3175 5.51696 11.8319C5.97219 11.3463 6.7309 11.316 7.21648 11.7712L10.4638 14.7453L17.3832 7.82589C17.8688 7.34031 18.6275 7.34031 19.1131 7.82589C19.5986 8.31146 19.5986 9.07018 19.1131 9.55575Z' fill='%231D4A29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_698_1910'%3E%3Crect width='24.2181' height='24.2181' fill='white' transform='translate(0.236328 0.633301)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
}

.mod-bene-box li+li {
    margin-top: 25px;
}

.pi-mod-about .title p+p {
    margin-bottom: 0;
}

.module-box {
    border: 1px solid #AACC53;
    border-radius: 20px;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px;
}

.module-desc {
    margin-top: 10px;
    text-align: center;
}

.module-desc h5 {
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #1D4A29;
    margin-bottom: 5px;
}

.module-desc p {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.5px;
    color: #333333;
    max-width: 70%;
    margin: 0 auto;
}

.module-desc p b,
.module-desc p strong {
    font-weight: 600;
    color: #1D4A29;
}

.multi-modules .container>.row:not(:first-child) {
    margin-top: 120px;
}

.multi-modules .container>.row:nth-child(even) .pi-mod-about .row+.row {
    flex-direction: row-reverse;
}

/* Details Pages */

.details-inner-banner {
    min-height: 490px;
}

.details-inner-banner.pi-inner-benner::after {
    background: rgba(0, 0, 0, 0.5);
}

.details-box h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 39px;
    color: #1B1B1F;
    margin-bottom: 20px;
}

.details-box h2 b,
.details-box h2 strong {
    display: block;
}

.details-box p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #1B1B1F;
    margin-bottom: 20px;
}

.details-box h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #1B1B1F;
    margin-bottom: 4px;
}

.details-box img {
    max-width: 100%;
    object-fit: cover;
}

.details-box p:has(img) {
    text-align: center;
    margin-bottom: 30px;
}

.details-box ul {
    margin: 20px 0;
}


.details-box ul li {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #1B1B1F;
    position: relative;
    padding-left: 35px;
}

.details-box ul li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: #1B1B1F;
    height: 5px;
    width: 5px;
    border-radius: 5px;
}

.details-box ul li ul {
    margin: 0;
}

.details-box .wpj-jtoc {
    display: none;
}

.details-sidebar {
    position: sticky;
    top: 130px;
    left: 0;
}

.details-sidebar .wpj-jtoc.--jtoc-theme-basic-light {
    margin: 0;
    --jtoc-background-color: #FFFFFF;
}

.details-sidebar .wpj-jtoc--toggle-wrap {
    display: none;
}

.details-sidebar .wpj-jtoc.--jtoc-has-numeration .wpj-jtoc--item-content>a:before {
    display: none;
}

.details-sidebar .wpj-jtoc.--jtoc-theme-basic-light .wpj-jtoc--header .wpj-jtoc--header-main .wpj-jtoc--title {
    margin: 0 0 20px;
}

.details-sidebar .wpj-jtoc.--jtoc-theme-basic-light .wpj-jtoc--header+.wpj-jtoc--body {
    padding: 10px 0 10px 20px;
    margin-top: 0 !important;
    border-left: 3px solid #1D4A29;
}

.details-sidebar .wpj-jtoc--nav>.wpj-jtoc--items li+li {
    margin-top: 10px;
}

.details-sidebar .wpj-jtoc--toc ol.wpj-jtoc--items .wpj-jtoc--items {
    margin-left: 0px;
}

.details-sidebar .wpj-jtoc--item .wpj-jtoc--item-content {
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
}

.details-sidebar .wpj-jtoc--item .wpj-jtoc--item-content a {
    color: #1B1B1F;
}

.details-sidebar .wpj-jtoc--item .wpj-jtoc--item-content>a:visited,
.details-sidebar .wpj-jtoc.--jtoc-theme-basic-light .wpj-jtoc--items li.--jtoc-is-active>.wpj-jtoc--item-content>a {
    font-weight: 700 !important;
    color: #1D4A29 !important;
}

.details-sidebar .wpj-jtoc--item .wpj-jtoc--item-content:hover,
.details-sidebar .wpj-jtoc--item .wpj-jtoc--item-content:hover>a {
    font-weight: 700 !important;
    color: #1D4A29 !important;
}

.details-sidebar .wpj-jtoc--item .wpj-jtoc--item {
    margin-top: 10px;
}

.details-sidebar .wpj-jtoc.--jtoc-theme-basic-light .wpj-jtoc--items li a:hover {
    text-decoration: none !important;
}


/* Case Study */

.pi-case-intro .row+.row,
.pi-case-rus .row+.row {
    margin-top: 50px;
    row-gap: 30px;
}

.intro-box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro-img {
    min-width: 200px;
    min-height: 173px;
    background-color: #C6DE89;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
}

.case-title h2 {
    font-weight: 700;
    font-size: 27px;
    line-height: 39px;
    color: #1B1B1F;
    margin-bottom: 20px;
    text-align: center;
}

.case-title p {
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    color: #1B1B1F;
    margin-bottom: 0;
}

.case-title p+p {
    margin-top: 8px;
}

.case-title h3 {
    font-weight: 700;
    font-size: 27px;
    line-height: 39px;
    color: #1B1B1F;
    margin-bottom: 20px;
    max-width: 90%;
}

.case-box-inner .case-title p {
    text-align: left;
}

.case-box-inner .row:nth-child(even) {
    flex-direction: row-reverse;
}

.case-res-img img {
    width: 100%;
    border-radius: 15px;
}

.pi-case-gallery .row+.row {
    margin-top: 30px;
}

.gallery-img img {
    width: 100%;
}

.case-title ul {
    margin-top: 15px;
}

.case-title ul li {
    position: relative;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #1B1B1F;
    padding-left: 20px;
}

.case-title ul li+li {
    margin-top: 8px;
}

.case-title ul li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    height: 6px;
    width: 6px;
    background-color: #000000;
    border-radius: 10px;
}

.pi-case-table .case-title p {
    text-align: left;
}

.case-table-main {
    margin-top: 50px;
    border: 1px solid #1D4A29;
    border-radius: 10px;
    overflow: hidden;
}

.case-table-main table {
    width: 100%;
}

.case-table-main thead tr {
    background-color: #1D4A29;
}

.case-table-main thead th {
    text-align: center;
    padding: 17px 5px;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #FFFFFF;
}

.case-table-main thead th:nth-child(2) {
    text-align: left;
}


.case-table-main tbody tr:nth-child(even) {
    background: #c2e1ca69;
}

.case-table-main tbody tr td {
    text-align: center;
    padding: 8px 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
}

.case-table-main tbody tr td:nth-child(2) {
    text-align: left;
}

.case-table-main tbody tr td img {
    max-width: 45px;
    margin-right: 10px;
}

.pi-case-challenge .row+.row {
    margin-top: 30px;
}

.pi-case-challenge .case-img img {
    width: 100%;
}

.page-template-case-study .blog-img img {
    height: 235px;
    object-fit: cover;
    border-radius: 10px;
}

.career-popup-close {
    display: flex;
    margin-left: auto;
    max-width: 30px;
    align-items: center;
    justify-content: end;
    cursor: pointer;
}

.wp-pagenavi {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 15px;
}

.wp-pagenavi .page,
.wp-pagenavi span.current,
.wp-pagenavi span.extend,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
    height: 35px;
    width: 35px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 17px;
    padding: 0;
    margin: 0;
    color: #000000;
}

.wp-pagenavi a:hover {
    border-color: #1D4A29 !important;
    color: #1D4A29;
}

.wp-pagenavi span.current {
    border-color: #1D4A29 !important;
    color: #1D4A29;
    background-color: #41bf6273;
    font-weight: 400 !important;
}

.wp-pagenavi .pages,
.wp-pagenavi a.last,
.wp-pagenavi a.first {
    border: none;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    margin-right: auto;
    padding: 0;
}

.wp-pagenavi a.last,
.wp-pagenavi a.first {
    margin: 0;
}

.eam-tab {
    width: fit-content;
    border: 1px solid #D4D4D4;
    border-radius: 50px;
    padding: 14px 32px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.eam-tab .eam-item {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #333333;
    padding: 16px 24px;
    border-radius: 50px;
    border: 1px solid #FFFFFF;
    cursor: pointer;
    display: inline-block;
}

.eam-tab .eam-item.active {
    box-shadow: -2px -4px 5px 0 #C6DE89 inset;
    color: #1D4A29;
    font-weight: 600;
}

.eam-content-main {
    margin-top: 50px;
}

.eam-content {
    display: none;
}

.eam-box {
    border-radius: 10px;
    padding: 30px;
    background-color: rgba(57, 57, 57, 0.04);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event-desc {
    flex: 1;
}

.event-tag {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.5px;
    color: #1D4A29;
    padding: 10px 20px;
    background-color: #AACC53;
    border-radius: 50px;
    margin-bottom: 24px;
    width: fit-content;
}

.event-box h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 50px;
    color: #1D4A29;
    margin-bottom: 20px;
}

.event-box ul {
    margin-bottom: 30px;
}

.event-box ul li {
    display: flex;
    align-items: center;
    padding-left: 35px;
    font-weight: 300;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    position: relative;
}

.event-box ul li+li {
    margin-top: 25px;
}

.event-box ul li::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_914_2107)'%3E%3Cpath d='M24.5833 24.1667H22.0833V10.4167C22.0833 10.1866 21.8968 10 21.6667 10H15.8333V0.416667C15.8333 0.186562 15.6468 0 15.4167 0H4.58333C4.35323 0 4.16667 0.186562 4.16667 0.416667V24.1667H0.416667C0.186562 24.1667 0 24.3532 0 24.5833C0 24.8134 0.186562 25 0.416667 25H24.5833C24.8134 25 25 24.8134 25 24.5833C25 24.3532 24.8134 24.1667 24.5833 24.1667ZM8.75 24.1667H7.08333V20.4167C7.08333 20.1866 7.2699 20 7.5 20H8.33333C8.56344 20 8.75 20.1866 8.75 20.4167V24.1667ZM10.4167 10.4167V24.1667H9.58333V20.4167C9.58333 19.7263 9.0237 19.1667 8.33333 19.1667H7.5C6.80964 19.1667 6.25 19.7263 6.25 20.4167V24.1667H5V0.833333H15V10H10.8333C10.6032 10 10.4167 10.1866 10.4167 10.4167ZM21.25 24.1667H11.25V10.8333H21.25V24.1667Z' fill='%231D4A29'/%3E%3Cpath d='M13.3346 5.83331H10.8346C10.6045 5.83331 10.418 6.01988 10.418 6.24998V8.74998C10.418 8.98008 10.6045 9.16665 10.8346 9.16665H13.3346C13.5647 9.16665 13.7513 8.98008 13.7513 8.74998V6.24998C13.7513 6.01988 13.5647 5.83331 13.3346 5.83331ZM12.918 8.33331H11.2513V6.66665H12.918V8.33331Z' fill='%231D4A29'/%3E%3Cpath d='M13.3346 1.66669H10.8346C10.6045 1.66669 10.418 1.85325 10.418 2.08335V4.58335C10.418 4.81346 10.6045 5.00002 10.8346 5.00002H13.3346C13.5647 5.00002 13.7513 4.81346 13.7513 4.58335V2.08335C13.7513 1.85325 13.5647 1.66669 13.3346 1.66669ZM12.918 4.16669H11.2513V2.50002H12.918V4.16669Z' fill='%231D4A29'/%3E%3Cpath d='M9.16667 5.83331H6.66667C6.43656 5.83331 6.25 6.01988 6.25 6.24998V8.74998C6.25 8.98008 6.43656 9.16665 6.66667 9.16665H9.16667C9.39677 9.16665 9.58333 8.98008 9.58333 8.74998V6.24998C9.58333 6.01988 9.39677 5.83331 9.16667 5.83331ZM8.75 8.33331H7.08333V6.66665H8.75V8.33331Z' fill='%231D4A29'/%3E%3Cpath d='M9.16667 1.66669H6.66667C6.43656 1.66669 6.25 1.85325 6.25 2.08335V4.58335C6.25 4.81346 6.43656 5.00002 6.66667 5.00002H9.16667C9.39677 5.00002 9.58333 4.81346 9.58333 4.58335V2.08335C9.58333 1.85325 9.39677 1.66669 9.16667 1.66669ZM8.75 4.16669H7.08333V2.50002H8.75V4.16669Z' fill='%231D4A29'/%3E%3Cpath d='M9.16667 10H6.66667C6.43656 10 6.25 10.1866 6.25 10.4167V12.9167C6.25 13.1468 6.43656 13.3333 6.66667 13.3333H9.16667C9.39677 13.3333 9.58333 13.1468 9.58333 12.9167V10.4167C9.58333 10.1866 9.39677 10 9.16667 10ZM8.75 12.5H7.08333V10.8333H8.75V12.5Z' fill='%231D4A29'/%3E%3Cpath d='M9.16667 14.1666H6.66667C6.43656 14.1666 6.25 14.3532 6.25 14.5833V17.0833C6.25 17.3134 6.43656 17.5 6.66667 17.5H9.16667C9.39677 17.5 9.58333 17.3134 9.58333 17.0833V14.5833C9.58333 14.3532 9.39677 14.1666 9.16667 14.1666ZM8.75 16.6666H7.08333V15H8.75V16.6666Z' fill='%231D4A29'/%3E%3Cpath d='M17.0846 19.1667H19.5846C19.8147 19.1667 20.0013 18.9801 20.0013 18.75V16.25C20.0013 16.0199 19.8147 15.8334 19.5846 15.8334H17.0846C16.8545 15.8334 16.668 16.0199 16.668 16.25V18.75C16.668 18.9801 16.8545 19.1667 17.0846 19.1667ZM17.5013 16.6667H19.168V18.3334H17.5013V16.6667Z' fill='%231D4A29'/%3E%3Cpath d='M17.0846 15H19.5846C19.8147 15 20.0013 14.8134 20.0013 14.5833V12.0833C20.0013 11.8532 19.8147 11.6666 19.5846 11.6666H17.0846C16.8545 11.6666 16.668 11.8532 16.668 12.0833V14.5833C16.668 14.8134 16.8545 15 17.0846 15ZM17.5013 12.5H19.168V14.1666H17.5013V12.5Z' fill='%231D4A29'/%3E%3Cpath d='M17.0846 23.3333H19.5846C19.8147 23.3333 20.0013 23.1468 20.0013 22.9167V20.4167C20.0013 20.1866 19.8147 20 19.5846 20H17.0846C16.8545 20 16.668 20.1866 16.668 20.4167V22.9167C16.668 23.1468 16.8545 23.3333 17.0846 23.3333ZM17.5013 20.8333H19.168V22.5H17.5013V20.8333Z' fill='%231D4A29'/%3E%3Cpath d='M12.9167 19.1667H15.4167C15.6468 19.1667 15.8333 18.9801 15.8333 18.75V16.25C15.8333 16.0199 15.6468 15.8334 15.4167 15.8334H12.9167C12.6866 15.8334 12.5 16.0199 12.5 16.25V18.75C12.5 18.9801 12.6866 19.1667 12.9167 19.1667ZM13.3333 16.6667H15V18.3334H13.3333V16.6667Z' fill='%231D4A29'/%3E%3Cpath d='M12.9167 15H15.4167C15.6468 15 15.8333 14.8134 15.8333 14.5833V12.0833C15.8333 11.8532 15.6468 11.6666 15.4167 11.6666H12.9167C12.6866 11.6666 12.5 11.8532 12.5 12.0833V14.5833C12.5 14.8134 12.6866 15 12.9167 15ZM13.3333 12.5H15V14.1666H13.3333V12.5Z' fill='%231D4A29'/%3E%3Cpath d='M12.9167 23.3333H15.4167C15.6468 23.3333 15.8333 23.1468 15.8333 22.9167V20.4167C15.8333 20.1866 15.6468 20 15.4167 20H12.9167C12.6866 20 12.5 20.1866 12.5 20.4167V22.9167C12.5 23.1468 12.6866 23.3333 12.9167 23.3333ZM13.3333 20.8333H15V22.5H13.3333V20.8333Z' fill='%231D4A29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_914_2107'%3E%3Crect width='25' height='25' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100%;
    background-repeat: no-repeat;
}

.event-box ul li:nth-child(1):before {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5007 0C7.40839 0 3.26562 4.14276 3.26562 9.23512C3.26562 10.9116 4.01747 12.7146 4.04898 12.7906C4.29181 13.367 4.77095 14.2623 5.11645 14.787L11.4485 24.3812C11.7076 24.7746 12.0911 25 12.5007 25C12.9103 25 13.2939 24.7746 13.553 24.3818L19.8856 14.787C20.2316 14.2623 20.7102 13.367 20.953 12.7906C20.9845 12.7151 21.7359 10.9121 21.7359 9.23512C21.7359 4.14276 17.5931 0 12.5007 0ZM19.9513 12.3691C19.7346 12.8857 19.2885 13.7185 18.9784 14.1889L12.6458 23.7837C12.5208 23.9733 12.4812 23.9733 12.3562 23.7837L6.02366 14.1889C5.71347 13.7185 5.26747 12.8852 5.05072 12.3685C5.04148 12.3463 4.35211 10.6867 4.35211 9.23512C4.35211 4.74196 8.00758 1.08648 12.5007 1.08648C16.9939 1.08648 20.6494 4.74196 20.6494 9.23512C20.6494 10.6888 19.9584 12.3528 19.9513 12.3691Z' fill='%231D4A29'/%3E%3Cpath d='M12.5025 4.34644C9.80635 4.34644 7.61328 6.54005 7.61328 9.23561C7.61328 11.9312 9.80635 14.1248 12.5025 14.1248C15.1986 14.1248 17.3916 11.9312 17.3916 9.23561C17.3916 6.54005 15.1986 4.34644 12.5025 4.34644ZM12.5025 13.0383C10.4061 13.0383 8.69977 11.3325 8.69977 9.23561C8.69977 7.1387 10.4061 5.43292 12.5025 5.43292C14.5988 5.43292 16.3052 7.1387 16.3052 9.23561C16.3052 11.3325 14.5988 13.0383 12.5025 13.0383Z' fill='%231D4A29'/%3E%3C/svg%3E%0A");
}

.event-box ul:nth-child(5) li:before {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='23' viewBox='0 0 21 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_942_2198)'%3E%3Cpath d='M19.1342 2.03438H15.5341V1.13477C15.5341 0.50955 15.0275 0.000854492 14.405 0.000854492C13.783 0.000854492 13.2771 0.50955 13.2771 1.13477V2.03442H7.72075V1.13477C7.72075 0.50955 7.2142 0.000854492 6.59162 0.000854492C5.96971 0.000854492 5.46378 0.50955 5.46378 1.13477V2.03442H1.86358C0.85969 2.03442 0.0429688 2.85555 0.0429688 3.8649V21.1688C0.0429688 22.1781 0.85969 22.9993 1.86358 22.9993H11.7776H11.7779H11.7784H19.1342C20.1381 22.9993 20.9549 22.1782 20.9549 21.1688V3.8649C20.9549 2.85555 20.1381 2.03438 19.1342 2.03438ZM13.9015 1.13477C13.9015 0.855673 14.1273 0.628593 14.4049 0.628593C14.6832 0.628593 14.9097 0.855673 14.9097 1.13477V3.56181C14.9097 3.84091 14.6833 4.06799 14.4049 4.06799C14.1273 4.06799 13.9015 3.84091 13.9015 3.56181V1.13477ZM6.08815 1.13477C6.08815 0.855673 6.31402 0.628593 6.59162 0.628593C6.86994 0.628593 7.09638 0.855673 7.09638 1.13477V3.56181C7.09638 3.84091 6.86998 4.06799 6.59162 4.06799C6.31402 4.06799 6.08815 3.84091 6.08815 3.56181V1.13477ZM1.86358 2.66216H5.46374V3.56181C5.46374 4.18708 5.96966 4.69577 6.59157 4.69577C7.2142 4.69577 7.7207 4.18708 7.7207 3.56181V2.66216H13.277V3.56181C13.277 4.18708 13.7829 4.69577 14.4048 4.69577C15.0275 4.69577 15.534 4.18708 15.534 3.56181V2.66216H19.1341C19.7937 2.66216 20.3303 3.20172 20.3303 3.86485V6.83882H0.667384V3.86485C0.667384 3.20172 1.204 2.66216 1.86358 2.66216ZM0.667384 21.1688V7.4666H20.3304V17.0637C20.0177 17.2166 19.6736 17.2971 19.3254 17.2971C18.7913 17.2971 18.2863 17.116 17.8651 16.7735C17.7899 16.7124 17.6908 16.6897 17.5969 16.7121C17.5029 16.7345 17.4244 16.7993 17.3845 16.8878C16.2758 19.3434 14.2633 21.2884 11.7139 22.3715H1.86358C1.204 22.3715 0.667384 21.8319 0.667384 21.1688ZM19.855 17.876C18.3636 19.9253 16.1712 21.397 13.6805 22.0445C14.3317 21.6298 14.9396 21.1517 15.4988 20.6135C16.4496 19.6986 17.2197 18.649 17.7917 17.4891C18.2539 17.7753 18.7772 17.9249 19.3254 17.9249C19.5035 17.9249 19.6808 17.9084 19.855 17.876ZM19.1342 22.3715H14.761C16.9914 21.5949 18.9431 20.1748 20.3305 18.2855V21.1688C20.3304 21.8319 19.7938 22.3715 19.1342 22.3715ZM4.84504 8.93865H2.76796C2.41633 8.93865 2.13028 9.2257 2.13028 9.57851V11.6668C2.13028 12.0204 2.41633 12.308 2.76796 12.308H4.84504C5.19597 12.308 5.48148 12.0204 5.48148 11.6668V9.57851C5.48148 9.2257 5.19597 8.93865 4.84504 8.93865ZM4.85706 11.6668C4.85706 11.6739 4.85036 11.6802 4.845 11.6802H2.76796C2.76175 11.6802 2.75465 11.6731 2.75465 11.6668V9.57851C2.75465 9.57317 2.76095 9.56643 2.76796 9.56643H4.84504C4.85125 9.56643 4.85711 9.57231 4.85711 9.57851V11.6668H4.85706ZM9.30585 8.93865H7.22872C6.8778 8.93865 6.59229 9.2257 6.59229 9.57851V11.6668C6.59229 12.0204 6.8778 12.308 7.22872 12.308H9.30585C9.65744 12.308 9.94349 12.0204 9.94349 11.6668V9.57851C9.94349 9.2257 9.65744 8.93865 9.30585 8.93865ZM9.31912 11.6668C9.31912 11.6731 9.31206 11.6802 9.30585 11.6802H7.22872C7.22341 11.6802 7.21666 11.6739 7.21666 11.6668V9.57851C7.21666 9.57231 7.22251 9.56643 7.22872 9.56643H9.30585C9.31286 9.56643 9.31912 9.57317 9.31912 9.57851V11.6668ZM11.6907 12.308H13.7679C14.1188 12.308 14.4043 12.0204 14.4043 11.6669V9.57856C14.4043 9.22574 14.1188 8.93869 13.7679 8.93869H11.6907C11.3398 8.93869 11.0543 9.22574 11.0543 9.57856V11.6669C11.0543 12.0204 11.3398 12.308 11.6907 12.308ZM11.6787 9.57851C11.6787 9.57231 11.6845 9.56643 11.6907 9.56643H13.7679C13.7741 9.56643 13.7799 9.57231 13.7799 9.57851V11.6668C13.7799 11.6739 13.7732 11.6802 13.7679 11.6802H11.6907C11.6854 11.6802 11.6787 11.6739 11.6787 11.6668V9.57851ZM16.1527 12.308H18.2299C18.5808 12.308 18.8663 12.0204 18.8663 11.6669V9.57856C18.8663 9.22574 18.5808 8.93869 18.2299 8.93869H16.1527C15.8011 8.93869 15.5151 9.22574 15.5151 9.57856V11.6669C15.5151 12.0204 15.8011 12.308 16.1527 12.308ZM16.1394 9.57851C16.1394 9.57317 16.1457 9.56643 16.1527 9.56643H18.2299C18.2361 9.56643 18.2419 9.57231 18.2419 9.57851V11.6668C18.2419 11.6739 18.2352 11.6802 18.2299 11.6802H16.1527C16.1466 11.6802 16.1394 11.673 16.1394 11.6668V9.57851ZM4.84504 13.4247H2.76796C2.41633 13.4247 2.13028 13.7118 2.13028 14.0646V16.1529C2.13028 16.5057 2.41633 16.7928 2.76796 16.7928H4.84504C5.19597 16.7928 5.48148 16.5057 5.48148 16.1529V14.0646C5.48148 13.7118 5.19597 13.4247 4.84504 13.4247ZM4.85706 16.153C4.85706 16.1592 4.85121 16.165 4.845 16.165H2.76796C2.76095 16.165 2.75465 16.1583 2.75465 16.153V14.0646C2.75465 14.0593 2.76095 14.0525 2.76796 14.0525H4.84504C4.85125 14.0525 4.85711 14.0584 4.85711 14.0646V16.153H4.85706ZM9.30585 13.4247H7.22872C6.8778 13.4247 6.59229 13.7118 6.59229 14.0646V16.1529C6.59229 16.5057 6.8778 16.7928 7.22872 16.7928H9.30585C9.65744 16.7928 9.94349 16.5057 9.94349 16.1529V14.0646C9.94349 13.7118 9.65744 13.4247 9.30585 13.4247ZM9.31912 16.153C9.31912 16.1583 9.31286 16.165 9.30585 16.165H7.22872C7.22251 16.165 7.21666 16.1592 7.21666 16.153V14.0646C7.21666 14.0584 7.22251 14.0525 7.22872 14.0525H9.30585C9.31286 14.0525 9.31912 14.0593 9.31912 14.0646V16.153ZM13.7679 16.7928C14.1188 16.7928 14.4043 16.5058 14.4043 16.153V14.0646C14.4043 13.7118 14.1188 13.4248 13.7679 13.4248H11.6907C11.3398 13.4248 11.0543 13.7118 11.0543 14.0646V16.153C11.0543 16.5058 11.3398 16.7928 11.6907 16.7928H13.7679ZM11.6787 16.153V14.0646C11.6787 14.0584 11.6845 14.0525 11.6907 14.0525H13.7679C13.7741 14.0525 13.7799 14.0584 13.7799 14.0646V16.153C13.7799 16.1592 13.7741 16.165 13.7679 16.165H11.6907C11.6845 16.165 11.6787 16.1592 11.6787 16.153ZM4.84504 17.9096H2.76796C2.41633 17.9096 2.13028 18.1972 2.13028 18.5507V20.639C2.13028 20.9919 2.41633 21.2789 2.76796 21.2789H4.84504C5.19597 21.2789 5.48148 20.9919 5.48148 20.639V18.5507C5.48148 18.1972 5.19597 17.9096 4.84504 17.9096ZM4.85706 20.639C4.85706 20.6453 4.85121 20.6512 4.845 20.6512H2.76796C2.76095 20.6512 2.75465 20.6444 2.75465 20.639V18.5507C2.75465 18.5445 2.76175 18.5373 2.76796 18.5373H4.84504C4.85036 18.5373 4.85711 18.5436 4.85711 18.5507V20.639H4.85706ZM9.30585 17.9096H7.22872C6.8778 17.9096 6.59229 18.1972 6.59229 18.5507V20.639C6.59229 20.9919 6.8778 21.2789 7.22872 21.2789H9.30585C9.65744 21.2789 9.94349 20.9919 9.94349 20.639V18.5507C9.94349 18.1972 9.65744 17.9096 9.30585 17.9096ZM9.31912 20.639C9.31912 20.6444 9.31286 20.6512 9.30585 20.6512H7.22872C7.22251 20.6512 7.21666 20.6453 7.21666 20.639V18.5507C7.21666 18.5436 7.22336 18.5373 7.22872 18.5373H9.30585C9.31206 18.5373 9.31912 18.5445 9.31912 18.5507V20.639Z' fill='%231D4A29'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_942_2198'%3E%3Crect width='21' height='23' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-size: 100% 100%;
}

.event-box p {
    font-weight: 300;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin-bottom: 20px;
}

.event-gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 10px;
}

.event-gallery img {
    width: 100%;
    border-radius: 10px;
}

.event-gallery a {
    position: relative;
    z-index: 0;
    cursor: pointer;
}

.event-gallery a:nth-child(2):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
}

.event-gallery.show-more a:nth-child(2)::before {
    opacity: 1;
}

.more-img {
    position: absolute;
    bottom: 60px;
    right: 110px;
    z-index: 0  ;
    pointer-events: none;
}

.more-img h4 {
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
}

.more-img p {
    font-weight: 300;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    color: #FFFFFF;
    margin-bottom: 0;
}

.eam-content .row {
    row-gap: 24px;
}

.award-box p {
    font-weight: 300;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
}

.award-gallery {
    display: flex;
    column-gap: 10px;
    justify-content: center;
}

.award-gallery:has(img:nth-child(2)) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.award-gallery:has(img:nth-child(2)) img {
    width: 100%;
}

.award-gallery img {
    width: 50%;
}

.eam-box.media-box {
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    height: 100%;
}

.media-img img {
    width: 100%;
    object-fit: cover;
    height: 200px;
}

.media-desc {
    padding: 15px;
}

.media-desc .date {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #181818;
    opacity: 0.7;
    margin-bottom: 10px;
}

.media-desc h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #1D4A29;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.f-link .cont-add-box {
    padding: 0;
    background-color: transparent;
    height: auto;
    border-radius: 0;
    margin-top: 15px;
}

.cont-add-box ul li {
    opacity: 1 !important;
}

.f-link .cont-add-box ul li h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: #FFFFFF;
    opacity: 1;
}

.cont-add-box ul li h5::before {
    background-color: #FFFFFF;
}
.cta-form .forminator-input,
.cta-form .forminator-textarea,
.career-popup-content .forminator-input,
.career-popup-content .forminator-textarea {
    padding: 14px 20px !important;
    min-height: 60px;
    border: 1px solid #CBD5E1 !important;
    background-color: #F8FAFC !important;
    border-radius: 12px !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 18px !important;
    color: #1D4A29 !important;
    width: 100%;
    outline: none;
}
.f-newl-input input.forminator-input {
    padding: 14px 37px 14px 20px !important;
    border: 1px solid #FFFFFF;
    background: #FFFFFF;
    border-radius: 14px !important;
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 22px !important;
    color: #FFFFFF;
    width: 100% !important;
    outline: none;
    background-color: transparent;
    height: 54px !important;
}
.forminator-ui#forminator-module-2388.forminator-design--default .forminator-button-submit {
    position: absolute !important;
    width: 54px !important;
    height: 54px !important;
    background-color: transparent !important;
    top: 0 !important;
    right: 0 !important;
    z-index: 2;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='10' viewBox='0 0 17 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5H16M16 5L11.5 0.5M16 5L11.5 9.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    background-size: 17px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    min-width: auto !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 0 !important;
}
.forminator-ui#forminator-module-2388 .forminator-row.forminator-row-last {
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1599px) {
    .pibanner-box {
        height: 700px;
    }

    .pibanner-shape1 {
        bottom: 120px;
    }

    .pibanner-shape2 {
        bottom: 200px;
        right: 220px;
    }

    .pi-hm-sustainability {
        min-height: 700px;
    }
}

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

    .pibanner-shape1 {
        bottom: 110px;
    }

    .pibanner-shape2 {
        right: 145px;
    }

    .ab-navigation {
        top: calc(50% + 65px);
    }

    .absli-content {
        max-width: 500px;
    }

    .pibanner-desc h1,
    .pibanner-desc h2 {
        max-width: 100%;
    }

    .cta-desc h2 {
        font-size: 36px;
        line-height: 46px;
    }

    .more-img {
        bottom: 50px;
        right: 85px;
    }
}

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

    .pibanner-shape1 {
        bottom: 140px;
    }

    .pibanner-shape2 {
        right: 165px;
    }

}

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

    .mtb-120 {
        margin: 90px 0;
    }

    .mt-120 {
        margin-top: 90px;
    }

    .mb-120 {
        margin-bottom: 90px;
    }

    .ptb-120 {
        padding: 90px 0;
    }

    header .navbar-brand img {
        max-width: 150px;
    }

    header .navbar-nav>.menu-item+.menu-item {
        margin-left: 18px;
    }

    header .menu-item:not(:last-child) a {
        font-size: 14px;
        line-height: 20px;
        padding: 35px 0;
    }

    header.sticky .menu-item:not(:last-child) a {
        padding: 30px 0;
    }

    header .navbar-nav>.menu-item:last-child a {
        font-size: 14px;
        line-height: 20px;
        padding: 9px 38px 9px 15px;
    }

    header .navbar-nav>.menu-item:last-child a::after {
        top: 6px;
        right: 6px;
        height: 25px;
        width: 25px;
    }

    .pibanner-desc {
        margin-top: 140px;
    }

    .pibanner-desc h5 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .pibanner-desc h1,
    .pibanner-desc h2 {
        font-size: 50px;
        line-height: 70px;
        max-width: 100%;
    }

    .pibanner-desc p {
        margin-top: 50px;
        font-size: 14px;
        line-height: 22px;
    }

    .pibanner-desc a {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 50px 14px 20px;
    }

    .pibanner-desc a svg {
        height: 30px;
        width: 30px;
    }

    .shape>svg {
        width: 45px;
        height: 45px;
    }

    .shape p {
        font-weight: 300;
        font-size: 18px;
        line-height: 24px;
        color: #FFFFFF;
        margin-bottom: 0;
        margin-top: 0;
    }

    .pibanner-shape1 {
        bottom: 135px;
        left: 25px;
    }

    .pibanner-shape2 {
        right: 115px;
    }

    .default-btn {
        font-size: 14px;
        line-height: 14px;
        padding: 14px 50px 14px 20px;
    }

    .default-btn svg {
        height: 30px;
        width: 30px;
    }

    .title h4 {
        font-size: 14px;
        line-height: 14px;
    }

    .title h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .ab-tab .tab-item {
        font-size: 18px;
        line-height: 40px;
    }

    .ab-content-main .ab-tab-content p {
        font-size: 14px;
        line-height: 21px;
    }

    .ab-navigation {
        top: calc(50% + 25px);
    }

    .custome-navigation .swiper-button-next,
    .custome-navigation .swiper-button-prev {
        height: 40px;
        width: 40px;
        border-radius: 10px;
    }

    .ab-navigation::before {
        height: 20px;
        width: 20px;
    }

    .ab-navigation::after {
        left: 40px;
        right: 40px;
    }

    .absli-content h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .absli-content p {
        font-size: 14px;
        line-height: 21px;
    }

    .prosli-desc {
        margin-top: 15px;
    }

    .prosli-head {
        margin-bottom: 10px;
    }

    .prosli-head h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .prosli-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .prosli-desc a {
        font-size: 14px;
        line-height: 18px;
    }

    .facility-content ul li {
        padding: 10px 0;
    }

    .facility-content ul li h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .facility-count-inner {
        margin-top: 10px;
        padding-top: 10px;
    }

    .facility-count-inner h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 20px;
    }

    .facility-count h4 {
        font-size: 28px;
        line-height: 28px;
        padding-bottom: 10px;
    }

    .facility-count p {
        font-size: 10px;
        line-height: 14px;
    }

    .proloca-desc {
        padding: 15px;
    }

    .proloca-desc h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .proloca-desc p {
        font-size: 14px;
        line-height: 17px;
        margin-top: 10px;
        margin-bottom: 8px;
    }

    .proloca-desc a {
        font-size: 14px;
        line-height: 18px;
    }

    .pi-hm-sustainability {
        padding-bottom: 60px;
    }

    .sustai-box h3 {
        font-size: 18px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .sustai-box p {
        font-size: 10px;
        line-height: 14px;
        max-width: 80%;
    }

    .testi-desc h5 {
        font-size: 12px;
        line-height: 12px;
        margin-bottom: 15px;
    }

    .testi-desc p {
        font-size: 14px;
        line-height: 20px;
        max-width: 100%;
    }

    .testi-icon {
        margin-bottom: 25px;
    }

    .testi-icon img {
        max-width: 30px;
    }

    .testi-box p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .author-info h5 {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .author-info p {
        font-size: 13px;
        line-height: 15px;
        margin-bottom: 0;
    }

    .testi-pagination {
        margin-top: 30px;
    }

    .brand-logo-main {
        gap: 40px;
    }

    .brand-logo {
        min-width: 60px;
    }

    .brand-logo img {
        width: 100%;
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-100px * 15));
        }
    }

    .cta-desc h2 {
        font-size: 34px;
        line-height: 44px;
        max-width: 100%;
    }

    .cta-desc p {
        font-size: 17px;
        line-height: 27px;
    }

    .cta-form .forminator-button,
    .career-popup-content .forminator-button {
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 14px 50px 14px 20px !important;
    }

    .cta-form .forminator-button::after,
    .career-popup-content .forminator-button::after {
        height: 30px;
        width: 30px;
    }

    footer {
        padding-top: 70px;
    }

    .f-logo img {
        max-width: 150px;
    }

    .f-desc p {
        font-size: 14px;
        line-height: 21px;
    }

    .f-newletter h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .f-newl-input input {
        font-size: 14px;
        line-height: 20px;
    }

    .inner-desc h1 {
        font-size: 50px;
        line-height: 60px;
    }

    .inner-desc p {
        font-size: 14px;
        line-height: 22px;
        max-width: 100%;
    }

    .abhist-year h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .abhist-year,
    .abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box .abhist-desc {
        margin-bottom: 40px;
    }

    .abhist-desc,
    .abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box .abhist-year {
        margin-top: 40px;
    }

    .abhist-desc p {
        font-size: 13px;
        line-height: 19px;
    }

    .mis-vis-desc h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .mis-vis-desc p {
        font-size: 14px;
        line-height: 24px;
    }

    .mis-vis-desc ul li {
        font-size: 14px;
        line-height: 24px;
    }

    .mis-vis-bullet+.mis-vis-bullet {
        margin-top: 20px;
    }

    .value-main {
        gap: 30px 60px;
    }

    .value-icon {
        margin-bottom: 25px;
    }

    .value-desc h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .value-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .value-box::after {
        right: calc(-60px / 2);
    }

    .apart-desc h3 {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 20px;
    }

    .default-bullet ul li {
        font-size: 16px;
        line-height: 20px;
    }

    .default-bullet ul li+li {
        margin-top: 20px;
    }

    .apart-tab-box img {
        max-width: 100px;
    }

    .apart-tabs-desc h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .apart-tabs-desc p {
        font-size: 16px;
        line-height: 24px;
    }

    .team-desc {
        left: 20px;
        right: 20px;
        padding: 15px;
    }

    .team-desc h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .team-desc p {
        font-size: 12px;
        line-height: 18px;
    }

    .team-desc-hide {
        margin-top: 10px;
    }

    .team-desc-hide ul {
        margin-top: 10px;
    }

    .title p {
        font-size: 14px;
        line-height: 21px;
    }

    .title p+p {
        margin-bottom: 20px;
    }

    .infra-box {
        padding: 15px;
    }

    .infra-desc h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .depart-box {
        width: 25%;
    }

    .depart-box:nth-child(5),
    .depart-box:nth-child(10),
    .depart-box:nth-child(15) {
        border-right: 1px dashed #C6DE89;
    }

    .depart-box:nth-child(4),
    .depart-box:nth-child(8),
    .depart-box:nth-child(12),
    .depart-box:nth-child(16) {
        border-right: 0;
    }

    .depart-box:nth-child(16) {
        border-bottom: 1px dashed #C6DE89;
    }

    .car-posi-box {
        padding: 30px 40px;
    }

    .posi-head h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .posi-desc ul li {
        font-size: 14px;
        line-height: 17px;
        padding: 8px 15px;
    }

    .posi-desc p {
        font-size: 16px;
        line-height: 26px;
    }

    .posi-desc p::before {
        top: 1px;
    }

    .pi-cont-cta h2 {
        font-size: 35px;
        line-height: 45px;
        margin-bottom: 20px;
    }

    .cont-cta-form label {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .cont-cta-form .forminator-input,
    .cont-cta-form .forminator-textarea {
        min-height: 40px;
        border-radius: 8px !important;
        font-size: 14px !important;
        line-height: 16px !important;
    }

    .cont-cta-form .forminator-button {
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 14px 50px 14px 20px !important;
    }

    .cont-cta-form .forminator-button::after {
        height: 30px;
        width: 30px;
    }

    .cont-add-box h4 {
        font-size: 14px;
        line-height: 21px;
    }

    .cont-add-box a {
        font-size: 14px;
        line-height: 24px;
    }

    .layout-details {
        padding: 20px 25px;
    }

    .layout-details ul {
        max-width: 100%;
    }

    .layout-details ul li {
        font-size: 18px;
    }

    .default-bullet ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .techno-box {
        padding: 25px 15px;
    }

    .techno-icon {
        padding-left: 0;
    }

    .techno-icon::after {
        left: 0;
    }

    .techno-desc h3 {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 15px;
    }

    .techno-desc p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .techno-desc a {
        margin-left: 0;
        height: 35px;
        width: 35px;
    }

    .techno-desc a svg {
        height: 15px;
        width: 7px;
    }

    .abpro-desc h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .abpro-count h5 {
        font-weight: 600;
        font-size: 24px;
        line-height: 24px;
    }

    .abpro-desc,
    .abpro-count {
        height: 250px;
        width: 100%;
    }

    .blog-desc .blog-date span {
        font-size: 12px;
        line-height: 18px;
    }

    .blog-desc h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .blog-desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .resource-tab {
        padding: 12px 20px;
    }

    .resource-tab ul .tab-item a {
        font-size: 16px;
        line-height: 16px;
        padding: 14px 22px;
    }

    .news-box h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .newstr-list li h4 {
        font-size: 14px;
        line-height: 20px;
    }

    .faq-main .accordion-button {
        font-size: 16px;
        line-height: 22px;
    }

    .faq-main .accordion-body {
        font-size: 14px;
        line-height: 24px;
    }

    .f-newl-input-icon {
        width: 50px;
    }

    .pr-category-tab {
        padding: 12px 22px;
    }

    .pr-category-tab .pr-cate-box {
        font-size: 17px;
        line-height: 17px;
    }

    .load-btn {
        padding: 14px 20px;
    }

    .pr-list-box .pr-list-desc {
        padding: 20px 15px;
    }

    .pr-list-desc h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .pr-list-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .mod-bene-tab .mod-bene-item {
        font-size: 22px;
        line-height: 22px;
        padding: 20px;
    }

    .module-desc h5,
    .module-desc p {
        font-size: 16px;
        line-height: 22px;
    }

    .multi-modules .container>.row:not(:first-child) {
        margin-top: 90px;
    }

    .details-box h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .details-box p,
    .details-box ul li,
    .details-box h3 {
        font-size: 16px;
        line-height: 25px;
    }

    .details-sidebar h5 {
        font-size: 18px;
        line-height: 27px;
    }

    .case-title h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .case-title p,
    .case-title ul li {
        font-size: 16px;
        line-height: 25px;
    }

    .case-title h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .details-sidebar {
        top: 100px;
    }

    .fillter-title h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .resource-fillter-inner .search-fillter input,
    .resource-fillter-inner .search-fillter input::placeholder {
        padding: 12px 15px;
        font-size: 14px;
        line-height: 14px;
    }

    .resource-fillter-inner .search-icon {
        width: 47px;
    }

    .category-inner li {
        padding: 8px 11px;
        font-size: 12px;
        line-height: 18px;
    }

    .event-tag {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .event-box h3 {
        font-size: 24px;
        line-height: 44px;
    }

    .more-img {
        bottom: 35px;
        right: 60px;
    }

    .eam-tab {
        padding: 12px 20px;
    }

    .eam-tab .eam-item {
        font-size: 16px;
        line-height: 16px;
        padding: 14px 22px;
    }

    .award-box p {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 20px;
    }

    .media-desc .date {
        font-size: 12px;
        line-height: 20px;
    }

    .media-desc h4 {
        font-size: 16px;
        line-height: 28px;
    }

    .f-top>.row {
        row-gap: 30px;
    }
}

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

    .mtb-120 {
        margin: 70px 0;
    }

    .mt-120 {
        margin-top: 70px;
    }

    .mb-120 {
        margin-bottom: 70px;
    }

    .ptb-120 {
        padding: 70px 0;
    }

    header {
        padding: 25px 0;
    }

    header.sticky {
        padding: 18px 0;
    }

    button.close-btn {
        height: 35px;
        width: 35px;
        background: #AACC53;
        border: 0;
        padding: 0;
        border-radius: 50px;
        position: absolute;
        z-index: 2;
        top: 10px;
        right: 10px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-toggler {
        padding: 0;
        outline: none;
        border: none;
    }

    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }

    .icon-bar {
        width: 30px;
        height: 3px;
        background: #AACC53;
        display: block;
        border-radius: 20px;
    }

    .icon-bar+.icon-bar {
        margin-top: 6px;
    }

    .icon-bar:nth-child(1) {
        max-width: 70%;
        margin-left: auto;
    }

    .icon-bar:nth-child(3) {
        max-width: 50%;
        margin-left: auto;
    }

    .navbar-collapse {
        padding: 50px 0 0;
        float: left;
        width: 60%;
        position: fixed;
        right: -100%;
        left: auto;
        top: 0;
        z-index: 11;
        -ms-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s;
        height: 100% !important;
        border: 0;
        display: block !important;
        background: #1D4A29;
        overflow: auto;
    }

    .navbar-collapse.show {
        right: -1px;
    }

    header .menu-item {
        width: 100%;
    }

    header .menu-item:first-child,
    header .menu-item:last-child {
        margin-left: 0 !important;
    }

    header .navbar-nav>.menu-item+.menu-item {
        margin-left: 0px;
        border-top: 1px solid #AACC53;
        cursor: pointer;
    }

    header .navbar-nav {
        align-items: flex-start !important;
    }

    header .menu-item:not(:last-child) a,
    header .menu-item:last-child a {
        font-size: 17px !important;
        line-height: 24px !important;
        text-align: left !important;
        width: 100% !important;
        padding: 15px 25px !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    header .menu-item:last-child a {
        border: none !important;
        color: #FFFFFF;
        padding: 15px 25px !important;
    }

    header .menu-item:last-child a:hover {
        background-color: transparent;
        color: #AACC53;
    }

    header .menu-item:last-child a::after {
        display: none;
    }

    .pibanner-desc h1,
    .pibanner-desc h2 {
        font-size: 40px;
        line-height: 50px;
        max-width: 100%;
        margin-bottom: 25px;
    }

    .title h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .pibanner-shape1 {
        bottom: 188px;
        left: 25px;
    }

    .pibanner-shape2 {
        bottom: 160px;
        right: 30px;
    }

    .ab-content-main {
        margin-top: 20px;
    }

    .pi-hm-about .row+.row {
        row-gap: 30px;
    }

    .title h4 {
        margin-bottom: 20px;
    }

    .ab-navigation {
        top: calc(50% + 90px);
    }

    .pi-hm-prosolu .row+.row+.row,
    .pi-hm-facility .row+.row+.row,
    .pi-hm-project .row+.row+.row,
    .pi-hm-sustainability .row+.row+.row,
    .pi-hm-testimonials .row+.row+.row,
    .pi-ab-misvis .row+.row+.row,
    .pi-ab-values .row+.row+.row,
    .pi-ab-apart .row+.row+.row,
    .pi-ab-team .row+.row+.row,
    .pi-infro-feature .row+.row+.row,
    .pi-infra-techno .row+.row+.row,
    .pi-car-depart .row+.row+.row,
    .pi-car-postion .row+.row+.row,
    .pi-ab-process .row+.row+.row,
    .pi-pr-list .row+.row+.row,
    .pi-mod-ntype .row+.row+.row,
    .pi-ab-history .row+.row+.row {
        margin-top: 30px;
        row-gap: 30px;
    }

    .facility-content ul {
        max-width: 100%;
    }

    .pro-location-main .row,
    .pi-cta .row,
    .f-top .row {
        row-gap: 30px;
    }

    .facility-count-inner {
        margin-top: 20px;
        padding-top: 20px;
    }

    .f-desc p {
        margin-bottom: 0;
    }

    .inner-desc h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .pi-about .row+.row {
        row-gap: 30px;
    }

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

    .title p+p {
        margin-top: 10px;
    }

    .mis-vis-desc h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .mis-vis-bullet::before {
        top: -4px;
    }

    .value-main {
        grid-template-columns: repeat(1, 1fr);
        gap: 40px 0;
    }

    .value-box::after {
        top: auto;
        bottom: calc(-40px / 2);
        left: 20px;
        right: 20px;
        width: auto;
        height: 1px;
    }

    .default-bullet ul li {
        font-size: 14px;
        line-height: 22px;
    }

    .apart-content-main {
        margin-top: 30px;
    }

    .apart-content .row {
        row-gap: 30px;
    }

    .apart-tabs-desc h3 {
        margin-bottom: 15px;
    }

    .apart-tabs-desc p {
        font-size: 14px;
        line-height: 24px;
    }

    .pi-inner-benner {
        min-height: 600px;
    }

    .pi-about .row+.row {
        margin-top: 10px;
    }

    .pi-infrastructure .row+.row {
        margin-top: 10px;
        row-gap: 30px;
    }

    .depart-box {
        padding: 20px;
    }

    .car-posi-box {
        padding: 20px;
    }

    .posi-head h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .posi-desc ul li {
        font-size: 12px;
        line-height: 15px;
    }

    .posi-desc ul {
        column-gap: 10px;
        margin-bottom: 20px;
    }

    .posi-desc p {
        font-size: 14px;
        line-height: 24px;
    }

    .pi-cont-cta h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .cta-add-img iframe {
        height: 400px;
    }

    .pi-cont-add .row {
        row-gap: 30px;
    }

    .cont-add-box {
        padding: 30px 15px;
    }

    .layout-details ul li {
        font-size: 14px;
    }

    .pi-infra-techno .row .col-lg-3:nth-child(3) {
        margin-top: -40px;
    }

    .pi-infra-techno .row .col-lg-3:nth-child(4) {
        margin-top: 0;
    }

    .faq-main {
        margin-top: 20px;
    }

    .faq-main .accordion-button {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 0;
    }

    .faq-main .accordion-body {
        font-size: 13px;
        line-height: 22px;
        padding: 0 0 15px;
    }

    .faq-main .accordion-button::after {
        height: 25px;
        width: 25px;
    }

    .resource-tab-content .row+.row {
        margin-top: 30px;
    }

    .blog-desc h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .resource-tab ul .tab-item a {
        padding: 12px 20px;
    }

    .news-head {
        margin-bottom: 20px;
    }

    .news-head h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .news-box h3 {
        font-size: 16px;
        line-height: 22px;
    }

    .blog-desc>span {
        font-size: 10px;
        padding: 6px 10px;
    }

    header .navbar-nav>.menu-item.menu-item-has-children>a::after {
        display: none;
    }

    header .navbar-nav>.menu-item.menu-item-has-children::after {
        content: "";
        position: absolute;
        top: calc(37px / 2 + 3.5px);
        right: 25px;
        width: 12px;
        height: 7px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.210515 0.595769C0.491201 0.315082 0.946295 0.315082 1.22698 0.595769L5.51041 4.87916L9.79388 0.595769C10.0746 0.315082 10.5296 0.315082 10.8103 0.595769C11.091 0.876455 11.091 1.33155 10.8103 1.61221L6.01862 6.40387C5.88388 6.53871 5.70103 6.61442 5.51041 6.61442C5.3198 6.61442 5.13695 6.53871 5.00221 6.40387L0.210515 1.61221C-0.0701716 1.33155 -0.0701716 0.876455 0.210515 0.595769Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100%;
        transition: all 0.4s ease-in-out;
    }

    header .menu-item.menu-item-has-children .sub-menu {
        visibility: visible;
        opacity: 1;
        position: static;
        width: 100%;
        background: #266637b0;
        border-radius: 0;
        padding: 0;
        display: none;
    }

    header .menu-item.menu-item-has-children.sub-open .sub-menu {
        display: block;
    }

    header .menu-item.menu-item-has-children .sub-menu li {
        border-top: 1px solid #AACC53;
    }

    header .menu-item.menu-item-has-children>a {
        width: 80% !important;
        position: static !important;
    }

    header .menu-item.menu-item-has-children .sub-menu .menu-item a {
        color: #FFFFFF;
    }

    .pr-category-tab {
        padding: 0;
        background-color: transparent;
        border: none;
        margin-bottom: 30px;

    }

    .pr-category-tab .pr-cate-box {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 18px;
        border: 1px solid rgba(179, 138, 111, 0.15);
    }

    .pr-category-tab .pr-cate-box.active {
        background-color: #c6de89;
        box-shadow: none;
        font-weight: 400;
    }

    .pr-list-box .pr-list-desc {
        padding: 25px 20px;
    }

    .pr-list-desc h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .pr-list-desc p {
        font-size: 14px;
        line-height: 21px;
    }

    .inner-desc h1 span {
        display: inline;
    }

    .mod-bene-tab {
        margin-bottom: 30px;
    }

    .mod-bene-tab .mod-bene-item {
        font-size: 16px;
        line-height: 16px;
        padding: 20px;
    }

    .mod-bene-box li {
        font-size: 16px;
        line-height: 24px;
    }

    .mod-bene-box li+li {
        margin-top: 15px;
    }

    .pi-mod-list .pr-list-desc {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .pr-list-box .pr-list-desc svg {
        width: 30px;
        height: 30px;
    }

    .mod-bene-tab {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 12px;
    }

    .mod-bene-tab .mod-bene-item {
        font-size: 13px;
        line-height: 13px;
        padding: 9px 12px;
    }

    .mod-bene-box li {
        font-size: 14px;
        line-height: 22px;
    }

    .mod-bene-box li+li {
        margin-top: 10px;
    }

    .mod-bene-box li::before {
        top: 2px;
        height: 20px;
        width: 20px;
    }

    .pi-mod-about .row {
        row-gap: 30px;
    }

    .multi-modules .container>.row:not(:first-child) {
        margin-top: 70px;
    }

    .details-box h2 {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .details-box p,
    .details-box ul li,
    .details-box h3 {
        font-size: 14px;
        line-height: 23px;
    }

    .details-box p {
        margin-bottom: 10px;
    }

    .details-box ul {
        margin: 10px 0;
    }

    .details-sidebar h5 {
        font-size: 16px;
        line-height: 25px;
        margin-bottom: 15px;
    }

    .details-box ul li::after {
        top: 8px;
    }

    .details-box ul li {
        padding-left: 25px;
    }

    .details-box img {
        margin-bottom: 15px;
    }

    .case-title h2 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
    }

    .case-title p,
    .case-title ul li {
        font-size: 14px;
        line-height: 23px;
    }

    .intro-img {
        min-width: 170px;
        min-height: 140px;
        margin-bottom: 20px;
    }

    .pi-case-intro .row+.row,
    .pi-case-rus .row+.row {
        margin-top: 30px;
        row-gap: 30px;
    }

    .case-box-inner .row {
        row-gap: 30px;
    }

    .case-title h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
        max-width: 100%;
    }

    .case-box-inner .row:nth-child(even),
    .case-box-inner .row {
        flex-direction: column-reverse;
    }

    .case-table-main tbody tr td img {
        max-width: 35px;
        margin-right: 8px;
    }

    .case-table-main thead th {
        font-size: 14px;
        line-height: 14px;
    }

    .case-table-main tbody tr td {
        font-size: 14px;
        line-height: 14px;

    }

    .page-template-resources .resource-tab-content .row {
        flex-direction: column-reverse;
    }

    .pipro-slider .swiper-slide {
        height: auto;
        transform: scale(0.85);
        margin-right: 0px !important;
        transition: all .3s ease-in-out;
    }

    .pipro-slider .swiper-slide.swiper-slide-active {
        transform: scale(1);
    }

    .prosli-desc a,
    .prosli-desc p {
        display: none;
    }

    .pipro-slider .swiper-slide.swiper-slide-active .prosli-desc p,
    .pipro-slider .swiper-slide.swiper-slide-active .prosli-desc a {
        display: block;
    }

    .resource-tab ul .tab-item a {
        padding: 12px 20px;
    }

    .more-img {
        bottom: 75px;
        right: 120px;
    }

    .eam-content-main {
        margin-top: 30px;
    }
}

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

    .mtb-120 {
        margin: 50px 0;
    }

    .mt-120 {
        margin-top: 50px;
    }

    .mb-120 {
        margin-bottom: 50px;
    }

    .ptb-120 {
        padding: 50px 0;
    }

    .navbar-collapse {
        width: 100%;
    }

    .navbar-collapse.show {
        right: 0px;
    }

    .pibanner-box {
        height: 500px;
    }

    .pibanner-box .row {
        width: 100%;
    }

    .pibanner-box .row>* {
        flex-shrink: unset;
    }

    .pibanner-desc {
        margin-top: 80px;
        padding-top: 70px;
    }

    .pibanner-desc h1,
    .pibanner-desc h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .pibanner-shape1,
    .pibanner-shape2 {
        display: none;
    }

    .pibanner-desc p {
        margin-top: 30px;
    }

    .pibanner-desc a {
        font-size: 12px;
        line-height: 12px;
        padding: 12px 40px 12px 14px;
    }

    .pibanner-desc a svg {
        height: 25px;
        width: 25px;
    }

    .title h4 {
        font-size: 12px;
        line-height: 12px;
    }

    .title h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .ab-tab .tab-item {
        font-size: 16px;
        line-height: 30px;
    }

    .ab-tab ul {
        column-gap: 25px;
    }

    .ab-content-main .ab-tab-content p+p {
        margin-top: 15px;
    }

    .default-btn {
        font-size: 12px;
        line-height: 12px;
        padding: 12px 40px 12px 14px;
    }

    .default-btn svg {
        height: 25px;
        width: 25px;
    }

    .ab-navigation {
        top: calc(50% + 10px);
        height: 35px;
    }

    .custome-navigation .swiper-button-next,
    .custome-navigation .swiper-button-prev {
        height: 35px;
        width: 35px;
        border-radius: 10px;
    }

    .ab-navigation::after {
        left: 35px;
        right: 35px;
    }

    .ab-navigation::before {
        height: 15px;
        width: 15px;
    }

    .absli-content {
        margin: 50px auto 0;
    }

    .custome-navigation .swiper-button-next svg,
    .custome-navigation .swiper-button-prev svg {
        width: 8px;
        height: 20px;
    }

    .ps-navigation {
        display: none;
    }

    .custome-pagination.pro-pagination {
        display: flex;
    }

    .facility-content ul li h5 {
        font-size: 16px;
        line-height: 22px;
    }

    .facility-count-inner h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .facility-count h4 {
        font-size: 26px;
        line-height: 26px;
    }

    .pi-hm-sustainability {
        min-height: auto;
        padding: 50px 0;
    }

    .sustai-box h3 {
        font-size: 14px;
        line-height: 14px;
    }

    .pi-cta {
        padding: 50px 0;
    }

    .cta-desc h2 {
        font-size: 26px;
        line-height: 36px;
        margin-bottom: 20px;
    }

    .cta-desc p {
        font-size: 15px;
        line-height: 24px;
    }

    .cta-form .forminator-button,
    .career-popup-content .forminator-button {
        font-size: 12px !important;
        line-height: 12px !important;
        padding: 12px 40px 12px 14px !important;
    }

    .cta-form .forminator-button::after,
    .career-popup-content .forminator-button::after {
        height: 25px;
        width: 25px;
    }

    footer {
        padding-top: 50px;
    }

    .f-newletter h2 {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .f-title h6 {
        margin-bottom: 15px;
    }

    .f-top {
        margin-bottom: 30px;
    }

    .f-bottom {
        padding: 20px 0;
    }

    .f-bottom p {
        text-align: center;
        font-size: 11px;
        line-height: 20px;
    }

    .pi-inner-benner {
        min-height: auto;
        padding: 130px 0 50px;
    }

    .inner-desc h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .abhist-year h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .abhist-year,
    .abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box .abhist-desc {
        margin-bottom: 25px;
    }

    .abhist-desc,
    .abhist-slider .swiper-wrapper .swiper-slide:nth-child(even) .abhist-box .abhist-year {
        margin-top: 25px;
    }

    .abhist-desc p {
        font-size: 12px;
        line-height: 18px;
    }

    .abhist-desc h5 {
        font-size: 15px;
        line-height: 22px;
    }

    .hist-pagination {
        margin-top: 10px;
    }

    .mis-vis-desc h3 {
        font-size: 18px;
        line-height: 22px;
    }

    .apart-tabs-desc h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .infra-box {
        padding: 20px 15px;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 20px;
    }

    .infra-icon img {
        max-width: 60px;
    }

    .depart-box {
        width: 50%;
    }

    .depart-box p {
        font-size: 12px;
        line-height: 18px;
        margin-top: 15px;
    }

    .depart-box img {
        max-width: 40px;
    }

    .depart-box:nth-child(2) .depart-box:nth-child(4),
    .depart-box:nth-child(6),
    .depart-box:nth-child(8),
    .depart-box:nth-child(10),
    .depart-box:nth-child(12),
    .depart-box:nth-child(14),
    .depart-box:nth-child(16) {
        border-right: 0;
    }

    .car-posi-box {
        padding: 20px 15px;
    }

    .posi-head {
        row-gap: 15px;
        flex-direction: column;
        align-items: flex-start;
    }

    .posi-head h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .posi-desc ul {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 10px;
    }

    .posi-desc ul li {
        font-size: 10px;
        line-height: 12px;
    }

    .posi-desc p {
        font-size: 13px;
        line-height: 23px;
        padding-left: 35px;
    }

    .pi-cont-cta h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .cont-cta-form .forminator-button {
        font-size: 12px !important;
        line-height: 12px !important;
        padding: 12px 40px 12px 14px !important;
    }

    .cont-cta-form .forminator-button::after {
        height: 25px;
        width: 25px;
    }

    .pi-infra-layout {
        padding: 50px 0;
    }

    .layout-details ul {
        column-count: 1;
    }

    .pi-infra-layout .row+.row {
        margin-top: 10px;
        row-gap: 30px;
    }

    .layout-details {
        padding: 20px;
    }

    .pi-infra-techno .row .col-lg-3:nth-child(even) {
        margin-top: 0;
    }

    .pi-infra-techno .row .col-lg-3:nth-child(3) {
        margin-top: 0px;
    }

    .abpro-slider {
        position: relative;
    }



    .abpro-pagination {
        display: flex;
        position: absolute;
        bottom: -10px !important;
    }

    .resource-tab {
        padding: 8px 10px;
        max-width: fit-content;
    }

    .resource-tab ul .tab-item a {
        padding: 10px 11px;
        font-size: 13px;
        line-height: 13px;
    }

    .resource-tab ul {
        justify-content: center;
    }

    .blog-desc .blog-date {
        margin-bottom: 5px;
    }

    .blog-desc {
        padding: 10px 10px 0;
    }

    .inner-bradecrume li a,
    .inner-bradecrume li {
        font-size: 12px;
        line-height: 18px;
    }

    .news-head h5 {
        font-size: 12px;
        line-height: 18px;
    }

    .cta-form .forminator-input,
    .cta-form .forminator-textarea {
        padding: 9px !important;
        min-height: 40px !important;
        font-size: 14px !important;
        line-height: 14px !important;
    }

    .abpro-desc,
    .abpro-count {
        height: 313px;
    }

    header .menu-item:not(:last-child) a,
    header .menu-item:last-child a {
        font-size: 16px !important;
        line-height: 22px !important;
        padding: 15px !important;
    }

    header .navbar-nav>.menu-item.menu-item-has-children::after {
        right: 15px;
    }

    .pr-category-tab {
        flex-wrap: wrap;
        gap: 8px;
    }

    .pr-category-tab .pr-cate-box {
        font-size: 13px;
        line-height: 13px;
        padding: 9px 12px;
    }

    .load-btn {
        padding: 12px 14px;
    }

    .module-desc h5,
    .module-desc p {
        font-size: 14px;
        line-height: 20px;
    }

    .multi-modules .container>.row:not(:first-child) {
        margin-top: 50px;
    }

    .case-table-main {
        overflow-x: auto;
    }

    .case-table-main table {
        width: 530px;
    }

    .category-inner {
        margin-top: 15px;
    }

    .eam-tab {
        padding: 8px 10px;
        max-width: fit-content;
    }

    .eam-tab .eam-item {
        padding: 10px 11px;
        font-size: 13px;
        line-height: 13px;
    }

    .eam-box {
        padding: 15px;
    }

    .event-box p {
        font-size: 14px;
        line-height: 21px;
    }

    .event-tag {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 15px;
        padding: 6px 15px;
    }

    .event-box h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .event-box ul li+li {
        margin-top: 20px;
    }

    .event-box p {
        font-size: 14px;
        line-height: 21px;
    }

    .event-gallery {
        grid-template-columns: repeat(1, 1fr);
    }

    .more-img {
        bottom: 65px;
    }

    .event-box ul {
        margin-bottom: 20px;
    }

    .event-box ul li {
        font-size: 12px;
        line-height: 18px;
    }

    .award-box p {
        font-size: 16px;
        line-height: 24px;
    }

    .award-gallery:has(img:nth-child(2)) {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 15px;
    }
}

@media screen and (max-width:399px) {
    .ab-navigation {
        top: calc(50% + -10px);
    }

    .abpro-desc,
    .abpro-count {
        height: 280px;
    }

    .cont-add-box h4 {
        margin-bottom: 10px;
    }

    .f-newl-input input {
        padding: 12px 37px 12px 12px;
    }
}