html {
scroll-behavior: smooth;
}
div#navbarSupportedContent {
justify-content: end;
}
.icon-block-footer .widget-content {
display: flex;
}
ul#menu-quick-links li:before {
content: "\f105";
position: absolute;
left: 0px;
font-family: "Font Awesome 6 Free";
color: #F7E849; font-weight: 900;
}
.home-faq .elementor-accordion-item {
margin-bottom: 20px;
}
.home-faq .elementor-accordion-item .elementor-tab-title {
background: #F7E849;
border: none;
font-size: 18px;
font-weight: 700;
border-radius: 10px;
cursor: pointer;
}
.home-faq .elementor-accordion-item .elementor-tab-content {
background: #fff;
border-radius: 10px;
margin-top: 10px;
}
.meet-volunteers .elementor-image-box-content {
padding: 0px 15px;
}
.value-section h3.elementor-icon-box-title {
margin-top: 0px;
}
.elementor a {
box-shadow: none;
color: #000;
text-decoration: none;
}
.footer-contant a {
color:#fff;
text-decoration:none;
}
.footer-contant a:hover {
color:#fff;
text-decoration:none;
}
.over-bg.blogsec p {
border-left: 0px;
}
@media(min-width: 1200px){
.width800 .e-con-inner {
width: 800px;
}
.width1170 .e-con-inner {
width: 1170px;
}
}
.single-itemblog {
padding-top: 65px;
}
.blog-contact{
background-image: url(https://lyonsdemoz.co.in/pgpurpose/wp-content/uploads/2024/04/foundation.jpg);
padding: 85px 0px;
}
.contact-heading{
max-width: 650px;
margin: 0px auto;
}
.contact-heading form.wpcf7-form input[type="text"], .contact-heading form.wpcf7-form input[type="email"] { padding: 15px 15px;
border: none;
width: 100%;
border-radius: 5px;
box-shadow: none;
outline: none; }
.contact-heading form.wpcf7-form textarea { padding: 15px 15px;
border: none;
width: 100%;
height: 130px;
border-radius: 5px;
box-shadow: none;
outline: none; }
.contact-heading h2{
text-align: center;
margin-bottom: 30px;
}
.contact-form2 .form.wpcf7-form.init p:last-child{
margin-bottom: 0px;
}
.press-section h4 {
font-size: 18px;
line-height: 24px;
color:#000;
padding-top: 20px;
}
.press-section h4:hover {
text-decoration:none;
color:#000;
} 
.press-section a {
text-decoration:none;
}
.press-section a:hover {
text-decoration:none;
}
.press-section .slick-slide {
margin: 0px 15px;
}
.press-section .slick-arrow { 
position: absolute;
top: 50%;
border-radius: 50px;
z-index: 1;
align-items: center;
background: #F7E849;
border: 0;
font-size: 18px;
outline: none;
cursor: pointer;
width: 30px;
height: 30px;
}
.press-section hr {
border-top: 1px solid rgba(0,0,0,.4);
}
.press-section .slick-prev {
left: -10%;
}
.press-section .slick-next {
right: -10%;
}
.elementor-swiper-button.elementor-swiper-button-prev, .elementor-swiper-button.elementor-swiper-button-next {
border-radius: 50px;
background: #F7E849;
border: 0;
justify-content: center;
outline: none;
align-items: center;
cursor: pointer;
width: 30px;
height: 30px;
}
.elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-swiper-button.elementor-swiper-button-next svg {
font-size:16px;
}
.elementor-swiper-button.elementor-swiper-button-prev {
left:-7px !important;
}
.elementor-swiper-button.elementor-swiper-button-next{
right:-7px !important;
}
.contact-heading {
max-width: 850px;
margin: 0px auto;
background: #fff;
padding: 50px;
border-radius: 20px;
border-top: 8px solid #F7E849;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.volunteermain {
padding: 15px;
}
.volunteermain .volunteerimg img {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
object-position: top;
}
.colunteercontent {
text-align: center;
}
h3.voltitle {
font-size: 18px;
font-family: "Manrope", sans-serif;
font-weight: bold;
margin-bottom: 15px;
}
.colunteercontent p {
font-family: "Manrope", sans-serif;
font-size: 16px;
}
.volunteerlink {
text-align: center;
}
.volunteerlink a {
background: #F7E849;
padding: 5px;
border-radius: 50%;
width: 35px !important;
display: block;
margin-left: auto;
margin-right: auto;
}
.stringfull {
display: none;
}
a.readmorelink, a.readlesslink {
font-weight: 500;
text-decoration: underline !important;
color: #000 !important;
}
.volunteerlink {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.volunteermain .volunteerimg img {
width: 150px;
height: 150px;
}
}