*{
	margin:0px;
    padding:0px;
    font-weight: 400;
    font-family: "Baloo 2", sans-serif;
}

p {
    margin: 0;
}
/* end-edit */
html.has-scroll-smooth {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;  
} 
body.no-scroll {
    overflow: hidden;
}
html {
  scroll-behavior: smooth;
}


/* width */
::-webkit-scrollbar {
    width: 6px;
}
 
/* Track */
::-webkit-scrollbar-track {
    background: #fff; 
    width:10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00636e; 
    border-radius: 60px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #00636e; 
}



/* common style */
.loader_img {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 99;
    animation:loader 1s normal forwards ease-in-out;
    animation-delay:5s;
}

@keyframes loader{
    from {opacity:1}
    to{opacity:0;
    visibility: hidden;
    }
}
.btn_kribhco{
    background: #1F525F;
    color: #fff;
    padding: 12px 20px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    z-index: 1;
    transition: 0.6s;
    border: 1px solid #1F525F;
    min-width: 140px;
    display: inline-block;
    border-radius: 40px;
    line-height: normal;
}
.btn_kribhco:hover {
    color:#1F525F;
    box-shadow: inset 0 -4em 0 0 #fff !important;
}  
.btn_kribhco_white{
    background: #fff;
    color: #1F525F;
    padding: 12px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    position: relative;
    font-size: 18px;
    z-index: 1;
    transition: 0.6s;
    border: 1px solid #fff;
    min-width: 140px;
    display: inline-block;
    border-radius: 40px;
    line-height: normal;
}
.btn_kribhco_white:hover {
    color:#fff;
    box-shadow: inset 0 -4em 0 0 #1F525F !important;
} 
.menu_animation {
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding-bottom: 5px;
}
.menu_animation:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  transform: translateX(-110%);
  content: '';
  position: absolute;
  transition: transform .6s ease;
}
.menu_animation:hover:before {
  transform: translateX(0);
}


.logo img {
    height: 110px;
    margin-top: -40px;    
    transition: 0.6s;
    filter: drop-shadow(2px 4px 6px #fff);

}
.sticky .logo img {
    height: 100px;
    margin-top: 0;
    margin-bottom: -40px;

}
.search_input {
    position: fixed;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 90%);
    left: 0;
    top: 0;
    display: flex;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    padding: 0 10%;
}
.search_input input{
    background: transparent !important;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    padding: 20px;
    font-size: 24px;
    box-shadow: none !important;
    color: #fff !important;
}
.search_input button {
    border: none;
    color: #fff;
    background: transparent !important;
    font-size: 26px;
}
.search_input .close_search {
    position: absolute;
    top: 5%;
    right: 5%;
    font-size: 40px;
}

header {
    background: linear-gradient(90deg, rgba(16, 95, 111, 1) 0%, rgba(112, 183, 115, 1) 100%);

    width: 95%;
    transition: 0.5s all;
    position: fixed;
    top: 40px;
    z-index: 99;
    border-radius: 15px;
    left: 50%;
    transform: translateX(-50%);
}
header.sticky {
     top: 0px; 
}
.menu {
    display: inline-flex;
    justify-content: center;
    list-style: none;
    padding: 0;
    column-gap: 40px;
    margin: 0;
    align-items: center;
}
.menu a {
    display: block;
    text-decoration: none;
    transition: 0.4s;
    text-transform: capitalize;
    text-align: center;
    font-weight:500;
    color: #fff;
    padding: 25px 0; 
    font-size: 18px;
}
.menu .sub-menu a {
    font-size: 20px;
}
/*.menu a:hover {*/
/*    color: #B8A7CB;*/
/*}*/
.menu li {
    position: relative;
    margin: 0 10px;
}
.search_btn {
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
}
.header_btn  {
    background: #fff;
    min-width: 100px;
    display: inline-block;
    border-radius: 25px;
    line-height: normal;
    text-align: center;
    text-decoration: none; 
    color: #272727;
    font-weight: 600;
    transition: 0.4s;
    padding: 12px 25px;
}
.header_btn:hover {
    color: #fff;
    box-shadow: inset 0 -4em 0 0 #1F525F !important;
}
.side_bar{
    padding: 8px;
    margin-left: 40px;
    width: 45px;
    height: 40px;
    display: none;
    align-items: center;
    flex-wrap: wrap; 
    z-index: 10;
    position: relative;
    /* margin: 50px auto; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.side_bar span {
    display: block;
    height:2px;
    width: 100%;
    background: #272727;
    border-radius: 9px;
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}



.side_bar span:nth-child(1) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  .side_bar span:nth-child(2) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
  .side_bar span:nth-child(3) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    width: 80%;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
   
  
  .side_bar.open span:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(-1px, -3px);
    -moz-transform: rotate(45deg) translate(-1px, -3px);
    -o-transform: rotate(45deg) translate(-1px, -3px);
    transform: rotate(45deg) translate(-1px, -3px);
    top:0%;
    left: 0;
  }
  .side_bar.open span:nth-child(2) {
    /*width: 0%;*/
    opacity: 0;
  }
  .side_bar.open span:before {
    content:unset;
}
  .side_bar.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width:100%;
  }


