html,
body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
    color: #000000;
    background-color: #ffffff;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
}

.wow {
    visibility: hidden;
}
a,
button,
.btn {
    -webkit-transition: 0.5s;
       -moz-transition: 0.5s;
        -ms-transition: 0.5s;
         -o-transition: 0.5s;
            transition: 0.5s;
}
a {
    text-decoration: none;
}
a:focus,
button:focus,
.btn:focus {
    box-shadow: none;
}
p:last-child {
    margin-bottom: 0 !important;
}
.owl-carousel .owl-item {
    padding: 1px;
}
.owl-carousel .owl-item img {
    width: auto;
}
.text-align-justify {
    text-align: justify;
}
/* COMMON STYLE :START */

.bg-1 {
    background-color: #d8dad7;
}

.section-padding {
    padding: 40px 0px;
}
.section-padding2 {
    padding-bottom:  100px;
}

/* ---- btn-style-1 :start ---- */
.btn-style-1 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    background-color: #00643b;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
}
.btn-style-1:hover {
    color: #ffffff;
    background-color: #72821a;
}
/* ---- btn-style-1 :end ---- */

/* ---- btn-style-2 :start ---- */
.btn-style-2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    color: #72821a;
    background-color: #ffffff;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 15px 25px;
}
.btn-style-2:hover {
    color: #ffffff;
    background-color: #72821a;
}
/* ---- btn-style-2 :end ---- */

/* ---- btn-style-3 :start ---- */
.btn-style-3 {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.2;
    color: #72821a;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8.5px 10px;
}
.btn-style-3:hover {
    color: #ffffff;
    background-color: transparent;
    border-color: #ffffff;
}
/* ---- btn-style-2 :end ---- */

/* ---- hd-style-1 :start ---- */
.hd-style-1 {
    margin-bottom: 50px;
}
.hd-style-1 h3 {
    font-size: 58px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.hd-style-1 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0px;
}
.hd-style-1 :last-child {
    margin-bottom: 0;
}
/* ---- hd-style-1 :end ---- */

/* ---- hd-style-2 :start ---- */
.hd-style-2 {
    margin-bottom: 50px;
}
.hd-style-2 h3 {
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.hd-style-2 p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 0px;
}
.hd-style-2 :last-child {
    margin-bottom: 0;
}
/* ---- hd-style-2 :end ---- */

/* ---- hd-style-3 :start ---- */
.hd-style-3 {
    margin-bottom: 24px;
}
.hd-style-3 h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.hd-style-3 :last-child {
    margin-bottom: 0;
}
/* ---- hd-style-3 :end ---- */

/* ---- subhd-style-1 :start ---- */
.subhd-style-1 {
    margin-bottom: 24px;
}
.subhd-style-1 h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px;
}
.subhd-style-1 :last-child {
    margin-bottom: 0;
}
/* ---- subhd-style-1 :end ---- */

/* ---- box-style-1 :start ---- */
.box-style-1 {
    width: 100%;
    height: 100%;
    aspect-ratio: 1/1;
    padding: 30px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fbfbfb;
}
.box-style-1 img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
}
/* ---- box-style-1 :end ---- */

/* ---- box-style-2 :start ---- */
.box-style-2 {
    width: 100%;
    height: 610px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* padding: 40px 30px 30px 40px; */
    position: relative;
}
.box-style-2::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 55%, rgba(0,0,0,0) 100%);
    opacity: 0.5;
    transition: 0.7s;
}
.box-style-2 .bxs2-inner {
    width: 100%;
    height: 100%;
    color: #ffffff;
    /* background: rgb(0,0,0); */
    /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 50%, rgba(0,0,0,0) 100%); */
    padding: 40px 30px 30px 40px;
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
.box-style-2 .bxs2-inner .bs2-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 72px;
    background-color: #00643b;
    padding: 15px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.box-style-2 .bxs2-inner .bs2-arrow img {
    max-width: 100%;
    height: auto;
    transition: 0.5s;
}

.box-style-2 .bxs2-inner .bs2-count {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
.box-style-2 .bxs2-inner .bs2-count h3 {
    font-size: 150px;
    font-weight: 700;
    line-height: 0.75;
    color: transparent;
    -webkit-text-stroke: 1px #ffffff;
    margin-bottom: 0;
}

.box-style-2 .bxs2-inner .bs2-details {
    width: 100%;
    /* height: auto; */
    margin-top: auto;
    overflow: hidden;
    transition: 0.5s;
}
.box-style-2 .bxs2-inner .bs2-details h4 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0px;
    transition: 0.7s;
}
.box-style-2 .bxs2-inner .bs2-details p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
    text-align: justify;
    margin-bottom: 10px;
}



.box-style-2 .bxs2-inner .bs2-details .bs2d-text {
    opacity: 0;
    height: 0;
    /* transform: translateY(100%); */
    transition: 0.7s;
}
.box-style-2:hover .bxs2-inner .bs2-details .bs2d-text {
    margin-top: 10px;
    opacity: 1;
    height: auto;
    margin-top: 15px;
    /* transform: translateY(0%); */
}
.box-style-2:hover::before {
    opacity: 1;
}
.box-style-2:hover .bxs2-inner .bs2-arrow img {
    rotate: 90deg;
}
/* ---- box-style-2 :end ---- */

/* ---- box-style-3 :start ---- */
.box-style-3 {
    width: 100%;
    height: auto;
    aspect-ratio: 4/3;
    background-color: #000000;
    position: relative;
}
.box-style-3::before {
    content: '\f002';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    z-index: 1;
    opacity: 0;
}
.box-style-3 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.box-style-3:hover::before {
    opacity: 1;
}
.box-style-3:hover img {
    opacity: 0.4;
}
.box-style-3 span {
    display: flex;
    justify-content: flex-start;
    position: absolute;
    background: #596611;
    right: 0;
    bottom: 0;
    font-size: 16px;
    padding: 5px 10px;
    color: #fff;
}
/* ---- box-style-3 :end ---- */

