@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
/* ==================================== <!--top-banner--> ==================================== */

.topBanner-sec.bgImg{
padding: 0 !important;
background: #24462E;
z-index: 3;
}

.topBanner-sec.bgImg::after{
background: url('../images/watermark02.png') no-repeat;
background-size: auto;
width: 436px;
height: 432px;
left: 89%;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}

.banner-left-con{
position: relative;
width: 100%;
height: 566px;
max-width: 100%;
display: flex;
overflow: hidden;
}

.banner-right-con{
max-width: 732px;
width: 100%;
padding: 50px;
}

.banner-right-con h4{
color:var(--white-color);
font-size: 42px;
font-weight: 600;
margin-bottom: 30px;
}

.banner-right-con h4 span{
color: #E6CA08;
font-weight: 500;
}

.banner-right-con p{
font-size: 18px;
color: var(--white-color);
line-height: 28px;
}

.banner-right-con p a{
font-style: italic;
font-weight: 700;
}
.banner-right-con p a:hover{
color: #E6CA08;
}

/* ============== <!--Dear Reader Sec--> ======================= */

.dearReader-sec{
background: linear-gradient(87deg, #F9FFFA 0%, #FAFFFB 100%);
padding: 54px 0;
border-bottom: 1px solid #BED2C4;
}

.dearReader-left-con{
max-width: 830px;
width: 100%;
}

.dearReader-left-con h6{
color: #24462E;
font-family: "Roboto Flex";
font-size: 26px;
font-style: normal;
font-weight: 700;
line-height: 40px; 
margin-bottom: 10px;
}

.dearReader-left-con p{
color: #275634;
font-size: 18px;
line-height: 26px; 
margin-bottom: 30px;
}

.dearReader-left-con p span{
color: #6B9A23;
font-weight: 600;
}

.dearReader-left-con p:last-child{
margin-bottom: 0;
}

.dearReader-right-con{
max-width: 356px;
height: 295.786px;
width: 100%;
margin: 0 auto;
}

/* =========== <!--Recent Posts Sec-->====================== */

.recentPost-sec.bgImg{
background: linear-gradient(180deg, rgba(96, 142, 27, 0.95) 0%, #3B6C49 100%), url('../images/background01.png') no-repeat;
padding: 50px 0 80px;
}

.recentPost-sec.bgImg h2{
margin-bottom: 22px;
font-size: 32px;
font-weight: 700;
line-height: 62px;
}

.post-boxs{
border-radius: 20px;
border: 1px solid #3B6C49;
background: linear-gradient(114deg, #FFF 48.79%, #F2FFF6 97.75%);
box-shadow: 1px 1px 0px 0px #3B6C49;
padding: 40px;
display: flex;
flex-direction: column;
height: 100%;
transition: all 0.5s ease;
}

.post-boxs:hover{
transform: translate3d(0, -3px, 0);
box-shadow: 2px 2px 15px #0000001e;
}

.post-boxs:hover h5 a{
color: #78AF25;
}

.post-boxs h5 a{
color: #224E2E;
font-family: Lora;
font-size: 28px;
font-style: normal;
font-weight: 600;
text-decoration-line: underline;
}

.post-boxs small{
display: block;
color: #197B34;
font-family: "Roboto Flex";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 20px; 
margin-bottom: 12px;
}

.post-boxs p{
color: rgba(49, 65, 54, 0.90);
margin-bottom: 28px;
}

.post-boxs h5 {
line-height: 32px;
margin-bottom: 16px;
}

.post-boxs.bg2{
background: linear-gradient(132deg, #FFF 39.45%, #F1FFF4 96.48%);
box-shadow: 1px 1px 0px 0px #000;
}

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

.postUser-con img{
width: 30px;
height: 30px;
border: 1px solid #BBB;
object-fit: cover;
border-radius: 50%;
}

.postUser-con p{
margin-bottom: 0;
color: #78AF25;
font-size: 14px;
font-style: normal;
font-weight: 700;
}

.postUser-con p a{
color: #356141;
font-size: 14px;
font-weight: 700;
}

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

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

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

.custom-row-spacing .col-12:nth-child(-n+2) {
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 #EDD10C;
color: #EDD10C;
background: transparent;
}



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

.testimonials-sec.bgImg{
background: url('../images/background02.png') no-repeat;
padding: 65px 0;
border-bottom: 1px solid #BED2C4;
}

.testimonials-sec.bgImg::before{
background: url('../images/watermark03.png') no-repeat;
width: 300px;
height: 309px;
background-size: auto;
top: 0;
left: 0;
}

.testimonial-con{
max-width: 1170px;
margin: auto;
width: 100%;
border-radius: 20px;
border: 3px solid #4A8359;
padding: 70px;
position: relative;
}

.testimonial-con .quotes-box span{
position: absolute;
background: #fff;
padding: 15px;
border-radius: 50%;
}

.testimonial-con .quotes-box span.quotes-left{
left: -35px;
top: 50px;
}

.testimonial-con .quotes-box span.quotes-right{
right: -35px;
bottom: 50px;
background-color: #faf8f2;
}

.testimonial-con p{
color: #24462E;
text-align: center;
font-family: Lora;
font-size: 24px;
font-style: italic;
font-weight: 500;
line-height: 36px;
letter-spacing: 0.24px;
text-align: center;
}

.testimonial-con p span{
color: #13A93A;
}

.testimonial-con .postUser-con, 
.comments-boxs .postUser-con{
justify-content: center;
margin-top: 37px;
align-items: start;
}

.testimonial-con .postUser-con img,
.comments-boxs .postUser-con img{
width: 50px;
height: 50px;
border: 1px solid rgba(217, 217, 217, 0.96);
}

.testimonial-con .postUser-con p, 
.comments-boxs .postUser-con p{
color: #83B735;
font-family: Roboto;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-align: left;
}

.testimonial-con .postUser-con p span, 
.comments-boxs .postUser-con p span{
color: #224E2E;
font-size: 17px;;
font-weight: 500;
line-height: 22px;
}


/* =========== <!--Readers' Comments--> =========== */

.comments-sec.bgImg{
background: url('../images/background03.png') no-repeat;
padding: 62px 0 78px;
}

.comments-sec.bgImg h2{
color: var(--white-color);
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 62px; 
margin-bottom: 33px;
}

.comments-boxs{
border-radius: 20px;
border: 1px solid #FFF;
background: #FFF;
max-width: 414px;
width: 100%;
display: flex;
flex-direction: column;
height: 100%;
padding: 35px;
}

.comments-boxs .postUser-con img{
width: 32px;
height: 32px;
}

.comments-boxs p{
color: #24462E;
font-family: Lora;
font-size: 20px;
margin-bottom: 30px;
}

.comments-boxs p:last-child{
margin-bottom: 40px;
}

.comments-boxs .postUser-con{
justify-content: start;
margin-top: auto;
}

.comments-boxs .postUser-con p{
color: #3B6C49;
margin-bottom: 0;
}
.comments-boxs .postUser-con p span{
color: #A58C28;
}

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

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

/* .commentSlider .owl-item {
width: 414px !important;
} */

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

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

.commentSlider .owl-nav .owl-prev{
left: 20px;
}

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

.commentSlider .owl-nav .owl-next{
right: 20px;
}

.commentSlider {
position: relative;
margin-left: 300px;
}

.commentSlider::after{
position: absolute;
content: '';
right: 10%;
top: 50%;
transform: translateY(-50%);
background: linear-gradient(270deg, rgba(36, 70, 46, 0.80) 0.15%, rgba(36, 70, 46, 0.00) 94.66%);
width: 307px;
height: 100%;
}

.comments-sec .comonBtn{
border-radius: 3px;
border: 2px solid #EDD10C;
background: rgba(255, 255, 255, 0.06);
max-width: 250px;
height: 50px;
width: 100%;
}

.comments-sec .readMore-btn{
margin-top: 50px;
}



/* ================== ABOUT PAGE ========================= */

.comonBanner.bgImg{
background: linear-gradient(90deg, rgba(36, 70, 46, 0.60) 0%, #24462E 100%), url('../images/background04.jpg') no-repeat;
height: 300px;
}

.comonBanner-con{
display: flex;
gap: 40px;
align-items: center;
}

.comonBanner-con .comonBanner-Img{
border-radius: 156.19px;
border: 1px solid #E8E2C9;
min-width: 156.19px;
height: 156.19px;
/* width: 100%; */
}

.comonBanner-txt h6{
color: #8BC53D;
font-family: Sacramento;
font-size: 34px;
font-style: normal;
font-weight: 400;
line-height: 27px; 
margin-bottom: 15px;
}

.comonBanner-txt h6 span{
color: var(--white-color);
}

.comonBanner-txt p{
color: var(--white-color);
font-size: 17px;
font-style: italic;
line-height: 27px;
}

.comonBanner-txt p span{
color: #8BC53D;
}








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

.comonPage.bgImg{
background: linear-gradient(180deg, #F9FFFA 0%, #FAFFFB 100%);
z-index: 3;
padding: 50px 0;
}

.google-ads-sec.bg_1{
padding-top: 0;
background: linear-gradient(180deg, #F9FFFA 0%, #FAFFFB 100%);
}


.categoryBox{
border-radius: 10px;
border: 1px solid rgba(74, 131, 89, 0.70);
background: #FFF;
margin-top: 25px;
overflow: hidden;
}

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

.categoryBox h6{
color: #FFF;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height:normal;
text-transform: uppercase;
background: #24462E;
box-shadow: 0px 1px 0px 0px rgba(59, 108, 73, 0.80);
padding: 14px 22px;
}

.categoryList ul li{
/* border-bottom: 1px dashed rgba(74, 131, 89, 0.50); */
padding-bottom: 20px;
/* cursor: pointer; */
z-index: 3;
width: 100%;
display: inline-block;
position: relative;
padding-left: 40px;
margin-bottom: 20px;
}

.categoryList ul li:last-child{
border-bottom: 0;
padding-bottom: 0;
}


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

.categoryList ul li::before{
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '';
width: 100%;
height: 100%;
background: url('../images/hero-icon10.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: #24462E;
font-family: "Playfair Display";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 22px;
transition: all 0.3 ease;
text-decoration: none;
display: block;
}

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

.categoryList ul li small{
color: #A58C28;
font-family: Roboto;
font-size: 11px;
font-style: normal;
font-weight: 500;
line-height: 17px;
letter-spacing: 0.22px;
display: block;
margin: 5px 0;
}

.about-left-con{
border-radius: 15px;
border: 1px solid rgba(68, 122, 83, 0.40);
background: linear-gradient(129deg, #FFF 25.83%, #FCFDFF 86.37%);
padding: 40px;
}

.about-left-con p{
color: #304035;
font-family: Roboto;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 27px; 
margin-bottom: 30px;
}

.about-left-con p:last-child{
margin-bottom: 0;
}

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

.about-right-con .input-group{
border-radius: 10px;
border: 1px solid #24462E;
background: #FFF;
box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.09) inset;
height: 50px;
}

.about-right-con .input-group input{
border: unset;
outline: unset;
border-radius: 0;
background: transparent;
}

.about-right-con input:focus,
.about-right-con textarea:focus{
border: 0 !important;
}

.about-right-con .btn{
background-color: #EDD00C;
transition: all 0.5s ease;
border-radius: 0px 9px 9px 0px;
}

.about-right-con .btn:hover{
background-color: var(--black-color);
}

.google-ads02 {
display: flex;
gap: 10px;
justify-content: center;
flex-wrap: wrap;
padding: 50px 0;
}

.about-heading{
color: #24462E;
font-family: Lora;
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 42px; 
margin-bottom: 20px;
}


.categoryBox.bx01 .comment-box p{
color: rgba(36, 70, 46, 0.80);
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 17px; 
letter-spacing: 0.12px;
}

.categoryBox.bx01 li{
padding-left: 0;
}

.categoryBox.bx01 li::before{
display: none;
}

.user-box{
display: flex;
gap: 20px;
}

.user-box img{
max-width: 35px;
height: 35px;
width: 100%;
border-radius: 50%;
}



/* == <!--BLOG PAGE-->========= */

.blogDetail-con{
border-radius: 15px;
border: 2px solid rgba(68, 122, 83, 0.40);
background: linear-gradient(129deg, #FFF 25.83%, #FCFDFF 86.37%);
max-width: 416px;
width: 100%;
padding: 30px;
transition: all 0.5s ease;
height: 100%;
display: flex;
flex-direction: column;
}

.blogDetail-con:hover{
border: 2px solid rgba(68, 122, 83, 0.90);
box-shadow: 5px 4px 14px 0px rgba(0, 0, 0, 0.15);
}

.blogDetail-con h4{
color: #224E2E;
font-size: 22px;
font-weight: 600;
line-height: 26px; 
margin-bottom: 10px;
}

.blogDetail-con small{
color: #197B34;
font-family: "Roboto Flex";
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 20px; 
margin-bottom: 10px;
display: block;
}

.blogDetail-con p{
color: rgba(49, 65, 54, 0.90);
font-size: 15px;
line-height: 23px;
}

.blogDetail-con .readMore{
color: #71AE14;
font-size: 14px;
text-decoration: none;
display: flex;
gap: 5px;
align-items: center;
margin: 40px 0 50px;
}

.blogDetail-con .readMore:hover{
color: #EDD10C;
text-decoration: underline;
}

.socailM-box p, .like-box p{
color: #24462E;
font-family: Roboto;
font-size: 12px;
line-height: normal;
margin-bottom: 10px;
}

.socailM-box-links .sBtn{
display: flex;
gap: 10px;
align-items: center;
border-radius: 3px;
border: 1px solid #24462E;
background: #FCFFFA;
padding: 8px 12px;
color: #24462E;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
text-decoration: none;
transition: all 0.5s ease;
}

.socailM-box-links{
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: center;
}

.socailM-box{
position: relative;
}

.socailM-box::after, .blogComment::after {
content: "";
position: absolute;
left: 0;
top: -25px; 
width: 100%;
height: 1px; 
background: linear-gradient(
to right, 
rgba(253, 254, 255, 1), 
rgba(121, 175, 39, 1), 
rgba(253, 254, 255, 1)
);
}

.socailM-box-links .sBtn:hover{
background-color:#EDD10C;
}

.like-box{
margin: 30px 0 50px;
}

.like-box .socailM-box-links p{
font-size: 11px;
font-style: italic;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
}

.blogComment{
position: relative;
margin-top: auto;
}

.blogComment input{
border: unset;
outline: unset;
width: 100%;
background: transparent;
}

.blogComment input::placeholder{
color: rgba(217, 217, 217, 0.96);
font-family: "Roboto Flex";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}

.about-right-con .btn:hover svg path{
stroke: #fff;
}

.custom-row-spacing .col-md-6 {
padding: 15px; 
}
.custom-row-spacing .col-md-6:nth-child(-n+2) {
padding-top: 0; 
}

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

.post-loading .loader{
border-radius: 5px;
border: 2px solid #3B6C49;
background: #EDD00C;
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) { 
animation: moveCircles 0.6s infinite alternate;
}

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


.blogDetail01-con{
border-radius: 15px;
border: 1px solid rgba(68, 122, 83, 0.20);
background: linear-gradient(115deg, #FFF 52.12%, #F7FFEB 96.35%);
padding: 30px;
}

.blogDetail01-con .socailM-box::after{
display: none;
}

.blogDetail01-con .like-box{
margin: 30px 0 0;
}
.testimonial-Img{
border-radius: 7px !important;
outline: 1px solid rgba(68, 122, 83, 0.90);
border: 16px solid #F9FFFA;
background: #F9FFFA;
margin: 20px auto 50px;
max-width: 352px;
width: 100%;
height: 247px;
display: flex !important;
justify-content: center;
}

.testimonial-sec{
border-radius: 20px;
border: 2px solid #4A8359;
background: #FFF;
padding: 50px;
position: relative;
max-width: 860px;
margin-bottom: 22px;
}

.testimonial-sec p{
color: #24462E;
font-family: Lora;
font-size: 22px;
font-style: italic;
font-weight: 500;
line-height: 32px; 
letter-spacing: 0.22px;
margin-bottom: 20px;
}

.testimonial-sec h6{
color: #587E1F;
font-family: Sacramento;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 36px; 
letter-spacing: 0.24px;
}

.testimonial-sec .quotes-box span{
position: absolute;
background: #fff;
padding: 10px;
border-radius: 50%;
}

.testimonial-sec .quotes-box span.quotes-left{
left: -18px;
top: 50px;
}
.testimonial-sec .quotes-box span.quotes-right{
right: -18px;
bottom: 50px;
}


/* ================================ blog- Details =============================== */


.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: 28px;
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;
}

.comonBanner.detail-banner.bgImg{
height: 100%;
}

.detail-banner .comonBanner-con{
display: block;
}

.detail-banner .comonBanner-con small{
color: #EDD00C;
font-family: Roboto;
font-size: 15px;
font-style: italic;
font-weight: 500;
line-height: 20px; 
display: block;
margin-bottom: 10px;
}

.detail-banner .comonBanner-con h4{
font-size: 38px;
font-weight: 400;
line-height: 51px;
margin-bottom: 30px;
}

.detail-banner .postUser-con p a{
color: #F6FFF9;
}

.detail-banner .postUser-con p span.line,
.astrology-right-con p span.line{
background: linear-gradient(180deg, #24462E 2%, #A5B4A9 50.5%, #24462E 100%);
width: 2px;
height: 26px;
display: inline-block;
padding: 0;
margin: 0 10px;
vertical-align: middle;
}

.detail-banner .postUser-con p,
.detail-banner .postUser-con p a:hover{
color: #E8DD96;
}

.astrology-con-f{
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
flex-wrap: wrap;
}

.astrology-left-con, .astrology-right-con{
display: flex;
align-items: center;
gap: 10px;
}

.astrology-left-con img{
width: 30px;
height: 30px;
border-radius: 50%;
}

.astrology-left-con p{
color: #304035;
font-weight: 500;
}

.astrology-right-con p{
color: #447A53;
}

.astrology-right-con p span.line{
background: linear-gradient(180deg, #FCFEFF 2%, #A5B4A9 50.5%, #FCFEFF 100%);
}

.astrology-con{
border-radius: 5px;
border: 1px solid rgba(68, 122, 83, 0.40);
background: linear-gradient(150deg, #FFF 43.75%, rgba(247, 255, 235, 0.30) 92.81%);
padding: 35px;
}

.astrology-con h6{
color: #3B6C49;
font-size: 24px;
margin-bottom: 20px;
}

.astrology-con p{
font-size: 16px;
}

.about-left-con h5{
color: #13A93A;
margin-bottom: 30px;
font-size: 22px;
}

.astrology-txt-para p{
font-size: 15px;
line-height: 45px;
text-align: center;
font-weight: 500;
}

.astrology-txt-para{
margin-top: 40px;
}

.astrology-txt-para h6{
color: #304035;
font-weight: 500;
text-align: center;
font-family: Roboto;
font-size: 22px;
line-height: 56px;
padding-top: 20px;
position: relative;
}

.astrology-txt-para h6 .p1{
font-weight: 400;
}

.astrology-txt-para h6 .p2{
font-weight: 500;
font-size: 32px;
}

.astrology-txt-para h6::before{
content: "";
position: absolute;
left: 0;
top: -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));
}


.single-page-form{
border-radius: 15px;
border: 1px solid rgba(68, 122, 83, 0.20);
background: linear-gradient(180deg, #F2FFF6 0%, #FDFEFF 100%);
padding: 30px 50px 50px;
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: #EDD00C;
color: #3B6C49;
font-weight: 700;
max-width: 216px;
}

.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;
}