.menu li {
    margin: 0;
}

.footer_logo .newsletter h4{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding-bottom: 15px;
}
.footer_logo {
    padding-left: 60px;
}
.footer_logo p {
    color: #D8D8D8;
    font-size: 14px;
    font-weight: 400;
}
footer .custom-logo {
    height: 120px;
    object-fit: contain;
    margin-bottom: 15px;
}
.footer_conten h6 {
    font-weight: 600;
    font-size: 18px;
    color: #324359;
}
footer {
    position: relative;
    bottom: 0;
    background: linear-gradient(90.75deg, rgba(16, 95, 111, 0.85) 0.65%, rgba(112, 183, 115, 0.85) 131.22%);
    padding: 80px 0;
}
footer .footer_item h4 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    width: 100%;
}
footer .footer_item .social-links h4 {
    margin: 40px 0 10px;
}
footer .footer_item li a {
    color: #fff;
    text-decoration: none;
    font-weight: 400;
    margin: 12px 0;
    display: block;
}
.footer_conten p:last-child {
    border-top: 1px solid;
    padding: 25px 0 0;
    margin: 25px 0 0;
}
footer .footer_item li a:hover {
    color:#fff;
}
footer .footer_item ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.footer_menu{
    padding-left:100px;
}
.newsletter input{
    box-shadow: none !important;
    border-radius: 0;
}
.footer-bottom-bar .container {
    border-top: 1px solid rgb(50 67 89 / 10%);
    padding-top: 20px;
}
.footer-bottom-bar {
    /*margin-top: 20px;*/
    /*padding: 15px 0;*/
    color: #fff;
}
.footer-bottom-bar .copy a:hover {
    color: #F1681A;
}
.footer-bottom-bar .copy a{
    color: #D8D8D8;
    margin: 0 5px;
    padding: 0 5px;
    text-decoration: none;
}
.footer-bottom-bar .credit-text a {
    color: #fff;
    text-decoration: none;
}