/* ---- box-style-4 :start ---- */
.box-style-4 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #00643b;
    padding: 30px 30px;
}
.box-style-4::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/helpyou-bg.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.4;
}
.box-style-4 .bxs4inner {
    width: 100%;
    height: 100%;
    position: relative;
}
.box-style-4 .bxs4inner .bs4-top {
    width: 100%;
    height: auto;
    margin-bottom: 160px;
}
.box-style-4 .bxs4inner .bs4-top h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #00643b;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.box-style-4 .bxs4inner .bs4-top p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #00643b;
    margin-bottom: 15px;
}
/* ---- box-style-4 :end ---- */

/* ---- box-style-5 :start ---- */
.box-style-5 {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #596611;
    border: 0;
    padding: 20px 20px;
}
.box-style-5::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/helpyou-bg.jpg');
    background-size: cover;
    background-position: center;
    opacity: 0.2;
}
.box-style-5 .bxs5inner {
    width: 100%;
    height: 100%;
    position: relative;
}
.box-style-5 .bxs5inner .bs5-top {
    width: 100%;
    height: auto;
    margin-bottom: 80px;
}
.box-style-5 .bxs5inner .bs5-top h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.box-style-5 .bxs5inner .bs5-top p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 15px;
}
/* ---- box-style-5 :end ---- */

/* ---- box-style-6 :start ---- */
.box-style-6 {
    width: 100%;
    height: 100%;
}
.box-style-6 .bxs6-head {
    display: flex;
    align-items: center;
    gap: 5px;
    padding-bottom: 10px;
}
.box-style-6 .bxs6-head h3 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 0;
}
.box-style-6 .bxs6-body {
    width: 100%;
    height: calc(100% - 37px);
    padding: 12px 9px;
    border: 1px solid #000000;
    position: relative;
}
.box-style-6 .bxs6-body::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    background-image: url('../images/view.png');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: 0.5s;
}
.box-style-6 .bxs6-body img {
    width: 100%;
    height: 100%;
}

.box-style-6:hover .bxs6-body::before {
    opacity: 1;
}
/* ---- box-style-6 :end ---- */

/* ---- box-style-7 :start ---- */
.box-style-7 {
    width: 100%;
    height: 100%;
}
.box-style-7 .bxs7-image {
    width: 100%;
    height: auto;
    background-color: #ffffff;
    border-radius: 32px;
    overflow: hidden;
}
.box-style-7 .bxs7-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.box-style-7 .bxs7-details {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
}
.box-style-7 .bxs7-details h3 {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0;
}
.box-style-7 .bxs7-details p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    margin-bottom: 0;
}
/* ---- box-style-7 :end ---- */

/* ---- owl-navdot-1 :start ---- */
.owl-navdot-1 .owl-nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    margin-top: 25px;
}
.owl-navdot-1 .owl-nav button.owl-prev, 
.owl-navdot-1 .owl-nav button.owl-next {
    width: 40px;
    height: 40px;
    color: #ffffff;
    background-color: #72821a;
    display: flex;
    justify-content: center;
    align-items: center;
}
.owl-navdot-1 .owl-nav button.owl-prev:hover, 
.owl-navdot-1 .owl-nav button.owl-next:hover {
    background-color: #00643b;
}

.owl-navdot-1 .owl-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px 14px;
    margin-top: 35px;
}
.owl-navdot-1 .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #cecece;
    border-radius: 100px;
}
.owl-navdot-1 .owl-dots .owl-dot.active span {
    background-color: #596611;
}
/* ---- owl-navdot-1 :end ---- */

/* ---- width resize :start ---- */
.widthresize.wresize-start .widthresize-section .wrsec-inner {
    float: right;
}
.widthresize.wresize-end .widthresize-section .wrsec-inner {
    float: left;
}
/* ---- width resize :end ---- */

/* ---- form-style-1 :start ---- */
.form-style-1 {
    width: 100%;
    height: auto;
}
.form-style-1 .form-label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #000000;
}
.form-style-1 .form-control {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: #ffffff;
    border: 2px solid transparent;
    border-radius: 5px;
    overflow: hidden;
    padding: 11px 20px;
    transition: 0.5s;
}
.form-style-1 .form-control:focus {
    border-color: #00643b;
    box-shadow: none;
}
.form-style-1 .form-control::placeholder {
    color: #757575;
}
.form-style-1 .submitBtn {
    width: 275px;
}
/* ---- form-style-1 :end ---- */

