/* ==================================== <!--top-banner--> ==================================== */

.topBanner-sec.bgImg{
background: linear-gradient(0deg, rgba(36, 70, 46, 0.72) 0%, rgba(165, 140, 40, 0.18) 100%), url(../images/hero-img01.png) no-repeat;
height: 540px;
padding: 0;
display: flex;
flex-direction: column;
justify-content: end;
}

.topBanner-conTxt{
border-radius: 0px 0px 200px 0px;
background: var(--dark-green-color);
border-left: 3px solid #E8DD96;
padding: 35px 80px 35px 42px;
}

.topBanner-con.bgImg{
background: url(../images/background03.png) no-repeat;
padding: 0;
}

.topBanner-con a{
color: var(--yellow-color);
font-weight: 500;
}

.topBanner-con a:hover{
color: var(--white-color);
}

.topBanner-con span{
color: #FFFEFB;
font-family: "Roboto Flex";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: normal;
}

.topBanner-con h4{
font-weight: 700;
margin: 10px 0 20px;
}

.topBanner-conTxt p{
color: rgba(255, 255, 255, 0.85);
}



/* ============= <!--Featured Archives--> ====================== */

.featured-sec.bgImg{
padding: 42px 0 65px;
border-top: 1px solid #CFDED3;
}

.heading-con h4{
color: var(--dark-green-color);
font-size: 32px;
}

.heading-con a{
color: #71AE14;
font-weight: 400;
}

.featured-left-con{
max-width: 920px;
width: 100%;
}

.finalPost-con.bgImg{
margin-top: 20px;   
background: url(../images/background03.png) no-repeat;
padding: 0;
border-radius: 10px;
box-shadow: 1px 1px 30px #0000001f;
height: auto;
}

.finalPost-contxt{ 
border-radius: 10px 10px 200px 10px;
border: 2px solid var(--border-color);
background: var(--white-color);
padding: 35px 55px 50px;
}

.finalPost-contxt a{
color: var(--dark-green-color);
font-family: Lora;
font-size: 30px;
font-weight: 500;
display: inline-block;
margin-bottom: 25px;
}

.finalPost-contxt p{
margin-bottom: 33px;
}

.finalPost-contxt p span{
font-style: italic;
font-weight: 600;
}

.finalPost-contxt a:hover, .heading-con a:hover{
color: var(--light-green-color);
}

.finalPost-con a.comonBtn{
font-size: 16px;
max-width: 220px;
height: 34px;
border-radius: 146px;
border: 1px solid #83B735;
background:#FEFAEA;
display: flex;
gap: 10px;
text-decoration: none;
color: var(--light-green-color);
margin-bottom: 33px;
}


.postUser-con{
display: flex;
align-items: center;
gap:15px;
}

.postUser-con img{
width: 32px;
height: 32px;
border: 1px solid var(--light-green-color);
object-fit: cover;
border-radius: 50%;
}


.postUser-con p{
color: #3B6C49;
font-size: 13px;
font-weight: 600;
letter-spacing: -0.12px;
margin-bottom: 0;
}

.postUser-con p span{
font-weight: 500;
color: #4E4D4D;
font-style: normal;
}

.postUser-con p span.line{
color: #DBDCDB;
font-weight: 300;
padding: 0 5px;
}


.featured-right-con {
margin-top: 60px;
max-width: 356px;
width: 100%;
/* margin: auto; */
display: flex
;
flex-direction: column;
gap: 54px;
}

.google-ad-con{
max-width: 356px;
height: auto;
position: relative;
width: 100%;
}

.google-ad-con img{
width: 100%;
height: 100%;
object-fit: auto;
}

.featured-con{
display: flex;
gap: 54px;
}


/* ======= <!--featured-slider-sec-->================ */

.featured-slide-sec.bgImg{
padding: 38px 0;
background: url('../images/background04.png') no-repeat;
}

.featured-slide-sec.bgImg::after{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
border-radius: 200px 0px 0px 0px;
background: #24462E;
}