.footer-bottom-bar ul{
    display: inline-flex;
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    color: #000;
}
.footer-bottom-bar ul a{
    color: #535353;
    text-decoration: none;
    font-size: 14px;
    PADDING: 0 10px;
}
footer .col-md-4{
    padding-right: 60px;
}
.footer_item {
    min-width: 33%;
}
footer .footer_item p {
    font-size: 15px;
}
.social-links a{
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .6s;
    text-decoration: none;
}  
.social-links a svg{
    height: 25px;
    width: 28px;
} 
.social-links a:hover{
    transform: translateY(-10px);
}  
.social-links {
    width: 100%;
}
.footer_conten p{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    text-align: justify;
}
.footer_conten h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin-top: 25px;
    margin-bottom: 20px;
}
ul.social_link {
    display: inline-flex;
    gap: 12px;
}
ul.social_link li a {
    background: #36393E;
    width: 42px;
    height: 42px;
    justify-content: center;
    font-size: 18px !important;
    border-radius: 50%;
}
ul.social_link li a:hover {
    background: #1490E9;
}
p.designed a {
    text-decoration: none;
    color: #2D2928;
}
#teamModal .modal-body img{
    width: 40%;
    height: 250px;
        object-fit: contain;
}
#teamModal .modal-body .btn-close {
    position: absolute;
    right: 15px;
}
#teamModal .modal-body h4 {
    color: #272727;
    font-weight: 600;
    font-size: 20px;
}
#teamModal .modal-body p {
    color: #272727;
    font-weight: 400;
    margin: 10px 0;
    font-size: 14px;
}
.title h2 {
    color: #272727;
    font-size: 44px;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.title p{
    color:#272727;
    font-size: 20px;
    text-align: justify;
    font-weight: 400;
}
.section{
    padding:80px 0;
    position: relative;
}

.learn_btn{
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
    text-transform: capitalize;
    border-bottom: 1.5px solid;
    padding-bottom: 5px;
}
.learn_btn:hover {
    color:#fff;
}
.learn_btn:hover svg{
    margin-left:25px;
}
.learn_btn svg{
    margin-left: 15px;
    transition: 0.4s;
}

/* home page */


section.main_bnner {
    width: 100%;
    z-index: 1;
    background: #E8F2EA;
    overflow: hidden;
    position: relative;
}
section.main_bnner  #main_slider .banner_content h2{
    text-transform: capitalize;
    color: #70B773;
    font-size: 56px;
    margin: 0;
    font-weight: 700;
    background: url(../img/bannerBg.png);
    background-size: cover;
    color: #fff;
    -webkit-text-fill-color: transparent;
    background-position: center;
    -webkit-background-clip: text;
}
section.main_bnner.animate  .banner_contnt {
    transform: translateX(00%);
}

section.main_bnner #main_slider  .banner_content {
    z-index: 3;
    z-index: 10;
    color: #fff;
    transform: translateY(-110%);
    transition: 1s;
}
section.main_bnner  #main_slider  .swiper-slide-active .banner_content {
   
    transform: translateY(0%);
}
.main_bnner  img {
    width: 100%;
    height: 110vh;
    object-position: top;
    object-fit: cover;
}
.main_bnner .banner_contnt{
    height: 100%;
    transform: translateX(-100%);
    transition: 1s;
    place-content: center;
    padding: 60px 5% 0 15%;
}
.main_bnner .banner_contnt h1 {
    color: #272727;
    font-weight: 700;
    font-size: 56px;
}
.main_bnner .banner_contnt p {
    font-size: 18px;
    font-weight: 400;
    margin: 10px 0 25px;
}
.pro_nav{
    background: #fff;
    border: 2px solid #E9E4DF;
    padding: 10px;
    border-radius: 00px 30px 30px 30px;
    width: 40px;
    height: 40px;
}
.pro_nav.swiper-button-next{
    border-radius: 30px 0px 30px 30px;
}
.pro_nav:after{
    content:none;
}
.footer_marquee h4{
    font-weight: 600;
    font-size: 65px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    color: #70B773;
}

.footer_marquee .swiper-wrapper{
  -webkit-transition-timing-function:linear!important;    transition-timing-function:linear!important; 
  position: relative;
}
.footer_marquee .swiper-slide:nth-child(even) h4 {
    color: white;
    background-color: white;
    text-shadow: -1px -1px 0 #70B773, 1px -1px 0 #70B773, -1px 1px 0 #70B773, 1px 1px 0 #70B773;
}
.footer_marquee .swiper-slide {
    width: auto;
    display: inline-flex;
    align-items: center;
    padding:30px 20px;
    gap: 20px;
}
.footer_marquee .swiper-slide:nth-child(even) svg  {
    rotate: 270deg;
}
.tender{
    background: #E8F2EA;
}