/* ---- form-style-2 :start ---- */
.form-style-2 {
    width: 100%;
    height: auto;
}
.form-style-2 h5 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}
.form-style-2 h6 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.form-style-2 .frmstyle-block {
    margin-bottom: 35px;
}
.form-style-2 .frmstyle-block:last-child {
    margin-bottom: 0px;
}
.form-style-2 .form-label {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    color: #000000;
    margin-bottom: 7px;
}
.form-style-2 .form-control {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    background-color: #f3f3f3;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
    overflow: hidden;
    padding: 11px 20px;
    transition: 0.5s;
}
.form-style-2 .form-control:focus {
    border-color: #00643b;
    box-shadow: none;
}
.form-style-2 .form-control::placeholder {
    color: #868686;
}
.form-style-2 .nice-select {
    width: 100%;
    height: 47px;
    background-color: #f3f3f3;
    border: 2px solid #e8e8e8;
    border-radius: 5px;
}
.form-style-2 .nice-select::after {
    top: 0;
    right: 8px;
    background-image: url('../images/updown-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 100%;
    border: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    -webkit-transform-origin: 0;
        -ms-transform-origin: 0;
            transform-origin: 0;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
}
.form-style-2 .nice-select.open::after {
    -webkit-transform: scaleY(-1) rotate(0deg);
        -ms-transform: scaleY(-1) rotate(0deg);
            transform: scaleY(-1) rotate(0deg);
}
/* ---- form-style-1 :end ---- */

/* ---- List Style 1 :start ---- */
.list-style-1 ul {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    margin: 10px 0px;
    padding: 0;
}
.list-style-1 ul li {
    margin: 0px 0px 10px 0px;
    position: relative;
    padding: 2px 0 2px 28px;
}
.list-style-1 ul li::before{
    content: '';
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* font-size: 18px; */
    /* color: #23b8eb; */
    position: absolute;
    top: 2px;
    left: 0;
    width: 21px;
    height: 21px;
    background-image: url('../images/list-style-icon.png');
    background-repeat: no-repeat;
    background-position: center;
}
/* ---- List Style 1 :end ---- */

/* ---- List Style 2 :start ---- */
.list-style-2 ul {
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
    margin: 10px 0px;
    padding: 0;
}
.list-style-2 ul li {
    margin: 0px 0px 15px 0px;
    position: relative;
    padding: 2px 0 2px 28px;
}
.list-style-2 ul li::before{
    content: '';
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* font-size: 18px; */
    /* color: #23b8eb; */
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 100%;
    background-image: url('../images/list-style-icon.png');
    background-repeat: no-repeat;
    background-position: center;
}
.list-style-2 ul li a {
    color: inherit;
}
.list-style-2 ul li a:hover {
    color: #5a671f;
}
/* ---- List Style 2 :end ---- */

/* ---- List Style 3 :start ---- */
.list-style-3 ul {
    list-style: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #000000;
    margin: 10px 0px;
    padding: 0;
}
.list-style-3 ul li {
    margin: 0px 0px 15px 0px;
    position: relative;
    padding: 2px 0 2px 28px;
}
.list-style-3 ul li::before {
    content: '';
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* font-size: 18px; */
    /* color: #23b8eb; */
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    background-image: url('../images/list-style-icon2.png');
    background-repeat: no-repeat;
    background-position: center;
}
.list-style-3 ul li a {
    color: inherit;
}
.list-style-3 ul li a:hover {
    color: #5a671f;
}

.list-style-3.liststyle-inline ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.list-style-3.liststyle-inline ul li {
    margin-bottom: 0;
}
.list-style-3.liststyle-inline ul li::before {
    height: 100%;
}
/* ---- List Style 3 :end ---- */

/* ---- List Style 4 :start ---- */
.list-style-4 ul {
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #000000;
    margin: 10px 0px;
    padding: 0;
}
.list-style-4 ul li {
    margin: 0px 0px 15px 0px;
    position: relative;
    padding: 2px 0 2px 28px;
}
.list-style-4 ul li::before {
    content: '';
    /* font-family: "Font Awesome 5 Free"; */
    /* font-weight: 900; */
    /* font-size: 18px; */
    /* color: #23b8eb; */
    position: absolute;
    top: 2px;
    left: 0;
    width: 21px;
    height: 21px;
    background-image: url('../images/list-style-icon.png');
    background-repeat: no-repeat;
    background-position: center;
}
.list-style-4 > ul > li ul {
    margin-left: 30px;
}
.list-style-4 > ul > li ul li {
    padding-left: 17px;
}
.list-style-4 > ul > li ul li::before {
    content: '\f068';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10px;
    color: #000000;
    position: absolute;
    top: 2px;
    left: 0;
    width: auto;
    height: 21px;
    background: none;
}
/* ---- List Style 4 :end ---- */

/* ---- ordered list 1 :start ---- */
.olist-style-1 > ol {
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    margin: 10px 0px;
    padding-left: 40px;
}
.olist-style-1 > ol > li:first-of-type {
  counter-reset: item;
}
.olist-style-1 > ol > li {
    min-height: 33px;
    margin-bottom: 15px;
    list-style: none;
    position: relative;
}
.olist-style-1 > ol li:last-child {
    margin-bottom: 0;
}
.olist-style-1 > ol > li:before {
    content: counters(item, ".") "";
    counter-increment: item;
    position: absolute;
    top: 0;
    left: -40px;
    width: 33px;
    height: 33px;
    color: #ffffff;
    background-color: #596611;
    display: flex;
    justify-content: center;
    align-items: center;
}
.olist-style-1 > ol > li ol {
    margin-top: 10px;
}
.olist-style-1 > ol > li ol li::before {
    left: -30px;
}
.olist-style-1 > ol > li a {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}
.olist-style-1 > ol > li a:hover {
    color: #4d489e;
}
/* ---- ordered list 1 :end ---- */

/* ---- .checkbox-style-1 :start ---- */
.checkbox-style-1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    color: #585858;
}
.checkbox-style-1 .form-check-input {
    width: 18px;
    height: 18px;
    border: 1px solid #bcbcbc;
    border-radius: 0;
    cursor: pointer;
}
.checkbox-style-1 .form-check-input:checked {
    background-color: #00643b;
    border-color: #00643b;
}
.checkbox-style-1 .form-check-input:focus {
    border-color: #00643b;
    outline: 0;
    box-shadow: none;
}
.checkbox-style-1 .form-check-label {
    padding-top: 0px;
}
/* ---- .checkbox-style-1 :end ---- */

/* ---- .text-wrap-1 :start ---- */
.text-wrap-1 {
    width: 100%;
    height: auto;
}
.text-wrap-1 h6 {
    font-size: 19px;
    font-weight: 600;
    margin-top: 40px;
    margin-bottom: 15px;
}
.text-wrap-1 p {
    font-size: 18px;
    font-weight: 400;
}
/* ---- .text-wrap-1 :end ---- */