.featureSlide .item-con{
border-radius: 5px;
border: 1px solid rgba(131, 183, 53, 0.50);
background: rgba(254, 250, 234, 0.06);
box-shadow: 0px 0px 7px 0px rgba(34, 63, 43, 0.90) inset;
max-width: 190px;
width: 100%;
padding: 25px 12px;
display: flex;
flex-direction: column;
gap: 15px;
align-items: center;
}

.featureSlide .item-con img{
width: 50px;
height: 50px;
}

.featureSlide .item-con h5{
color: #FFF;
text-align: center;
font-family: "Roboto Flex";
font-size: 14px;
font-weight: 700;
line-height: 26px; 
letter-spacing: 0.28px;
text-transform: uppercase;
}

.featureSlide .owl-stage-outer .owl-stage{
display: flex;
}

.featureSlide .item {
display: flex;
height: 100%;
}

.featureSlide{
position: relative;
}
.owl-carousel .owl-nav.disabled{
display: block;
}

.featureSlide .owl-nav .owl-prev,
.featureSlide .owl-nav .owl-next{
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
}

.featureSlide .owl-nav .owl-prev img{
transform: rotate(180deg);
}

.featureSlide .owl-nav .owl-next{
right: 10px;
}

.featureSlide::after, .featureSlide::before{
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
height: 100%;
width: 59px;
background: linear-gradient(269deg, rgba(36, 70, 46, 0.00) 0.58%, #24462E 99.05%);
z-index: 1;
}

.featureSlide::after{
right: 0px;
width: 49px;
background: linear-gradient(270deg, #24462E 50.39%, rgba(36, 70, 46, 0.00) 93.31%);
}


/* ===========<!--Featured--video-sec-->================ */

.featured-video-sec{
padding: 80px 0;
}

.video-left-con .item-video {
position: relative;
overflow: hidden;
height: 100%;
}

.video-left-con .item-video .video_play_btn {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
z-index: 2;
cursor: pointer;
animation: pulse 1.5s infinite;
}

@keyframes pulse {
0% {
transform: translate(-50%, -50%) scale(1);
}

50% {
transform: translate(-50%, -50%) scale(1.2);
}

100% {
transform: translate(-50%, -50%) scale(1);
}
}

.video-left-con .item-video video {
width: 100%;
height: auto;
display: block;
outline: none;
controls: false;
object-fit: cover;
height: 100%;
}

.featured-video-con{
border-radius: 5px;
border: 2px solid var(--border-color);
background: #F8F8F8;
padding: 11px;
margin-bottom: 50px;
}

.featured-video-con.bg2{
background: linear-gradient(96deg, #E3FCEA 22.68%, #FAFFFB 99.58%);
}

.featured-video-con:last-child{
margin-bottom: 0;
}

.video-left-con{
max-width: 590px;
width: 100%;
overflow: hidden;
}

.video-right-con{
max-width: 612px;
width: 100%;
}

.video-right-con h4{
color: var(--dark-green-color);
font-size: 30px;
font-weight: 600;
display: flex;
align-items: center;
gap: 16px;
margin-bottom: 15px;
}

.video-right-con h6{
color: #314136;
font-size: 22px;
text-transform: uppercase;
margin-bottom: 13px;
}

.video-right-con p{
margin-bottom: 23px;
line-height: 26px;
}

.video-right-con .comonBtn{
text-decoration: none;
}

.video-left-con.comonImg-con{
border-radius: 0;
}



/* ======= Archive Posts sec ============ */

.archive-posts-sec.bgImg{
padding: 44px 0 60px;
border: 1px solid #CFDED3;
border-width: 1px 0 1px 0;
background: url('../images/background02.png') no-repeat;
}

.archive-posts-sec.bgImg h2{
color: #24462E;
font-size: 32px;
margin-bottom: 23px;
}

.posts-box-con{
border-radius: 5px;
border: 2px solid var(--border-color);
background: #FFF;
padding: 11px;
}

.courage-left-con{
max-width: 610px;
width: 100%;
overflow: hidden;
display: flex;
}

.courage-right-con{
max-width: 590px;
width: 100%;
display: flex;
flex-direction: column;
}

.courage-right-con h5 a{
color: #24462E;
font-family: Lora;
font-size: 30px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-decoration-line: underline;
margin-bottom: 30px;
display: block;
}

.courage-right-con h5 a:hover{
color: #83B735;
}

.courage-right-con p a{
color: #83B735;
}

.courage-right-con p a:hover{
color: var(--black-color);
}

.courage-right-con p{
line-height: 26px; 
letter-spacing: 0.16px;
}


.courage-right-con .postUser-con{
margin-top: 60px;
}

.posts-boxImg{
width: 100%;
border-radius: 3px 3px 0px 0px !important;
margin-bottom: 17px;
max-width: 278px;
height: 140px;
}

.posts-Txt{
padding: 0 15px;
margin-bottom: 30px;
}

.posts-Txt a{
color: #314136;
font-family: Lora;
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 23px; 
text-decoration-line: underline;
display: inline-block;
margin-bottom: 15px;
}

.posts-Txt a:hover{
color: var(--light-green-color);
}

.posts-box-con2.bgImg{
background: url('../images/background05.png') no-repeat;
padding: 11px;
z-index: 2;
display: flex;
flex-direction: column;
height: 100%;
border: 2px solid #275634;
border-radius: 5px;
transition: all 0.5s ease;
}

.posts-box-con2.bgImg::before{
width: 100%;
background: linear-gradient(180deg, #F1FFF4 0%, #FFF 100%);
z-index: -1;
height: 100%;
transition: all 0.5s ease;
top: 0;
}

.posts-box-con2.bgImg:hover::before{
border-radius: 5px 5px 105px 5px;
}

.posts-Txt p{
color: rgba(49, 65, 54, 0.80);
font-size: 15px;
letter-spacing: 0.15px;
}

.posts-box-con2 .postUser-con{
margin-top: auto;
padding: 0 15px;
margin-bottom: 18px;
}

.postUser-con p a{
color: #3B6C49;
font-size: 12px;
text-decoration-line: underline;
margin-bottom: 0;
}

.custom-row-spacing .col-12 {
padding: 15px; 
}

.custom-row-spacing .col-12:nth-child(-n+1) {
padding-top: 0; 
}

.readMore-btn{
margin-top: 30px;
text-align: center;
display: flex;
justify-content: center;
width: 100%;
}

.readMore-btn .comonBtn{
text-decoration: none;
width: 180px;
height: 52px;
border-radius: 3px;
border: 2px solid #3B6C49;
background: rgba(255, 255, 255, 0.30);
color: #3B6C49;
}

.readMore-btn .comonBtn:hover::before, .readMore-btn .comonBtn::before{
background-color: #83B735;
}

.readMore-btn .comonBtn:hover{
color: #fff;
}


/* ==========<!--Our Testimonials- Sec-->============= */

.testimonail-sec{
padding: 70px 0;
}

.testimonail-con{
border-radius: 5px;
background: linear-gradient(151deg, #E6F8EB 36.69%, #F5F4E9 84.13%);
box-shadow: 1px 3px 0px 0px #E8E2C9;
padding: 40px;
text-align: center;
}

.testimonail-con h3{
color: #24462E;
font-size: 28px;;
font-weight: 600;
margin-bottom: 15px;
}

.testimonail-con p{
max-width: 1058px;
margin: auto;
color: #314136;
text-align: center;
font-family: Lora;
font-size: 21px;
font-style: italic;
font-weight: 400;
line-height: 28px; 
letter-spacing: 0.42px;
margin-bottom: 35px;
}

.testimonail-con h6{
color: #83B735;
text-align: center;
font-family: "Roboto Flex";
font-size: 21px;
font-style: normal;
font-weight: 700;
line-height: 20px; 
}

.testimonail-con h6 small{
display: block;
color: #A58C28;
font-size: 16px;
font-weight: 500;
}


/* ==========<!--about-sec-->========== */

.about-sec.bgImg{
background: url(../images/background06.png);
padding: 0;
z-index: 3;
}

.about-sec.bgImg::before{
width: 100%;
height: 100%;
border-radius: 350px 0px 0px 0px;
background: #24462E;
z-index: -1;
}

.about-con{
padding: 80px 0;
display: flex;
gap: 70px;
}

.about-left-con{
background: url(../images/background07.png) no-repeat;
width: 100%;
height: 100%;
background-size: contain;
max-width: 330px;
}

.aboutImg{
/* outline: 1px solid #BBD9C3; */
border: 15px solid transparent !important;
border-radius: 3px !important;
}

.about-right-con h3{
font-size: 38px;
font-weight: 400;
line-height: 62px;
margin-bottom: 12px;
}

.about-right-con p{
color: rgba(255, 255, 255, 0.94);
line-height: 26px;
margin-bottom: 25px;
}

.about-right-con p span{
font-style: italic;
font-weight: 600;
}

.about-right-con .comonBtn{
height: 50px;
border-radius: 6px;
border: 2px solid #13A93A;
background: rgba(255, 255, 255, 0.10);
text-decoration: dashed;
margin-top: 40px;
}



/* ====================== blog -page ======================= */

.blog-page-sec .comonImg-con:hover .comonImg{
transform: unset;
}

.blog-page-sec .posts-box-con2.bgImg{
padding: 0;
max-width: 420px;
width: 100%;
}

.blog-page-sec .posts-boxImg{
max-width: 100%;
height: 200px;
margin-bottom: 0;
}

.blog-page-sec .posts-Txt a{
font-weight: 700;
color: rgba(49, 65, 54, 1);
font-size: 23px;
Line-height:32px;
}

.blog-page-sec .posts-Txt a:hover{
color: rgba(117, 169, 39, 1);
}

.blog-page-sec .posts-Txt small{
color: rgba(165, 140, 40, 1);
font-family: Roboto Flex;
font-weight: 500;
font-size: 16px;
line-height: 21px;
display: block;
margin-bottom: 15px;
}

.blog-page-sec .posts-Txt{
padding: 20px;
}

.blog-page-sec .posts-Txt p{
color: rgba(46, 64, 52, 1);
font-family: Lora;
font-weight: 500;
font-size: 16px;
line-height: 26px;
}

.blog-page-sec .posts-box-con2 .postUser-con{
padding: 30px 20px;
margin-bottom: 0px;
border-top: 2px solid #275634;
justify-content: space-between;
}

.blog-page-sec .postuser-box{
display: flex;
align-items: center;
gap: 15px;
}

.blog-page-sec .arrow-top {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.3s ease;
text-decoration: none;
}

.blog-page-sec .arrow-top .arrow {
color: white;
font-size: 20px;
transition: transform 0.3s ease;
transform: rotate(45deg) scale(1.1);
}

.blog-page-sec .arrow-top:hover .arrow {
transform: rotate(90deg) scale(1.1);
}

.blog-page-sec .custom-row-spacing .col-lg-6 {
padding: 15px;
}

.blog-page-sec .custom-row-spacing .col-lg-6:nth-child(-n+2) {
padding-top: 0;
}

.donateCommon-box {
width: 100%;
border-radius: 10px;
overflow: hidden;
max-width: 398px;
margin: 0 auto 20px;
border: 2px solid rgba(36, 70, 46, 1);
background-color: #fff;
}

.donateCommon-box:last-child{
margin-bottom: 0;
}


.donateCommon-box .heading3{
background:rgba(36, 70, 46, 1);
padding: 5px 23px;
font-family: "Roboto Flex";
font-size: 14px;
font-weight: 700;
line-height: 40px;
letter-spacing: 0.03em;
text-align: left;
color: #FFFFFFE5;
text-transform: uppercase;
}

.donateBtn-box{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
padding: 23px 20px 27px;
}

.donateBtn-box a, .donateBtn-box button{
box-shadow: 1px 1px 0px 0px #FFFCEE;
background: rgba(131, 183, 53, 1);
/* max-width: 360px; */
width: 100%;
height: 42px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border-radius: 3px;
font-family: "Roboto Flex";
font-size: 16px;
font-weight: 700;
line-height: 26px;
letter-spacing: 0.02em;
text-align: center;
color: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
transition: all 0.5s ease-in-out;
}

.donateBtn-box a:hover, .donateBtn-box button:hover{
box-shadow: 2px 3px 0px  rgba(36, 70, 46, 1);
}

.paymentCards{
display: flex;
gap: 5px;
}

.donateBtn-box select{
border: 1px solid rgba(74, 131, 89, 1);
background-color: rgba(247, 255, 239, 1);
font-family: Roboto;
font-weight: 500;
font-size: 13px;
line-height: 26px;
letter-spacing: 2%;
padding: 10px;
vertical-align: middle;
color: rgba(53, 97, 65, 0.9);
}

.donateBtn-box form{
width: 100%;
}

.donateBtn-box select:nth-of-type(1){
border-radius: 3px 3px 0 0 ;
}

.donateBtn-box select:nth-last-child(2){
border-top: 0;
border-radius: 0 0 3px 3px;
}

.donateBtn-box .form-select:focus{
border: 1px solid rgba(74, 131, 89, 1);
}

.donateBtn-box button{
margin-top: 15px;
border: unset;
text-transform: capitalize;
font-weight: 500;
}

.categoryBox.bg01 .categoryList{
padding-right: 8px;
height: 303px;
overflow-y: auto;
margin-right: 8px;
}

.categoryBox.bg01 .categoryList ul{
width: 100%;
border-right: 1px solid #3B6C49;
}
.categoryBox.bg01 .categoryList::-webkit-scrollbar {
width: 5px;
}

.categoryBox.bg01 .categoryList ul li a{
text-decoration: none;
}

.categoryBox.bg01 .categoryList::-webkit-scrollbar-thumb {
border-radius: 20px;
background: linear-gradient(180deg, rgba(74, 131, 89, 0.80) 0%, rgba(131, 183, 53, 0.80) 50.5%, rgba(74, 131, 89, 0.80) 98.5%);
height: 70px;
}

.categoryBox ul{
padding: 15px 20px;
}

.categoryList ul li {
padding-bottom: 20px;
z-index: 3;
width: 100%;
display: inline-block;
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}

.categoryList ul li::after:last-child{
border-bottom: 0;
padding-bottom: 0;
margin-bottom: 0;
background: none;
}

.categoryList ul li::before, .categoryBox .recentPost a::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '';
width: 100%;
height: 100%;
background: url(../images/hero-icon16.svg) no-repeat;
z-index: -1;
}

.categoryList ul li::after {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 100%;
height: 1px;
background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(74, 131, 89, 1), rgba(255, 255, 255, 1));
}

.categoryList ul li a{
color: #447A53;
font-family: "Playfair Display";
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 17px; 
transition: all 0.3 ease;
}

.categoryList ul li a:hover{
color: #304035;
}

.categoryBox .recentPost ul li::before{
display: none;
}

.categoryBox .recentPost ul li{
padding: 0;
padding-bottom: 20px;
}

.categoryBox .recentPost ul{
width: 100%;
}

.categoryBox .recentPost h6{
font-family: Playfair Display;
font-weight: 600;
font-size: 17px;
line-height: 17px;
letter-spacing: 0%;
vertical-align: middle;
color: rgba(36, 70, 46, 1);
margin-bottom: 10px;
}

.categoryBox .recentPost a{
position: relative;
text-decoration: none;
color: rgba(139, 197, 61, 1);
padding-left: 25px;
}

.categoryBox .recentPost a::before{
background: url(../images/hero-icon02.png) no-repeat;
}

.categoryBox .recentPost ul li:last-child::after,
.categoryList ul li:last-child::after{
display: none;
}
.categoryBox .recentPost ul li:last-child,
.categoryList ul li:last-child{
margin-bottom: 0;
}



/* ============================= contact - page ================================ */



/* ========
<!--The Essay Form-->
======================== */

/* .essayForm-sec{
padding: 0;
}

.essayForm-sec .customWidth{
padding: 45px 0 92px;
} */

.essayForm-left-con{
border-radius: 15px;
border: 1px solid #CAC9C7;
background: rgba(131, 183, 53, 1);
padding: 50px;
max-width: 861px;
width: 100%;
height: 100%;
position: relative;
margin: auto;
overflow: hidden;
z-index: 9;
}

.essayForm-left-con:hover::before{
border-radius: 0 0 100px 0;
}

.essayForm-left-con::before{
position: absolute;
top: 0;
left: 0;
content: '';
width: 100%;
height: 100%;
background: linear-gradient(129deg, #FFF 25.83%, #FCFDFF 86.37%);
z-index: -1;
transition: all 0.5s ease;
}

.essayForm-left-con h5{
color: #343434;
font-family: Lora;
font-size: 28px;
font-style: normal;
font-weight: 500;
line-height: normal; 
margin-bottom: 30px;
}

/* .essayForm-left-con .essayForm-box1{
background: url(../images/ak-boi-img/hero-img02.jfif) no-repeat;
padding: 10px;
height: auto;
} */


.essayForm-left-con .essayForm-box1 p{
background: #FCFFF9;
border-radius: 4px;
color: #13A93A;
text-align: center;
font-family: Lora;
font-size: 24px;
font-style: italic;
font-weight: 400;
line-height: normal;
letter-spacing: 0.52px;
padding: 50px 60px;
}


.essayForm-box2 {
margin-top: 45px;
}

.essayForm-box2 h6{
color: #343434;
font-family: Lora;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 15px;
}

.essayForm-box2 p{
color: #4E4D4D;
font-family: "Roboto Flex";
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 26px; 
letter-spacing: 0.17px;
margin-bottom: 30px;
}

.essayForm-box2 p span{
font-style: italic;
font-weight: 500;
}

.essayForm-box2 p a{
font-family: "Roboto Flex";
font-style: italic;
font-weight: 500;
letter-spacing: 0.01em;
text-decoration-line: underline;
color: #83B735;
}

.essayForm-box3{
background: #FFFCEF;
padding: 30px;
margin-top: 50px;
}

.essayForm-box3 .paragraph1, .essayForm-box3 .paragraph1 small{
font-family: "Roboto Flex";
font-size: 13px;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.01em;
text-align: left;
}

.essayForm-box3 .paragraph1 span{
color: #923238;
font-style: normal;
}

.essayForm-box3 .paragraph1 small{
color: #83B735;
font-style: italic;
}

.essayForm-box3 p{
font-family: "Roboto Flex";
font-size: 13px;
font-style: italic;
font-weight: 500;
line-height: 18px;
letter-spacing: 0.01em;
color:#4E4D4D;
}

.essayForm-right-con{
max-width: 400px;
width: 100%;
top: 102px; 
margin: auto;
}

.essayForm-right-con.sticky-top{
z-index: 999 !important;
}


.contact-deatls-con .commonBanner-img{
max-width: 78.095px;
height: 78.095px;
}

.contact-deatls-con .commonBanner-con{
gap: 20px;
padding: 15px 0px;
display: flex;
align-items: center;
}

.contact-deatls-con .commonBanner-txt h4{
color: rgba(234, 252, 239, 1);
font-family: Sacramento;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 27px;
margin-bottom: 10px;  
}

.contact-deatls-con{
border-radius: 15px;
background: rgba(68, 122, 83, 1);
box-shadow: 1px 2px 0px 0px rgba(173, 174, 173, 0.40);
padding: 20px;
}

.contact-deatls-con .companyAdd{
color: rgba(234, 252, 239, 1);
font-family: "Roboto Flex";
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 27px; 
display: flex;
gap: 30px;
align-items: center;
padding: 25px 0px;
/* box-shadow: 0px 1px 0px 0px rgba(252, 255, 249, 0.30); */
border-top: 1px solid rgba(92, 153, 109, 0.5);
word-break: break-all;
}

.contact-deatls-con .companyAdd:last-child{
padding-bottom: 0;
}

.contact-deatls-con .companyAdd a{
color: rgba(234, 252, 239, 1);
font-size: 18px;
text-decoration-line: underline;
}
.contact-deatls-con .companyAdd a:hover{
color: #343434;
}

input[type="number"]::-webkit-inner-spin-button, 
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

.contact-left-con form input.form-control,
.contact-left-con form textarea.form-control {
border-radius: 4px;
border: 1px solid #C8C8C8;
height: 48px;
}
.contact-left-con form textarea.form-control {
height: 96px;
}

.contact-left-con form input:focus,
.contact-left-con form textarea:focus{
border: 2px solid rgba(99, 83, 92, 0.40);
}

.contact-left-con form input::placeholder,
.contact-left-con form textarea::placeholder{
color: rgba(52, 52, 52, 0.60);
font-family: "Roboto Flex";
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 26px; 
}

.contact-left-con form .customBtn{
border-radius: 4px;
background: #13A93A;
max-width: 190px;
height: 52px;
margin-top: 10px;
width: 100%;
color: #FFF;
text-align: center;
font-family: "Roboto Flex";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.32px;
text-transform: uppercase;
}

.contact-left-con form .customBtn:hover{
box-shadow: 2px 2px 20px #0000003b;
}

.contact-left-con form .customBtn:hover{
color: #fff;
}


/* =========================== testimonail-blog-con- page ============================== */

.testimonail-blog-con, .about-content-box{
border: 2px solid #275634;
border-radius: 10px;
padding: 30px;
position: relative;
overflow: hidden;
background: #83B735;
z-index: 9;
margin-bottom: 30px;
}

.testimonail-blog-con:last-child,
.about-content-box:last-child{
margin-bottom: 0;
}

.testimonail-blog-con::before,
.about-content-box::before,
.single-page-form::before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: #fff;
transition: all 0.5s ease;
}

.testimonail-blog-con:hover::before,
.about-content-box:hover::before,
.single-page-form:hover::before{
border-radius: 0 0 100px 0;
}

.testimonail-blog-con::after{
content: '';
position: absolute;
right: 30px;
bottom: 40px;
width: 74px;
height: 54px;
background: url('../images/hero-icon04.png') no-repeat;
}

.testimonail-blog-con p, .about-content-box p,
.about-content-box a{
font-family: Lora;
font-weight: 500;
font-size: 16px;
line-height: 26px;
letter-spacing: 1%;
color: #314136;
margin-bottom: 25px;
}

.testimonail-blog-con small{
font-family: Roboto Flex;
font-weight: 500;
font-size: 18px;
line-height: 20px;
letter-spacing: 0%;
display: block;
color: #13A93A;
}

.testimonail-blog-con small.date-dic{
font-size: 16px;
color: #A58C28;
margin-top: 10px;
}


.post-loading{
margin: 40px 0 50px;
text-align: center;
}

.post-loading .loader{
border-radius: 5px;
border: 2px solid #3B6C49;
/* background: #356141; */
max-width: 220px;
height: 48px;
gap: 15px;
display: flex;
align-items: center;
justify-content: center;
color: #3B6C49;
text-align: center;
font-family: Roboto;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.36px;
margin: auto;
text-decoration: none;
}

.hidden-col {
display: none !important;
}

.post-loading .spinner, .post-loading .spinner svg{
height: 100%;
}

@keyframes moveCircles {
0% { transform: translateX(-10px) scale(1); opacity: 0.5; }
50% { transform: translateX(0) scale(1.3); opacity: 1; }
100% { transform: translateX(10px) scale(1); opacity: 0.5; }
}

.loader .spinner svg circle {
transition: all 0.4s ease-in-out;
}

.loader:hover .spinner svg circle:nth-child(1) { /* Middle Circle */
animation: moveCircles 0.6s infinite alternate;
}

.loader:hover .spinner svg circle:nth-child(2), 
.loader:hover .spinner svg circle:nth-child(3) { /* Side Circles */
animation: moveCircles 0.6s infinite alternate-reverse;
}



/* ======================== about - page =================================== */

.about-content-box p a, .about-content-box a{
color: #13A93A;
/* display: block; */
}
.about-content-box p a:hover,
.about-content-box a:hover{
color: #314136;
}

.about-content-box p{
font-family: Roboto Flex;
}

.about-content-box p span{
font-style: italic;
font-weight: 800;
}



/* ==================== single past ================================= */


.blogBanner-right-con .comonImg-con,
.blogBanner-right-con, .blogBanner-left-con{
border-radius: 0;
height: 100%;
width: 100%;
}

.blogBanner-right-con .comonImg-con img{
object-fit: initial;
}

.blogBanner-left-con{
position: relative;
background:linear-gradient(to bottom, rgba(68, 122, 83, 1), rgb(98 143 33));
padding: 80px 0;
}

.blogBanner-left-con .postUser-con{
gap: 50px;
flex-wrap: wrap;
}

.blog-detail-txt{
max-width: 675px;
padding: 12px;
margin-left: auto;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}

.backBtn {
display: flex;
gap: 10px;
align-items: center;
color: #FBFFF4;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal;
letter-spacing: 0.48px;
text-decoration: none;
margin-bottom: 70px;
position: relative;
transition: color 0.3s ease, transform 0.2s ease-in-out;
}

.backBtn span:last-child {
transition: transform 0.3s ease-in-out;
}

.backBtn:hover {
color: #BBD9C3;
transform: translateX(-5px);
}

.backBtn:hover span:last-child {
transform: translateX(-5px);
}

.backBtn svg circle {
transition: fill 0.3s ease-in-out;
}

.backBtn:hover svg circle {
fill: #447A53;
}

.backBtn:hover svg path {
fill: #FBFFF4;
}


.blog-detail-txt small{
color: #D4C65F;
font-family: Roboto;
font-size: 18px;
font-style: italic;
font-weight: 600;
line-height: 20px; 
}

.blog-detail-txt h5{
color: var(--white-color);
font-size: 38px;
font-weight: 400;
line-height: 51px; 
margin: 15px 0 50px;
}

.blog-detail-txt .postUser-con p{
color: #AADA61;
}

.blog-detail-txt .postUser-con a{
color: #F6FFF9;
}

.blog-detail-txt .postUser-con a:hover{
color: #D4C65F;
}


/* ========= comment-form ================= */

.single-page-form{
border: 2px solid #275634;
border-radius: 10px;
padding: 30px;
position: relative;
overflow: hidden;
background: #83B735;
z-index: 9;
margin-bottom: 30px;
margin: 0px;
}

.single-page-form h6{
color: #346642;
font-family: Roboto;
font-size: 28px;
font-weight: 600;
margin-bottom: 5px;
}

.single-page-form p{
color: #3B6C49;
font-family: Roboto;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
margin-top: 0;
}

.single-page-form p span{
color: #CCB202;
}

.single-page-form :where(input, textarea){
border-radius: 10px;
border: 1px solid rgba(33, 95, 50, 0.50);
background: rgba(255, 255, 255, 0.90);
height: 48px;
}

.single-page-form textarea{
height: 108px;
}

.single-page-form .form-check-input{
max-width: 26px;
width: 100%;
height: 26px;
border-radius: 7px;
}

.single-page-form .form-check-input:focus{
border: 1px solid rgba(33, 95, 50, 0.50) !important;
box-shadow: unset;
outline: unset;
}

.single-page-form .form-check {
margin: 20px 0;
}

.single-page-form .form-check-label{
color: #224E2E;
font-family: Roboto;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 29px; 
}
.single-page-form .form-check-input:checked{
background-color: #356141;
border-color: rgba(33, 95, 50, 0.50) !important;
}

.single-page-form .comonBtn{
border-radius: 5px;
border: 2px solid #3B6C49;
background: #356141;
color: #fff;
font-weight: 700;
max-width: 216px;
cursor: pointer;
}

.single-page-form .comonBtn:hover{
color: #fff;
}

.single-page-form .comonBtn::before{
background: #83B735;
}

.single-page-form .form-control::placeholder{
color: rgba(34, 78, 46, 0.40);
font-family: Roboto;
font-size: 13px;
}

.single-page-form .form-check {
margin: 20px 0;
display: flex;
align-items: center;
gap: 10px;
}