.tender .title {
    width: 80%;
}
.tender .title a {
    margin-top: 25px;
}
.btn_nav{
    border: 1px solid #1F525F;
    padding:20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    border-radius: 50%;
    width: 65px;
    height: 65px;
    display: grid;
    place-content: center;
}
a.pro_card {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 20px;
    display: block;
    box-shadow: 0px 0px 20px 0px #00000026;
}
a.pro_card img{
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: 0.6s;
}a.pro_card:hover img{
    scale: 1.1;
}
a.pro_card h2 {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    margin: 0;
    color: #272727;
    font-size: 26px;
    font-weight: 600;
}
a.pro_card:hover h2{
    background: linear-gradient(275.54deg, rgba(112, 183, 115, 1) -3.45%, rgba(16, 95, 111, 1) 110.97%);
    color: #fff;
}
a.pro_card:hover h2 svg path{
    stroke: #fff;
}
.benefits{
    background: linear-gradient(11.11deg, #A1D09F 15.62%, #FFFFFF 73.44%);
}
.bene_card {
    box-shadow: 0px 0px 10px 0px #0000001A;
    background: #fff;
    border-radius: 10px;
    padding: 40px 25px;
    text-align: center;
    width: 20%;
    transition: 0.6s;
}
.bene_card:hover {
    background: #272727;
}
.bene_card:hover p{
    color: #fff;
}
.bene_card:hover img{
    filter: invert(1) brightness(100);
}
.bene_card p {
    color: #272727;
    font-weight: 500;
    font-size: 20px;
    margin-top: 40px;
}
.benefits  .d-flex {
    gap: 20px;
}
.benefits .bene_bg {
    height: 280px;
    margin-left: auto;    z-index: 9;
    position: relative;
    display: flex;
    transform: translateY(40px);
}

.sustainability .sust_bg{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.sustainability .title {
    position: absolute;
    left: -80%;
    transition:1s;
    border-radius: 20px;
    top: 50%;
    background: linear-gradient(98.38deg, rgba(16, 95, 111, 0.85) -2.39%, rgba(112, 183, 115, 0.85) 131.48%);
    color: #fff;
    width: 35%;
    transform: translateY(-50%);
    padding: 40px;
    text-align: center;
}
.sustainability.animate .title{
    
    left: 8%;
    
}
.sustainability .title h2{
    color: #fff;
}
.sustainability .title p{
    color: #fff;
}
.process_card {
    display: inline-flex;
    gap: 40px;
    background: linear-gradient(180deg, #105F6F 0%, #70B773 100%);
    padding: 40px;
    border-radius: 20px;
    color: #fff;
}
.process_card .process_content{
    width: 60%;
    padding-right: 80px;    
    display: inline-flex;
    gap: 15px;
    padding-top: 40px;
}
.process_card img{
    height: 340px;
    object-fit: cover;
    width: 40%;
    border-radius: 20px;
}.process_card h2{
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 15px;
}.process_card p{
    font-size: 18px;
    text-align: justify;
}
.process_card h3{
    color: #70B773;
    font-weight: 600;
    line-height: 1;
    font-size: 80px;
}
.process_card {
    position: sticky;
    top: 100px;
    margin-bottom: 40px;
}
.about_sec p{
    color: #272727;
    font-weight: 400;
    font-size: 28px;
    text-align: justify;
}
.about_sec  {
    height: 100vh;
    display: grid;
    overflow: hidden;
    place-content: center;
}

.ani_about {
    background: #106F3B;
    position: absolute;
    width: 100%;
    left: 0;
    height: 100%;
    display: grid;
    place-content: center;
    z-index: 9;
    top: 0;
}
.ani_about img {
    height: 260px;
}


.inner_bnner  img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.inner_bnner{
    width: 100%;
    min-height: 100vh; 
    display: flex;
    text-align: right;
    align-items: end;
    color: #fff;
}.inner_bnner .col-md-10 {
    margin-bottom: 40px;
    margin-left: auto;
}

.inner_bnner:after{
    width: 100%;
    height: 100%;
    content: "";
    position: absolute; 
    background: rgb(0 0 0 / 25%);
    left: 0;
    top: 0;
    z-index: -1;
}
.banner_content h1{
    font-weight: 600;
    font-size: 50px;

}.banner_content p {
    font-weight: 400;
    margin-left: auto;
    font-size: 18px;
    background: #00000087;
    padding: 14px;
    max-width: 100%;
    width: max-content;
}
.for_about h2{
    width:35%;
}
.for_about p{
    width:55%;
}


.mission .col-md-6:hover .title h2 {
    color: #fff;
}
.mission .col-md-6:hover .title p {
    color: #fff;
}
.mission .col-md-6 .title  {
    height: 100%;
    border: 1px solid #105F6F;   
    padding: 40px;
    border-radius: 40px;    transition: 0.6s;
}
.mission .col-md-6:hover .title  {
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);
}

.pio_sec{
    background: #E8F2EA;
    padding: 120px 0;

}
.pio_img {
    display: flex;
    gap: 20px;
}
.pio_img img {
    width: calc(50% - 10px);
    height: 420px;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.6s;
}
.pio_img img:first-child {
    /*width: calc(58% - 10px);*/
    margin: -50px 0;
}
.pio_sec .title  {
    padding-left: 40px;
}
.pio_img img:hover {
    /*width: calc(58% - 10px);*/
    margin: -50px 0;
}
.pio_img img:first-child:hover  {
    /*width: calc(58% - 10px);*/
    margin:50px 0;
}
.adv_sec .title {
    padding-right: 80px;
}
.adv_sec img {
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 20px;
    transition: 0.6s;
}
.our_product  .nav-link {
    border: 1px solid #105F6F;
    border-radius: 40px;
    padding: 10px 50px;
    color: #272727;
    font-weight: 500;
    min-width: 180px;
    font-size: 18px;
}
.our_product .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);

}
.our_product .nav-link:hover {
    color: #fff;
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);

}
.our_product .tab-pane.active{
    display: flex;
    gap: 40px;
}
.our_product .tab-pane .title {
    width: 50%;
}
.our_product .tab-pane .key_feat {
    width: 50%;
    padding-left: 60px;
}