/* ---- .text-wrap-2 :start ---- */
.text-wrap-2 {
    width: 100%;
    height: auto;
}
.text-wrap-2 .twinner-block {
    margin-bottom: 35px;
}
.serpg-ourmembers .list-block {
    margin-bottom: 30px;
}
.serpg-ourmembers .list-block .imgBx {
    width: 100%;
    height: 100%;
}
.serpg-ourmembers .list-block .twinner-block {
    margin-bottom: 0;
}
.serpg-ourmembers .imgBx img {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
}
.text-wrap-2 h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 8px;
}
.text-wrap-2 h4 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}
.text-wrap-2 h6 {
    font-size: 19px;
    font-weight: 700;
    margin-top: 24px;
    margin-bottom: 8px;
}
.text-wrap-2 p {
    font-size: 18px;
    font-weight: 500;
}
.text-wrap-2 ul {
    font-size: 18px;
    font-weight: 500;
}
.text-wrap-2 ol {
    font-size: 18px;
    font-weight: 500;
}
/* ---- .text-wrap-2 :end ---- */

/* ---- .text-wrap-3 :start ---- */
.text-wrap-3 {
    width: 100%;
    height: auto;
}
.text-wrap-3 .twinner-block {
    border-bottom: 1px solid #cfcdcd;
    padding-bottom: 60px;
    margin-bottom: 60px;
}
.text-wrap-3 .twinner-block:last-child {
    border: 0;
    padding-bottom: 0px;
    margin-bottom: 30px;
}
.text-wrap-3 .twiblock-image {
    margin-bottom: 24px;
}
.text-wrap-3 .twiblock-image img {
    width: 100%;
    height: auto;
}
.text-wrap-3 h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 8px;
    text-align: justify;
}
.text-wrap-3 p {
    font-size: 18px;
    font-weight: 500;
}
.text-wrap-3 ul {
    font-size: 18px;
    font-weight: 500;
}
/* ---- .text-wrap-3 :end ---- */

/* ---- download-strip :start ---- */
.downloadstrip-wrap {
    width: 100%;
    height: auto;
}
.downloadstrip-wrap .download-strip {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px 20px;
    border: 1px solid #596611;
    padding: 8px 20px;
    margin-bottom: 10px;
}
.downloadstrip-wrap .download-strip:last-child {
    margin-bottom: 0;
}
.downloadstrip-wrap .download-strip .dstrip-left h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.downloadstrip-wrap .download-strip .dstrip-right {
    flex-grow: 0;
    flex-shrink: 0;
}
.downloadstrip-wrap .download-strip .dstrip-right .btn {
    font-size: 14px;
    font-weight: 600;
    color: #596611;
    background-color: transparent;
    padding: 4px 7px;
    border-radius: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    transition: 0.5s;
}
.downloadstrip-wrap .download-strip .dstrip-right .btn img {
    transition: 0.5s;
}
.downloadstrip-wrap .download-strip .dstrip-right:hover .btn {
    color: #ffffff;
    background-color: #596611;
}
.downloadstrip-wrap .download-strip .dstrip-right .btn:hover img {
    filter: brightness(0) invert(1);

}
/* ---- download-strip :end ---- */

/* ---- custom gutter :start ---- */
.rgap-1 {
    row-gap: 24px;
    margin-right: calc(24px * -.5);
    margin-left: calc(24px * -.5);
}
.rgap-1 > * {
    padding-right: calc(24px * .5);
    padding-left: calc(24px * .5);
}
.rgapx-1 {
    margin-right: calc(24px * -.5);
    margin-left: calc(24px * -.5);
}
.rgapx-1 > * {
    padding-right: calc(24px * .5);
    padding-left: calc(24px * .5);
}
.rgapy-1 {
    row-gap: 24px;
}



.rgap-2 {
    row-gap: 40px;
    margin-right: calc(40px * -.5);
    margin-left: calc(40px * -.5);
}
.rgap-2 > * {
    padding-right: calc(40px * .5);
    padding-left: calc(40px * .5);
}
.rgapx-2 {
    margin-right: calc(40px * -.5);
    margin-left: calc(40px * -.5);
}
.rgapx-2 > * {
    padding-right: calc(40px * .5);
    padding-left: calc(40px * .5);
}
.rgapy-2 {
    row-gap: 40px;
}
/* ---- custom gutter :end ---- */

/* ---- .btns-list-1 :start ---- */
.btns-list-1 {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
.btns-list-1 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.2px;
    text-transform: uppercase;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 20px;
}
.btns-list-1 > ul > li {
    display: flex;
    align-items: center;
}
.btns-list-1 > ul > li::after {
    content: '|';
    color: #a8a8a8;
    margin-left: 20px;
}
.btns-list-1 > ul > li:last-child::after {
    display: none;
}
.btns-list-1 > ul > li a {
    display: flex;
    align-items: center;
    color: #100303;
    white-space: nowrap;
    padding: 10px 0px;
    /* border-radius: 5px; */
    overflow: hidden;
    position: relative;
}
.btns-list-1 > ul > li a::after {
    content: '';
    width: 0%;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #596611;
    overflow: hidden;
    transition: 0.8s width;
}

/* .btns-list-1 > ul > li:hover a, 
.btns-list-1 > ul > li.active a {
    color: #ffffff;
    background-color: #596611;
} */
/* .btns-list-1 > ul > li.active::after {
    display: none;
} */



.btns-list-1 > ul > li:hover a, 
.btns-list-1 > ul > li.active a {
    color: #596611;
}
.btns-list-1 > ul > li:hover a::after, 
.btns-list-1 > ul > li.active a::after {
    width: 100%;
}

/* ---- .btns-list-1 :end ---- */

/* ---- alert-msg-success :start ---- */
.alert-msg-success {
    font-size: 12px;
    line-height: 1.2;
    color: #596611;
    background-color: #f0f0e9;
    border: 1px solid #989e75;
    border-radius: 5px;
    padding: 5px 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
/* ---- alert-msg-success :end ---- */

/* COMMON STYLE :END */



/* Header section :start */
header {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    z-index: 9999;
}
header .headerlogo {
    flex-grow: 0;
    flex-shrink: 0;
    padding: 20px 0px 20px 70px;
}
header .headermenu {
    width: 100%;
}
header .headermenu .header-top {
    /* clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%); */
    background-color: #d8dad7;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
header .headermenu .header-top .htbtn1 {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #000000;
    padding: 6px 15px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
header .headermenu .header-top .htbtn1 .profile-dropdown {
    width: 100%;
    min-width: 100px;
    background: #efefef;
    position: absolute;
    right: 0;
    top: calc(100% + 9px);
    z-index: 99999;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
}
header .headermenu .header-top .htbtn1 .profile-dropdown ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 16px;
    text-transform: capitalize;
}
header .headermenu .header-top .htbtn1 .profile-dropdown ul li a {
    color: #000;
    padding: 10px 15px;
    display: block;
}
header .headermenu .header-top .htbtn1 .profile-dropdown ul li a:hover {
    background: #fff;
}




















header .headermenu .header-top .htbtn1 .fa-sort-down {
    position: relative;
    top: -3px;
}
header .headermenu .header-top .htbtn1:hover .fa-sort-down {
    color: #fff;
}
header .headermenu .header-top .htbtn:hover {
    color: #00643b;
}
header .headermenu .header-top .htbtn2 {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #596611;
    padding: 9px 39px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
header .headermenu .header-top .htbtn2:hover {
    background-color: #00643b;
}
/* Header section :end */

/* home banner section :start */
.homebanner-section {
    padding-bottom: 90px;
}



.homebanner-slider {
    padding-left: 70px;
    position: relative;
}

.homebanner-slider .hombanner-item {
    width: 100%;
    height: auto;
    position: relative;
}
.homebanner-slider .hombanner-item .hbimage {
    width: 100%;
    height: 660px;
}
.homebanner-slider .hombanner-item .hbimage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
}
.homebanner-slider .hombanner-item .hbimage video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.homebanner-slider .hombanner-item .hbcaption {
    width: 520px;
    height: auto;
    background-color: #ffffff;
    padding: 110px 60px 25px 0px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.homebanner-slider .hombanner-item .hbcaption .hbc-count {
    width: 112px;
    height: 112px;
    background-color: #596611;
    position: absolute;
    top: 0;
    right: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.homebanner-slider .hombanner-item .hbcaption .hbc-count h5 {
    font-size: 36px;
    font-weight: 700;
    line-height: 0.7;
    color: #ffffff;
    margin-bottom: 0;
    display: flex;
    align-items: flex-start;
}
.homebanner-slider .hombanner-item .hbcaption .hbc-count h5 span {
    font-size: 0.37em;
    color: rgba(255, 255, 255, 0.5);
}

.homebanner-slider .hombanner-item .hbcaption h6 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #00643b;
    margin-bottom: 15px;
}
.homebanner-slider .hombanner-item .hbcaption h1 {
    font-size: 58px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 0.9;
    color: #000000;
    margin-bottom: 0px;
}


.homebanner-slider .hombanner-item .hbnextslide {
    position: absolute;
    bottom: 0;
    left: 521px;
    width: 355px;
    height: 180px;
    display: inline-flex;
    background-color: #000000;
    cursor: pointer;
}
.homebanner-slider .hombanner-item .hbnextslide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.homebanner-slider .hombanner-item .hbnextslide::after {
    content: url('../images/hombanner-image-arrow.png');
    position: absolute;
    top: 0;
    bottom: 0;
    right: -50px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}
.homebanner-slider .hombanner-item .hbnextslide:hover img {
    opacity: 0.5;
}
.homebanner-slider .hombanner-item .hbnextslide:hover::after {
    right: -70px;
    /* transform: translateX(50%); */
}


.homebanner-slider .owl-dots {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px 14px;
    padding-top: 80px;
    margin: 0;
}
.homebanner-slider .owl-dots .owl-dot span {
    display: block;
    width: 10px;
    height: 10px;
    background-color: #cecece;
    border-radius: 100px;
}
.homebanner-slider .owl-dots .owl-dot.active span {
    background-color: #596611;
}
/* home banner section :end */

/* footer section :start */
footer .bttrow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    transform: translateY(-100%);
}
footer .ftop .bactotop {
    font-size: 16px;
    color: #ffffff;
    background-color: #72821a;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    /* position: absolute; */
    /* top: 0; */
    /* right: 12px; */
    /* transform: translateY(-100%); */
}
footer .ftop .bactotop:hover {
    background-color: #00643b;
}

footer .ftop {
    background-color: #000000;
    padding: 80px 0px;
}
footer .ftop .ftblock h3 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    padding-left: 10px;
    margin-bottom: 15px;
    position: relative;
}
footer .ftop .ftblock h3::before {
    content: '|';
    position: absolute;
    top: 0;
    left: 0;
    color: #596611;
}

footer .ftop .ftblock h4 {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #ffffff;
    padding-left: 10px;
    margin-bottom: 15px;
    position: relative;
}
footer .ftop .ftblock h4::before {
    content: '|';
    position: absolute;
    top: 0;
    left: 0;
    color: #596611;
}


footer .ftop .flinks ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
footer .ftop .flinks ul li {
    margin-bottom: 15px;
}
footer .ftop .flinks ul li:last-child {
    margin-bottom: 0px;
}
footer .ftop .flinks ul li a {
    color: inherit;
}
footer .ftop .flinks ul li a:hover {
    color: #596611;
}

footer .ftop .flinks ul {
    display: flex;
    flex-wrap: wrap;
}
footer .ftop .flinks ul li {
    width: 50%;
}


footer .ftop .flinks2 ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
}
footer .ftop .flinks2 ul li {
    padding-left: 25px;
    margin-bottom: 15px;
    position: relative;
}
footer .ftop .flinks2 ul li:last-child {
    margin-bottom: 0px;
}
footer .ftop .flinks2 ul li::before {
    content: url('../images/link-icon.png');
    position: absolute;
    top: 0;
    left: 0;
}
footer .ftop .flinks2 ul li a {
    color: inherit;
    text-decoration: underline;
}
footer .ftop .flinks2 ul li a:hover {
    color: #596611;
}