.our_product .tab-pane .key_feat h6{
    font-weight: 600;
    color: #272727;
    margin-bottom: 20px;
    font-size: 26px;
}
.our_product .tab-pane .key_feat ul{
    font-weight: 500;
    color: #272727;
    padding: 0;
    list-style: none;
    font-size: 20px;
} 
.our_product .tab-pane .key_feat ul li {
    display: inline-flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.tender_title{
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);
    font-weight: 600;
    font-size: 26px;
    color: #fff;
    padding: 25px;

}
.tender_page ul{
    list-style: none;
    padding: 0;
}
.tender_page ul li{
    padding: 25px;
}
.tender_page ul li:nth-child(even){
    background: #E8F2EA;
}
.tender_page ul li a {
    text-decoration: none;
    display: flex;
    gap: 20px;
    align-items: center;
    color: #272727;
    font-weight: 400;
    font-size: 18px;
}
.policies ul{
list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 20px;
    flex-wrap: wrap;
}
.policies li{
    background: #E8F2EA;
    padding:  40px 20px;
border-radius:20px;
    text-align: center;
    width: calc(33% - 10px);
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.policies li a {
    border: 1px solid #272727;
    border-radius: 40px;
    padding: 10px 25px;
    color: #272727;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.policies li a:hover {
    color: #fff;
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);

}
.policies li h4 {
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 26px;
    color: #272727;
}
.policies li img {
    margin-left: 10px;
}
.contact_title {
    background: #E8F2EA;
    padding: 40px;
    margin-bottom: 20px;
    border-radius: 20px;
}

.contact_title h5{
    color: #272727;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 15px;
}
.contact_title ul{
    list-style: none;
}
.contact_title ul li{
    margin-bottom: 10px;
}
.contact_title ul li a {
    color: #272727;
    font-weight: 400;
    font-size: 18px;
    text-decoration: none;
}