footer .ftop .ftimgtxt {
    display: flex;
    align-items: flex-start;
    gap: 5px;
}
footer .ftop .ftimgtxt .fit-image {
    flex-shrink: 0;
    flex-grow: 0;
    width: 20px;
    padding-top: 2px;
}
footer .ftop .ftimgtxt .fit-image img {
    max-width: 100%;
    height: auto;
}
footer .ftop .ftimgtxt p {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #ffffff;
}
footer .ftop .ftimgtxt p a {
    color: inherit;
}
footer .ftop .ftimgtxt p a:hover {
    color: #596611;
}


footer .ftop .ftsocialmedia ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}
footer .ftop .ftsocialmedia ul li a img {
    max-width: 100%;
    height: auto;
    transition: 0.5s;
}
footer .ftop .ftsocialmedia ul li a:hover img {
    transform: scale(1.2);
}


footer .fbottom {
    background-color: #d8dad7;
}
footer .fbottom .fbinner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px 25px;
    padding: 18px 0px;
}
footer .fbottom .fbinner p {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}
footer .fbottom .fbinner p a {
    color: inherit;
}
footer .fbottom .fbinner p a:hover {
    text-decoration: underline;
}
/* footer section :end */


/* .ourmembers-slider :start */
.ourmembers-slider {
    filter: drop-shadow(-1px 1.732px 0px #e7e7e7);
}
.ourmembers-slider .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.ourmembers-slider .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    aspect-ratio: 1 / 1;
}
.ourmembers-slider .owl-item .item {
    width: 100%;
    height: 100%;
}
/* .ourmembers-slider :end */

/* .oursponsors-slider :start */
.oursponsors-slider {
    filter: drop-shadow(-1px 1.732px 0px #e7e7e7);
}
.oursponsors-slider .owl-stage {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.oursponsors-slider .owl-item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
    aspect-ratio: 1 / 1;
}
.oursponsors-slider .owl-item .item {
    width: 100%;
    height: 100%;
}
/* .oursponsors-slider :end*/

/* products and services section :start */
.productsnservices-section {
    background-color: #ececec;
    padding: 90px 0px 0px 0px;
    position: relative;
    overflow: hidden;
}
.productsnservices-section::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 38%;
    height: 100%;
    background-image: url('../images/Products-and-Services-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 2;
}
.productsnservices-section .pnssec-inner {
    background-color: #ffffff;
    position: relative;
    z-index: 2;
}
.productsnservices-section .pnssec-inner .pnsviewall-btn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #00643b;
    text-transform: uppercase;
    margin-top: 20px;
    display: inline-flex;
}
.productsnservices-section .pnssec-inner .pnsviewall-btn:hover {
    color: #72821a;
}
.productsnservices-section .pnssec-inner {
    position: relative;
}
.productsnservices-section .pnssec-inner .psrbtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background-color: #00643b;
    display: flex;
    justify-content: center;
    align-items: center;
}
.productsnservices-section .pnssec-inner .psrbtn img {
    max-width: 100%;
    height: auto;
    transition: 0.5s;
}
.productsnservices-section .pnssec-inner .psrbtn:hover {
    background-color: #72821a;
}
.productsnservices-section .pnssec-inner .psrbtn:hover img {
    transform: scale(0.8);
}


.productsnservices-section .pservices-left {
    width: 100%;
    height: 100%;
    padding: 90px 30px 90px 70px;
}
.productsnservices-section .pservices-left h3 {
    letter-spacing: -2px;
}
.productsnservices-section .pservices-right {
    width: 100%;
    height: 100%;
    padding: 35px 70px 50px 0px;
}

.productsnservices-section .proser-item {
    width: 100%;
    height: 100%;
}
.productsnservices-section .proser-item .psi-head {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 20px;
}
.productsnservices-section .proser-item .psi-head h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 0.9;
    color: #596611;
    margin-bottom: 0;
}
.productsnservices-section .proser-item .psi-head h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}
.productsnservices-section .proser-item .psi-body {
    width: 100%;
    height: auto;
    text-align: justify;
}
.productsnservices-section .proser-item .psi-body p {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    /* display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden; */
}



.joinola-section .josec-right {
    width: 100%;
    height: auto;
    padding: 30px 0px 30px 60px;
    background-color: #d8dad7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 0;
}
.joinola-section .josec-right::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    width: 100%;
    height: 100%;
    background-color: #d8dad7;
}
.joinola-section .josec-right::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    width: 10000%;
    height: 100%;
    background-color: #d8dad7;
}
.joinola-section .josec-right h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #00643b;
    margin-bottom: 0;
    text-transform: uppercase;
}



/* products and services section :end */

/* latest events section :start */
.latestevents-section {
    background: linear-gradient(rgba(89, 102, 17, 0.7), rgba(89, 102, 17, 0.7)), url('../images/latest-events-bg.jpg');
    background-repeat: no-repeat, no-repeat;
    background-size: cover, cover;
    background-position: center, center;
    padding: 70px 0px 50px;
    margin-bottom: 40px;
}
.latestevents-section .lesec-title {
    color: #ffffff;
    margin-bottom: 30px;
}


.latestevent-block {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}
.latestevent-block .leb-top {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 10px 30px;
}
.latestevent-block .leb-top h6 {
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
}
.latestevent-block .leb-image {
    width: 100%;
    height: 210px;
    overflow: hidden;
}
.latestevent-block .leb-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}
.latestevent-block .leb-details {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 30px;
}
.latestevent-block .leb-details h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 0;
    transition: 0.5s;
}
.latestevent-block .leb-details time {
    /* width: 50px; */
    height: 50px;
    border: 2px solid #777777;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    padding: 5px 5px;
    border-radius: 2px;
}
.latestevent-block .leb-details h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 0;
    text-align: right;
}

.latestevent-block:hover .leb-details h3 {
    color: #00643b;
}
.latestevent-block:hover .leb-image img {
    transform: scale(1.1);
}


.leviewall-btn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 40px;
    display: inline-flex;
}
.leviewall-btn:hover {
    color: #000000;
}
/* latest events section :end */

/* newsletter section :start */
.newsletter-section {
    padding: 60px 0px 80px;
}
.newsletter-form {
    margin-top: 30px;
}
.newsletter-form .form-control {
    font-size: 16px;
    color: #000000;
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    border-radius: 0;
    padding: 12px 15px;
}
.newsletter-form .form-control::placeholder {
    color: rgba(0, 0, 0, 0.5);
}
.newsletter-form .form-control:focus {
    box-shadow: none;
}
.newsletter-form .input-group-text {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    border-radius: 0;
    padding: 12px 15px;
}
.newsletter-form .input-group-text:hover {
    background-color: #d3d3d3;
}
/* newsletter section :end */


/* our impact section :start */
.ourimpact-section {
    padding-bottom: 80px;
}
.ourimpact-section .oimpactsec-left {
    width: 100%;
    height: 100%;
    text-align: right;
}
.ourimpact-section .oimpactsec-right {
    width: 100%;
    height: 100%;
    padding: 70px 0px;
}
.ourimpact-section .oimpactsec-right .oisr-text p {
    font-size: 18px;
    font-weight: 400;
    color: #000000;
    text-align: justify;
    margin-bottom: 15px;
}
.ourimpact-section .oimpactsec-right .oisr-text p strong {
    font-size: 19px;
    font-weight: 700;
}
/* our impact section :end */

/* .stickybutton :start */
.stickybutton {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 60px;
    /* height:200px; */
    z-index:999;
}
.stickybutton .button {
    display: block;
    width: 250px;
    height: 55px;
    font-size: 16px;
    line-height: 3;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0.3em;
    border: 0;
    border-radius: 20px 0 0 20px;
    outline: none;
}
.stickybutton .buttonDiv {
    border-radius: 30px 0 0 30px;
    transition: margin 1s;
    display: flex;
    align-items: center;
}
.stickybutton .buttonDiv img {
    padding: 3px 0px 3px 10px;
}
.stickybutton .buttonDiv:hover
{
    color: #ffffff;
    margin-left: -150px;
}
.stickybutton .buttonDiv.whatsapp
{
    background-color: #2aa81a;
}
.stickybutton .buttonDiv.whatsapp:hover
{
    background-color: #2aa81a;
}
.stickybutton .buttonDiv.support_agent
{
    background-color: #00643b;
}
.stickybutton .buttonDiv.support_agent:hover
{
    background-color: #00643b;
}
/* .stickybutton :end */

/* Inner banner section :start */
.innerbanner-section {
    width: 100%;
    height: auto;
}
.innerbanner-section .inbanner-item {
    width: 100%;
    height: auto;
    position: relative;
}

.innerbanner-section .inbanner-item .ibimage {
    width: 100%;
    height: 440px;
    padding-left: 70px;
    position: relative;
}
.innerbanner-section .inbanner-item .ibimage img,
.innerbanner-section .inbanner-item .ibimage iframe {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.innerbanner-section .inbanner-item .ibcaption {
    width: 100%;
    height: auto;
    /* background-color: #ffffff; */
    /* padding: 40px 40px 30px 40px; */
    position: absolute;
    bottom: 0;
    left: 0;
}
.innerbanner-section .inbanner-item .ibcaption .ibcaption-inner {
    width: auto;
    min-width: 390px;
    height: auto;
    background-color: #ffffff;
    padding: 40px 40px 30px 0px;
    display: inline-block;
    position: relative;
}
.innerbanner-section .inbanner-item .ibcaption .ibcaption-inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    width: 100vw;
    transform: translateX(-100%);
}
.innerbanner-section .inbanner-item .ibcaption h6 {
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 15px;
}
.innerbanner-section .inbanner-item .ibcaption h1 {
    font-size: 58px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 0.95;
    color: #100303;
    margin-bottom: 0px;
}
.innerbanner-section .inbanner-item .ibcaption.titlewrp {
    width: calc(100% - 60px);
    padding-left: 60px;
}
/* Inner banner section :end */

/* breadcrumb-style-1 :start */
.breadcrumb-style-1 {
    width: 100%;
    height: auto;
    padding: 30px 0px;
}
.breadcrumb-style-1 .breadcrumb {
    font-size: 12px;
    font-weight: 500;
    color: #868686;
    text-transform: uppercase;
    margin: 0;
}
.breadcrumb-style-1 .breadcrumb a {
    color: inherit;
}
.breadcrumb-style-1 .breadcrumb a:hover {
    color: #00643b;
}
/* breadcrumb-style-1 :end */


/* Media page :start */
.mediacontent-wrap {
    padding-bottom: 140px;
}
.mediacontent-wrap p {
    background: #f3f3f3;
    padding: 20px 10px;
    font-size: 18px;
}
/* Media page :end */