.contact_title ul li a svg {
    margin-right: 10px;
}
.career_card {
    background: #E8F2EA;
    padding: 40px;
    height: 100%;
    border-radius: 20px;
}
.career_card h2{
    color: #272727;
    font-weight: 600;
    margin-top: 20px;
    font-size: 26px;
}
.career_card p{
    color: #333333;
    font-weight: 400;
    font-size: 20px;
}
.career_card:hover{
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);
}
.career_card:hover h2{
    color: #fff;
}
.career_card:hover p{
    color: #fff;
}
.career_card:hover svg path{
    stroke: #fff;
}

.position  .accordion-item .accordion-button {
    border: none !important;
    background: transparent;
    box-shadow: none;padding: 25px 40px;
    color: #272727;
    font-weight: 400;
    font-size: 26px;
    display: block;
}
.position  .accordion-item .accordion-body {
    padding: 20px 40px;
    padding-top: 0px;
    color: #272727;
    font-weight: 400;
    font-size: 18px;

}
.position .accordion-item {
    background: #E8F2EA;
    border-radius: 20px;
    margin-bottom: 15px;
    border: none;
}
.position  .accordion-item .accordion-button .open_detail p{
    font-size: 18px;
}
.position  .accordion-item .accordion-button .open_detail{
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 10px;
}
.position  .accordion-item .accordion-button span {
    position: absolute;
    right: 40px;
    top: 50%;
    border: 1px solid #272727;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: grid;
    transform: translateY(-50%);
    place-content: center;
    padding-left: 2px;
    transition: 0.6s;
}
.position  .accordion-item .accordion-button:not(.collapsed) span {
    transform: translateY(-50%);background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);
    background: linear-gradient(95.02deg, #105F6F 6.7%, #70B773 99.08%);
    border: #fff;
}
.position  .accordion-item .accordion-button:not(.collapsed) span svg{
    transform: rotate(90deg);
}
.position  .accordion-item .accordion-button:not(.collapsed) span svg path{
    fill: #fff;
}
.position  .accordion-item .accordion-button span svg{
    width: 15px;
    height: 15px;
    transition: 0.6s;
}
.position .accordion-button::after{
    content:none;
}
.pagi{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
.pagi .page-item:first-child .page-link {
    border: 1px solid #272727;
    color: #272727;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0;
    padding: 6px 28px;
}
.pagi .page-item:last-child .page-link {
    border: 1px solid #272727;
    color: #272727;
    font-weight: 400;
    font-size: 18px;
    border-radius: 0;
    padding: 6px 28px;
}
.pagi .page-link {
    border: none;
    margin: 0 12px;
    color: #272727;
    font-weight: 400;
    font-size: 18px;
    text-align: center;
    background: transparent;
    box-shadow: none;
}
.pagi .active .page-link {
    background: linear-gradient(90deg, #105F6F 0%, #6BB273 86.92%);
    color: #fff;
    width: 38px;
}
.pagi .page-item:last-child .page-link svg {
    margin-left: 8px;
}
.pagi .page-item:first-child .page-link svg {
    margin-right: 8px;
}

.team_list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.team_list .team_item {
    cursor: pointer;
    width: calc(50% - 10px);
}

.team_list img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
}
.team_list h6{
    color: #272727;
    font-weight: 600;
    font-size: 20px;
}.team_list p{
    color: #272727;
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 992px){    
    .side_menu{
        display:inline-block;
    }
    header  .navbar-brand img {
        height: 60px;
    }
    header.sticky  .navbar-brand img {
        width: 100px;
    }
    	header {
        padding: 8px 0;
        position: absolute;
    }
    .side_bar{
        display:inline-flex;
    }
    header  .menu{
        top: -110vh;
        left:0;
        position: fixed;
        width: 100%;
        height: 90vh;
        z-index: -2;
        z-index:9;
        border-radius: 20px;
        z-index: -1;
        padding: 15px 8%;
        padding-top: 80px;
        display: block;
        background: linear-gradient(90deg, rgba(16, 95, 111, 1) 0%, rgba(112, 183, 115, 1) 100%);
        transition: 0.6s all ease-in-out !important;
        /* box-shadow: -10px 0px 20px #0000005e; */
    }
    .menu a {
        padding: 15px 0;
    }
    header  .menu ul {
        margin-top: 50px;
    }
    
    
    header  .menu.kk{
        /*display:block;*/
        top: 0;
        transform: translateY(0);
    }
    /*header .menu a {*/
    /*    color: #000 !important;*/
    /*}*/
    
    header  .menu ul {
        display: block;
    }
    header  .menu ul {
        display: block;
    }
    .menu li {
        margin: 0;
    }
    .logo img {
          height: 64px;
    }
    
    .side_bar.open span:nth-child(3) {
        transform: rotate(-45deg) translate(2px ,2px);
    }
    .side_bar.open span:nth-child(1) {
        transform: rotate(45deg) translate(2px ,-2px);
    }
    
    .section {
        padding: 40px 0;
    }
    .title h2 {
        font-size: 34px;
    }
    .title p {
        font-size: 16px;
    }
    
    section.main_bnner .banner_content h2 {
        font-size: 24px;
    }
    section.main_bnner .banner_content p {
        font-size: 14px;
        width: 100%;
    }
    
    section.main_bnner .container-fluid{
        height: 100%!important;
    }
    section.main_bnner .row{
        height: 100%!important;
    position: relative;
    }
    section.main_bnner {
        height: auto;
    }
    section.main_bnner .banner_content {
        padding: 0 4%;
        position: relative;
        width: 90%;
        text-align: center;
    }
    section.main_bnner .swiper-slide-active .banner_content{
        left: 0%;margin:auto;
    }
    section.main_bnner img {
        margin-bottom: 0;
        height: auto;
    }
    
    footer {
        padding: 40px 0 ;
        position: unset;
    }
    footer p {
        padding-right: 0;
        font-size: 15px;
        justify-content: center;
    }
    footer .logo img {
        height: 52px;
    }
    .footer_logo {
        width: 100%;
    padding: 0;

        margin-bottom: 15px;
    }
    footer .col-md-8.d-flex{
        flex-wrap: wrap;
    }
    .footer_item {
        width: 50% !important;
        padding: 0px 0 !important;
    }
    footer .col-md-12 .align-items-center.d-inline-flex {
        padding: 10px 0 0;
        flex-wrap: wrap;
        text-align: center;
        margin: 20px 0 0 !important;
    }
    footer p.copy {
        width: 100%;
    }
    footer p a {
         padding-right: 0 !important;
        font-size: 15px ;
    }
    footer .designed{
        padding-right: 0 !important;
        justify-content: start;
        width: 100%;
        order: -1;
    }
    .footer-bottom-bar .justify-content-between {
        flex-wrap: wrap;
    text-align: center;
    }
    footer h4 {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .footer_menu li a {
        font-size: 16px !important;
    }
    .footer-bottom-bar .align-items-center{
        margin: auto;
    }
    
    .side_bar span {
        background: #fff;
    }
    
    .side_bar {
        margin-left: 0;
    }
    .main_bnner .banner_contnt {
        padding: 140px 6% 40px 6%;
    text-align: center;
    }
    .main_bnner .banner_contnt h1 {
        font-size: 36px;
    }section.main_bnner #main_slider .banner_content h2 {
        font-size: 36px;
    }.main_bnner .banner_contnt p {
        font-size: 16px;
        margin: 10px 0 25px;
        text-align: center;
    }.process_card {
        gap: 20px;
        padding: 20px;
        flex-direction: column;
    }.process_card .process_content {
        width: 100%;
        padding-right: 0;
        padding-top: 20px;
    }.process_card img {
        height: 250px;
        object-fit: cover;
        width: 100%;
        border-radius: 20px;
    }.sustainability.animate .title {
        left: 50%;
        transform: translate(-50%,-50%);
    }
    .sustainability .title {
        width: 90%;
        padding: 20px;
    }
    .sustainability .sust_bg {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .benefits .d-flex {
        gap: 20px;
        flex-wrap: wrap;
    }
    .bene_card {
        padding: 20px;
        text-align: center;
        width: calc(50% - 11px);
        transition: 0.6s;
    }
    .bene_card p {
        font-size: 18px;
        margin-top: 26px;
    }
    .bene_card .img-fluid {
        height: 60px;
    }
    a.pro_card {
        position: relative;
        width: 100%;
        height: 300px;
        overflow: hidden;
        border-radius: 20px;
        display: block;
        margin-bottom: 40px;
    }
    a.pro_card h2 {
        padding: 20px;
    }
    .tender .title {
        width: 100%;
        text-align: center;
    margin-bottom: 40px;
    }
    .footer_marquee h4 {
        font-weight: 600;
        font-size: 36px;
    }
    .footer_menu {
        padding-left: 0;
        flex-wrap: wrap;
        margin-top: 20px;
    }
    
    .about_sec p {
        font-size: 18px;
    }
    .about_sec {
        height: 80vh;
    }
    footer .col-md-4 {
        padding-right: 15px;
    }
    
    header.sticky {
        top: 10px;
        position: fixed;
    }
    .sticky .logo img {
         height: 64px; 
    }
    .header_btn{
        color: #272727 !important;
    }
    .banner_content h1 {
        font-size: 36px;
    }.banner_content p {
        font-size: 16px;
    }.inner_bnner {
        min-height: 70vh;
    }
    .inner_bnner .banner_content {
        padding-top: 60px;
    }
    
    .for_about h2 {
        width: 100%;
    }
    
    .for_about p {
        width: 100%;
    }
    .pio_sec .title {
        padding-left: 0;
    }
    .pio_img img {
        width: calc(50% - 10px);
        height: auto;
        margin: 0 !important;
    }
    .pio_img {
        margin-bottom: 20px;
    }
    
    .mission .col-md-6 .title {
        padding: 25px;
    }
    .mission  .row {
        gap: 20px;
    }
    
    .adv_sec .title {
        padding-right: 0;
    }
    .adv_sec img {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .our_product .nav-link {
        padding: 10px 18px;
        min-width: 120px;
        font-size: 16px;
    }
    .our_product .tab-pane.active {
        gap: 20px;
        flex-direction: column;
    }
    .our_product .tab-pane .title {
        width: 100%;
    }
    .our_product .tab-pane .key_feat {
        width: 100%;
        padding-left: 0;
    }
    .our_product .tab-pane .key_feat ul li {
        font-size: 16px;
        display: flex    ;
        gap: 10px;
    }
    .policies li {
        width: 100%;
        min-height: 220px;
    }
    .policies li h4 {
        font-size: 24px;
    }.team_list .team_item {
        margin: 20px 0;
    }
    .team_list img {
        height: 180px;
    }
    .team_list h6 {
        font-size: 18px;
    }
    .mb-5 {
    margin-bottom: 1rem !important;
}   
    .career_card {
        padding: 25px;
    }
    
    .join .col-md-4{
        margin-bottom: 20px;
    }
    .contact_title {
        padding: 25px;
    }.career_card h2 {
    font-size: 22px;
}
    .position .accordion-item .accordion-button {
        padding: 20px;
        font-size: 20px;
    }
    .position .accordion-item .accordion-body {
        padding: 20px;
        font-size: 16px;
    }
    .position .accordion-item .accordion-button span {
        top: 24%;
    }
    .position .accordion-item .accordion-button .open_detail {
        gap: 15px;
        margin-top: 15px;
        flex-wrap: wrap;
    }
    
    
        #teamModal .modal-body .d-flex img{
    width: 100%;
        }
    
    
#teamModal .modal-body .d-flex{
    flex-wrap: wrap;
}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}

@media (min-width: 768px) {
  .text-md-end {
    text-align: right !important;
    padding: 25px 0 0;
    margin: 25px 0 0;
  }
}


@media (max-width: 576px) {
  .loader_img {
    height: 440px;
    object-fit: fill;
  }
}

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

@media only screen and (max-width: 1100px) and (min-width: 992px) {
    
}