/* join ola section :start */
.joinola2-section {
    overflow: hidden;
}
.joinola2-section .jo2-inner {
    width: 100%;
    height: auto;
    padding: 30px 40px 30px 70px;
    margin-bottom: 80px;
    background-color: #00643b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    position: relative;
    z-index: 0;
}
/* .joinola2-section .jo2-inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    width: 100%;
    height: 100%;
    background-color: #d8dad7;
} */
.joinola2-section .jo2-inner::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    width: 100vw;
    height: 100%;
    background-color: #00643b;
}
.joinola2-section .jo2-inner h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 0;
    text-transform: uppercase;
}
/* join ola section :start */

/* contact us page :start */
.gotanyqueries-section {
    width: 100%;
    height: auto;
    background-color: #d8dad7;
    padding: 70px 0px 190px 0px;
    margin-bottom: -60px;
}
.gotanyqueries-section .gaqsec-title {
    text-align: center;
    margin-bottom: 35px;
}

.contactdetails-section {
    padding-top: 10px;
    padding-bottom: 80px;
}
.contactdetails-section .contdetails-wrap {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    gap: 30px 30px;
}
.contactdetails-section .contdetails-wrap .cdw-item {
    width: auto;
}
.contactdetails-section .contdetails-wrap .cdw-item h3 {
    font-size: 22px;
    font-weight: 600;
    color: #596611;
    margin-bottom: 7px;
}
.contactdetails-section .contdetails-wrap .cdw-item p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.2;
    color: #000000;
    margin-bottom: 7px;
}
.contactdetails-section .contdetails-wrap .cdw-item p img {
    max-width: 100%;
    height: auto;
    margin-right: 7px;
}
.contactdetails-section .contdetails-wrap .cdw-item p a {
    color: inherit;
}
.contactdetails-section .contdetails-wrap .cdw-item p a:hover {
    color: inherit;
    text-decoration: underline;
}
/* contact us page :end */

/* membership page :start */
.membership-pg .mshippg-ourmembers {
    padding: 100px 0px 90px;
}
/* membership page :end */

/* services page :start */
.services-pg .serpg-ourmembers {
    padding-bottom:  100px;
}
/* services page :end */

/* library page :start */
.library-pg .lbpg-content {
    padding-bottom:  100px;
}
/* library page :end */

/* partners page :start */
.partners-pg .partpg-content {
    margin-bottom: 100px;
}
/* partners page :end */

/* .boarddirectors-section :start */
.boarddirectors-section {
    width: 100%;
    height: auto;
    background-color: #ececec;
    padding: 60px 0px 120px;
    margin-bottom: -60px;
}


.login-wrap {
    padding: 30px;
    height: 100vh;
    min-height: 740px;
    width: 100%;
    display: flex;
    flex-direction: row;
}
.login-left {
    border-radius: 20px;
    height: 100%;
    background: blue;
    object-fit: cover;
    object-position: center;
    width: calc(100% - 610px);
}
.login-right {
    border-radius: 20px;
    background: #F6F6F6;
    padding: 50px 80px;
    background: #F6F6F6;
    height: 100%;
    width: 570px;
    max-width: 570px;
    min-width: 570px;
    margin: 0 0 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.login-right a.top-logo {
    display: table;
    margin: 0 auto 0 auto;
}
.login-right .login-cell {
    padding: 0 0 0 0;
}
.login-right .login-cell h1 {
    font-size: 28px;
    color: #000;
    font-weight: 600;
    margin: 0 0 30px 0;
    text-align: center;
}
.login-right .login-cell span {
    display: block;
    font-size: 16px;
    color: #000;
    margin: 0 0 8px 0;
}
.login-right .login-cell input {
    width: 100%;
    height: 50px;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    outline: none;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
}
.login-right .login-cell .fil-row {
    margin: 25px 0 0 0;
}
.login-right .login-cell a.forgot {
    display: block;
    text-align: right;
   color: #596611;
   font-size: 16px;
   text-decoration: underline;
   margin: 15px 0 0 0;
}
.login-right .login-cell a.forgot:hover {
    text-decoration: none;
}
.login-right .login-cell button.btn {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    background: #010101;
    color: #fff;
    font-size: 16px;
    margin: 30px 0 0 0;
}
.login-right .login-cell button.btn:hover {
    background: #00643b;
}
.login-right p.not-member {
    font-size: 16px;
    color: #000;
    margin: 0;
    text-align: center;
}
.login-right p.not-member a {
    color: #596611;
    text-decoration: underline;
}
.login-right p.not-member a:hover {
    text-decoration: none;
}
.renewal-form-view a {
    color: #11c97e;
    text-decoration: underline;
}
.renewal-form-view a:hover {
    text-decoration: none;
}
.renewal-form-view tr th,
.renewal-form-view tr td {
    padding: 15px 20px;
}


/* ---- box-style-8 :start ---- */
.box-style-8 {
    padding: 40px;
    border: 1px solid #00643b;
    text-align: center;
}
.box-style-8 p {
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #000;
    margin: 15px 0 0 0;
}
.box-style-8 p a {
    color: #00643b;
    text-decoration: underline;
    display: block;
}
/* ---- box-style-8 :end ---- */
/* 404 page :start */
.wrap404 {
    padding: 80px 0px;
}
.wrap404 .w404inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.wrap404 .w404inner span {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
    margin: 20px 0 0 0;
}
.wrap404 .w404inner img {
    max-width: 100%;
}
/* 404 page :end */

/* no data found :start */
.nodatafound-wrap {
    width: 100%;
    height: 400px;
    color: #000000;
    background-color: #f1f1f1;
    border: 1px solid #dddddd;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 40px 0px;
}
.nodatafound-wrap h3 {
    font-size: 18px;
    font-weight: 500;
    color: #bdbdbd;
    margin: 0;
}
/* no data found :end */