.hero_area.style_three {
position: relative;
}
.hero_area.style_three .hero_content {
position: relative;
z-index: 1;
}
.hero_area.style_three .hero_content h4 img {
display: inline-block;
width: inherit;
position: relative;
top: 4px;
margin-right: 5px;
}
.hero_area.style_three .hero_content h4 {
margin: 0 0 24px;
color: #79B900;
font-size: 22px;
font-weight: 500;
text-transform: capitalize;
margin-bottom: 12px;
border: 1px solid #ffffff29;
display: inline-block;
padding: 7px 18px;
border-radius: 5px;
}
.hero_area.style_three .hero_thumb {
position: absolute;
right: 0;
top: 0;
}
.hero_area.style_three .hero_content h1 {
color: #fff;
font-size: 60px;
line-height: 70px;
}
.hero_area.style_two .hero_content p {
opacity: 0.800;
font-size: 18px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
width: 49%;
margin: 24px 0 6px;
}
.hero_area.style_three .hero-social-icon ul li i {
color: #001819;
}
.hero_area.style_three .hero-social-icon ul li.text {
color: #001819;
}
.hero_area.style_three .hero-social-icon ul li.text:before {
background: #001819;
}
.hero_area.style_three .hero-social-icon ul li{
list-style: none;
}
.hero_area.style_three .shape_image {
display: none;
}
.hero_area.style_three .hero_content a.btn.btn-gradient {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 17px 40px;
border-radius: 6px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
-webkit-animation: 1s 1.9s fadeInUp both;
animation: 1s 1.9s fadeInUp both;
text-transform: uppercase;
}
.hero_area.style_three .hero_content a.btn.btn-gradient:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 5px;
z-index: -1;
transition: 0.5s;
}
.hero_area.style_three .hero_content a.btn.btn-gradient:hover:before {
width: 100%;
left: 0;
}
.hero_area.style_three .hero_content a.btn.btn-gradient.btn-two {
display: none;
}
.hero_area.style_three .hero_content a.btn.btn-gradient:hover {
background: transparent;
color: #79B900;
}
.hero_area.style_three .hero_content p {
opacity: 0.800;
font-size: 18px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
width: 49%;
margin: 20px 0 45px;
-webkit-animation: 1s 1.8s fadeInUp both;
animation: 1s 1.8s fadeInUp both;
} .section-title.style5 .subtitle {
text-transform: uppercase;
color: #79B900;
font-weight: 600;
font-size: 16px;
margin-bottom: 18px;
}
.section-title.style5 h3 {
font-size: 46px;
font-weight: 800;
line-height: 44px;
color: #001819;
font-family: 'Albert Sans', sans-serif;
font-style: normal;
margin-bottom: 0;
margin-top: 11px;
-webkit-transition: .5s;
transition: .5s;
}
.section-title.style5 .description {
font-size: 16px;
line-height: 26px;
color: #868681;
font-weight: 400;
font-family: 'Albert Sans', sans-serif;
transition: 0.5s;
margin: 20px 0 0;
}
.donate-title5 .section-title.style5 .description {
width: 80%;
margin: 20px 0 0;
color: #fff;
opacity: 0.8;
}
.section-title.style5 .subtitle img {
margin-right: 8px;
position: relative;
top: 6px;
} .dreamit-button.style6 .button {
display: inline-block;
background: #fff;
color: #79B900;
font-size: 16px;
font-weight: 500;
padding: 16px 40px;
border-radius: 5px;
border: 1px solid #79B900;
position: relative;
z-index: 1;
font-family: 'Albert Sans', sans-serif;
text-transform: uppercase;
}
.dreamit-button.style6 .button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 5px;
z-index: -1;
transition: 0.5s;
}
.dreamit-button.style6 .button i {
font-size: 12px;
text-align: center;
display: inline-block;
margin-left: 3px;
position: relative;
transition: .5s;
font-weight: 600;
transform: inherit;
bottom: 1px;
}
.dreamit-button.style6 .button:hover {
color: #79B900;
}
.dreamit-button.style6 .button:hover:before {
width: 100%;
left: 0;
}
.service_item.style_four.style5 .service_content {
background: inherit;
width: 100%;
border-left: 0;
border-bottom: 0;
margin-top: 0;
transition: 0.5s;
border-radius: 0;
position: absolute;
bottom: -166px;
left: 0;
z-index: 22;
text-align: center;
padding: 0 0 27px 0;
right: 0;
margin: auto;
}
.service_item.style_four.style5 p.description {
font-size: 22px;
color: #fff;
margin: 0 0 3px;
}
.service_item.style_four.style5 h2.title {
margin: 0;
line-height: 30px;
}
.service_item.style_four.style5 .title a {
font-size: 16px;
color: #fff;
margin: 0;
opacity: 0.8;
}
.service_item.style_four.style5:hover .service_content {
bottom: 0;
text-align: center;
width: 100%;
padding: 0 0 27px 0;
left: 0;
right: 0;
margin: auto;
} .testimonial.style5{
padding: 10px;
}
.testimonial.style5 .testimonial-item {
background-color: #ffffff;
position: relative;
margin: 40px 10px;
margin-bottom: 26px;
display: block;
}
.testimonial.style5 .testimonial-item .testi-content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
padding: 7px 0 0 40px;
}
.testimonial.style5 .testimonial-item .bio {
filter: drop-shadow(0px 10px 30px rgba(179,179,179,0.2));
background-color: #ffffff;
position: relative;
border-radius: 5px;
padding: 14px 30px 34px 70px;
z-index: 1;
}
.testimonial.style5 .testimonial-item .testi-content:before {
position: absolute;
content: "";
width: 64px;
height: 34px;
left: 1px;
top: 0;
background: #fff;
clip-path: polygon(0% 0%, -100% 100%, 100% -105%, 0% 100%);
z-index: -1;
}
.testimonial.style5 .owl-item:nth-child(odd) {
margin-top: 0;
}
.testimonial.style5 .single_img {
display: inline-block;
position: absolute;
right: 35px;
bottom: 23px;
}
.testimonial.style5 .testimonial-item .author {
margin-right: 0;
position: relative;
flex-shrink: 0;
}
.testimonial.style5 .testimonial-item .author img {
height: 50px;
width: 50px;
object-fit: cover;
margin-right: 20px;
display: inline-block;
top: 10px;
position: relative;
}
.testimonial.style5 .testimonial-item .bio .name {
font-weight: 600;
font-size: 24px;
margin: 8px 0 5px;
}
.testimonial.style5 .testimonial-item .bio .designation {
font-size: 16px;
font-weight: 400;
margin: 0;
color: #7b7b7b;
transition: all 400ms linear;
}
.testimonial.style5 .testimonial-item .quote {
transition: all 400ms linear;
padding: 21px 0 0;
margin-bottom: 12px;
font-size: 20px;
font-style: italic;
line-height: 30px;
color: #868681;
position: relative;
z-index: 1;
}
.testimonial.style5 .testimonial-item .quote:before {
position: absolute;
content: "";
width: 2px;
height: 90px;
left: -40px;
top: 29px;
background: #79B900;
z-index: -1;
}
.testimonial.style5 .testimonial-item .quote:after {
position: absolute;
content: "";
width: 2px;
height: 50px;
left: -30px;
top: 29px;
background: #79B900;
z-index: -1;
}
.testimonial.style1 .testimonial-item span.support {
color: #79B900;
font-size: 18px;
margin: 0;
font-weight: 500;
}
.testimonial.style5 .testimonial-item .reviews_rating {
display: inline-block;
position: relative;
}
.testimonial.style5 .testimonial-item .testi-star i {
font-size: 17px;
display: inline-block;
color: #FCBB00;
}
.testimonial.style5 .testimonial-item h5.designation {
font-size: 16px;
line-height: 26px;
color: #868681;
font-weight: 400;
font-family: 'Albert Sans', sans-serif;
transition: 0.5s;
}
.testimonial.style5 .testimonial-item h4.name {
font-size: 22px;
font-weight: 600;
margin: 3px 0 0 0;
}
.testimonial.style5 .testimonial-item:hover{
transform: translateY(-0px);
}
.active.center .testimonial-item {
margin-top: 10px;
} .dreamit-button.style-8 .button {
display: inline-block;
background: inherit;
color: #79B900;
font-size: 16px;
font-weight: 500;
padding: 16px 30px;
border-radius: 5px;
border: 1px solid #79B900;
position: relative;
z-index: 1;
text-transform: uppercase;
}
.dreamit-button.style-8 .button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 4px;
z-index: -1;
transition: 0.5s;
}
.dreamit-button.style-8 .button:hover:before {
width: 100%;
left: 0;
}
.dreamit-button.style-8 .button i {
font-size: 12px;
text-align: center;
display: inline-block;
margin-left: 3px;
position: relative;
transition: .5s;
font-weight: 600;
transform: inherit;
bottom: 1px;
}
.echofy-home-5 .video_title {
display: none;
}
.echofy-home-5 .single-video.style-one .video-icon a {
background: #79B900;
}
.echofy-home-5-video .video_title{
display: none;
}
.echofy-home-5-video .choose-video-icon:before {
display:none;
}
.echofy-home-5-video .single-video.style-one .video-icon a {
display: inline-block;
background: #79B900;
color: #fff;
width: 55px;
height: 55px;
text-align: center;
font-size: 17px;
border-radius: 50%;
line-height: 55px;
border: none;
position: relative;
} .em-blog-content-area_adn {
border: transparent;
padding: 27px 34px 41px;
filter: drop-shadow(0 0 12.5px rgba(219,221,225,0.32));
width: 90%;
background: #fff;
margin: auto;
position: relative;
top: -56px;
border-radius: 5px;
}
.blog_style_four .luxury-blog-meta-left a {
font-size: 16px;
display: inline-block;
color: #868681;
font-weight: 500;
margin-right: 29px;
text-transform: capitalize;
}
.blog_style_four ul.post-categories li {
list-style: none;
}
.luxury-blog-meta-top {
display: inline-block;
}
.luxury-blog-meta-left {
display: inline-block;
}
.blog_style_four ul.post-categories li a {
font-size: 16px;
display: inline-block;
color: #868681;
font-weight: 500;
margin-right: 29px;
text-transform: capitalize;
}
.blog_style_four .blog-page-title_adn h2 a {
font-size: 22px;
display: inline-block;
font-weight: 700;
color: #001819;
transition: 0.5s;
line-height: 30px;
}
.blog_style_four .blog-page-title_adn h2 a:hover {
color: #79B900;
}
.blog_style_four .luxury-blog-readmore a {
display: inline-block;
color: #001819;
font-size: 16px !important;
background: #E9EBEA;
padding: 10px 26px;
border-radius: 5px;
font-weight: 500;
margin-top: 26px;
transition: 0.5s;
}
.blog_style_four .luxury-blog-readmore a:hover {
background: #79B900;
color: #fff;
}
.blog_style_four .luxury-blog-readmore a i {
font-size: 13px;
display: inline-block;
transition: 0.5s;
position: relative;
top: 0;
left: 7px;
transform: rotate(-45deg);
}
.blog_style_four .luxury-blog-readmore a:hover i {
color: #fff;
transform: rotate(0deg);
} .icon-box.style10 {
background: #E6E7E9;
text-align: center;
padding: 41px 0 17px;
border-radius: 5px;
position: relative;
z-index: 1;
}
.icon-box.style10:before {
position: absolute;
content: "";
width: 100%;
height: 0;
left: 0;
top: 0;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/animal-1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transition: 0.5s;
border-radius: 5px;
z-index: -1;
}
.icon-box.style10:hover:before {
height: 100%;
}
.icon-box.style10 .img-icon {
background: #fff;
width: 80px;
height: 80px;
line-height: 110px;
text-align: center;
border-radius: 50%;
margin: auto;
}
.icon-box.style10 .title h2 {
font-size: 22px;
margin-top: 15px;
color: #001819;
font-family: 'Albert Sans', sans-serif;
font-style: normal;
margin-bottom: 0;
line-height: 1.2;
font-weight: 700;
-webkit-transition: .5s;
transition: .5s;
}
.icon-box.style10:hover .title h2 {
color: #fff;
}
.home-5.single-about-box {
margin-bottom: 0;
text-align: center;
display: inline-block;
border: 7px solid #79B900;
border-radius: 5px;
padding: 0 30px 20px;
background: #fff;
position: absolute;
right: 67px;
bottom: 19px;
}
.home-5 .about-content h4 {
font-size: 18px;
font-weight: 500;
margin: 0 0 7px;
position: relative;
z-index: 1;
padding: 98px 0 0 0;
}
.home-5 .about-content h4:before {
position: absolute;
content: "";
width: 48px;
height: 48px;
left: 0;
top: 26px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/about-icon.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
transition: 0.5s;
border-radius: 5px;
z-index: -1;
right: 0;
margin: auto;
}
.home-5 .about-content span {
display: inline-block;
color: #79B900;
font-weight: 500;
padding-bottom: 14px;
}
.home-5 a.about-button {
display: inherit;
color: #001819;
font-weight: 600;
font-size: 15px;
}
.home-5 a.about-button i {
display: inline-block;
color: #79B900;
position: relative;
left: 6px;
top: 1px;
}
.home5-donation-list {
position: relative;
display: inline-block;
padding: 20px 0 0 0;
}
.home5-donation-list ul li{
display: inline-block;
margin-right: 10px;
}
.home5-donation-list ul li a {
background: #fff;
color: #001819;
display: inline-block;
font-weight: 600;
padding: 7px 18px;
border-radius: 5px;
transition: 0.5s;
border: 2px solid #fff;
}
.home5-donation-list ul li a:hover{
background: transparent;
border: 2px solid #79B900;
color: #79B900;
} .home-five.event-area {
padding: 0;
}
.home-five .single-event {
background-color: #e9ebea;
padding: 13px 13px 39px;
border-radius: 10px;
overflow: hidden;
height: 265px;
transition: 0.5s;
margin-bottom: 19px;
}
.home-five .single-event:hover{
height: 432px;
}
.home-five .single-event-box {
display: flex;
gap: 30px;
background: #f5f5f5;
padding: 12px 14px;
border-radius: 10px;
align-items: center;
}
.home-five .event-content {
margin-top: 18px;
}
.home-five .event-date span {
display: inline-block;
color: #868681;
border: 1px solid #86868161;
border-radius: 30px;
padding: 4px 5px;
}
.home-five .event-date i {
display: inline-block;
background: #79B900;
color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50px;
font-size: 14px;
margin-right: 10px;
}
.home-five .event-titel h4 {
font-size: 28px;
font-weight: 600;
margin-top: 16px;
margin-bottom: 21px;
}
.home-five .event-titel p {
font-size: 17px;
font-weight: 600;
color: #001819;
}
.home-five .event-titel a {
font-size: 17px;
font-weight: 600;
color: #79B900;
}
.home-five .event-desc-box {
padding: 27px 51px 0 237px;
transition: 0.5s;
position: relative;
opacity: 0;
}
.home-five .single-event:hover .event-desc-box{
opacity: 1;
}
.home-five .event-desc-box span {
display: inline-block;
color: #001819;
font-weight: 700;
}
.home-five .event-desc-box strong {
color: #79B900;
} .home-five .nav-link {
display: block;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
background: #79B900!important;
padding: 24px 104px;
border-radius: 0 !important;
}
.home-five .nav-link.style-two {
background: #00181A !important;
}
.home-five span.tab-date {
display: inherit;
font-size: 15px;
font-weight: 400;
color: #fff;
opacity: 0.6;
} .wildlife-hero-title h6 {
position: relative;
transition: 0.5s;
display: inline-block;
}
.wildlife-hero-title h6:before {
position: absolute;
content: "";
width: 48px;
height: 1px;
left: -60px;
top: 11px;
background: #79B900;
transition: 0.5s;
z-index: 1;
}
.dreamit-button.style-9 .dreamit-button .button {
width: 187px;
height: 56px;
border-radius: 28px;
background: rgba(255,255,255,0.15);
display: inline-block;
font-size: 16px;
line-height: 56px;
color: #ffffff;
font-weight: 500;
font-family: "Albert Sans";
position: relative;
padding: 0;
text-align: center;
transition:0.4s;
}
.dreamit-button.style-9 .dreamit-button .button:hover {
background:#79B900;
}
.dreamit-button.style-9 .dreamit-button .button i {
font-size: 13px;
display: inline-block;
transition: .4s;
font-weight: 700;
position: absolute;
right: -55px;
transform: rotate(0deg);
background: rgba(255,255,255,0.15);
border-radius: 100%;
height: 56px;
width: 56px;
line-height: 56px;
}
.dreamit-button.style-9 .dreamit-button .button i:hover {
background:#79B900;
} .dreamit-button.style-10 .dreamit-button .button {
background: inherit;
display: inline-block;
font-size: 20px;
color: #ffffff;
font-weight: 400;
font-family: "Albert Sans";
position: relative;
padding: 25px 0 15px 0;
text-align: center;
transition: 0.4s;
}
.dreamit-button.style-10 .dreamit-button .button:hover {
background:inherit;
}
.dreamit-button.style-10 .dreamit-button .button i {
font-size: 17px;
display: inline-block;
transition: .4s;
font-weight: 700;
position: absolute;
transform: rotate(-45deg);
background: inherit;
border-radius: 100%;
right: -60px;
}
.dreamit-button.style-10 .dreamit-button .button:hover i {
background:inherit;
transform: rotate(0deg);
} .dreamit-button.style-11 .dreamit-button .button {
width: 187px;
height: 56px;
border-radius: 28px;
background: #79B900;
display: inline-block;
font-size: 16px;
line-height: 56px;
color: #ffffff;
font-weight: 500;
font-family: "Albert Sans";
position: relative;
padding: 0;
text-align: center;
transition:0.4s;
z-index:1;
}
.dreamit-button.style-11 .dreamit-button .button:hover {
background: #001819;
}
.dreamit-button.style-11 .dreamit-button .button i {
font-size: 13px;
display: inline-block;
transition: .4s;
font-weight: 700;
position: absolute;
right: -55px;
transform: rotate(0deg);
background: #001819;
border-radius: 100%;
height: 56px;
width: 56px;
line-height: 56px;
margin: 0;
}
.dreamit-button.style-11 .dreamit-button .button i:hover {
background:#79B900;
} .dreamit-button.style-12 .dreamit-button .button {
width: 187px;
height: 56px;
border-radius: 28px;
background: #79B900;
display: inline-block;
font-size: 16px;
line-height: 56px;
color: #ffffff;
font-weight: 500;
font-family: "Albert Sans";
position: relative;
padding: 0;
text-align: center;
transition:0.4s;
z-index:1;
}
.dreamit-button.style-12 .dreamit-button .button:hover {
background: #fff;
color:#79B900;
}
.dreamit-button.style-12 .dreamit-button .button i {
font-size: 13px;
display: inline-block;
transition: .4s;
font-weight: 700;
position: absolute;
right: -55px;
transform: rotate(0deg);
background: #fff;
border-radius: 100%;
height: 56px;
width: 56px;
line-height: 56px;
margin: 0;
color: #79B900;
}
.dreamit-button.style-12 .dreamit-button .button i:hover {
background:#79B900;
color:#fff;
} .single-video.style-four {
position: relative;
text-align: right;
padding: 0 78px 0 0;
}
.single-video.style-four .choose-video-icon {
position: relative;
z-index: 2;
display: inline-block;
line-height: 0;
padding: 45px 0 0 0;
top: 12px;
}
.single-video.style-four .choose-video-icon:before {
display:none;
}
.single-video.style-four .choose-video-icon:after {
display:none;
}
.single-video.style-four .video-icon a {
display: inline-block;
background: #fff;
color: #79B900;
width: 65px;
height: 65px;
text-align: center;
font-size: 23px;
border-radius: 50%;
line-height: 65px;
border: none;
position: relative;
}
.single-video.style-two .video-icon {
display: block;
}
.single-video.style-four h4.video_title {
display: inline-block;
color:#fff;
} .text-inner {
animation: circle 15s linear infinite;
fill: #79B900;
display: inline-block;
background: #79B900;
border-radius: 100%;
width: 170px;
height: 170px;
line-height: 170px;
text-align: center;
position: absolute;
top: -145px;
right: 25px;
z-index: 1;
}
.text-inner svg {
width: 110px;
max-width: 100%;
height: auto;
overflow: visible;
word-spacing: 12px;
transform: rotate(0) scaleX(1) scaleY(1);
position: relative;
}
.text-inner text {
fill: #ffffff;
direction: ltr;
transition: 0.3s stroke, 0.3s stroke-width, 0.3s fill;
font-size: 28px;
font-weight: 500;
position: relative;
z-index: 2;
color: #fff;
}
@keyframes circle {
0% {
transform: rotate(0);
}
100% {
transform: rotate(-360deg);
}
}
.circle {
animation: circle 15s linear infinite;
}
.right {
animation: right 15s linear infinite;
}
.spin2 {
animation: spin2 15s linear infinite;
}
@keyframes right {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
} .icon-box.style11 {
display: flex;
padding: 0;
border-radius: 0;
margin-right: 0;
gap: 42px;
position: relative;
z-index: 1;
transition: 0.4s;
}
.box_two .icon-box.style11{
border-bottom: 1px solid #61616133;
padding-bottom: 31px;
margin-bottom: 3px;
}
.icon-box.style11 .icon-box-icon {
margin-right: 0;
flex-shrink: 0;
position: relative;
top: 0;
}
.icon-box.style11 .icon-box-content h2 {
font-size: 24px;
color: #001819;
font-weight: 600;
font-family: "Albert Sans";
margin: 0;
padding: 0 0 12px 0;
}
.icon-box.style11 .icon-box-content .description p {
margin: 0;
width: 85%;
font-size: 16px;
line-height: 26px;
color: #868681;
font-weight: 400;
font-family: "Albert Sans";
}
.icon-box.style11 .img-icon {
background: #fff;
width: 90px;
height: 90px;
line-height: 120px;
text-align: center;
border-radius: 50%;
margin: auto;
position:relative;
transition:0.4s;
}
.icon-box.style11:hover .img-icon {
background: #79B900;
}
.icon-box.style11 .img-icon img {
filter: brightness(1)invert(0);
transition:0.4s;
}
.icon-box.style11:hover .img-icon img {
filter: brightness(0)invert(1);
}
.icon-box.style11 .img-icon:before {
position: absolute;
content: "";
width: 115px;
height: 115px;
left: -12px;
right: 0;
top: -13px;
border: 1px dashed #b0cd79;
border-radius: 50%;
margin: auto;
animation: rotateme 20s linear infinite;
z-index: -1;
}
.icon-box.style11:hover .img-icon:before {
border: 1px dashed #79B900;
} .section-title.style7 .section-title.t_left h5 {
font-size: 16px;
line-height: 26px;
text-transform: uppercase;
color: #001819;
font-weight: 500;
font-family: "Albert Sans";
margin: 0;
position: relative;
z-index: 1;
padding: 0 0 0 90px;
}
.section-title.style7 .section-title.t_left h5:before {
position: absolute;
content: "";
width: 80px;
height: 1px;
left: 0;
top: 11px;
background: #79B900;
transition: 0.4s;
z-index: -1;
}
.section-title.style7 .section-title.t_left h3 {
font-size: 46px;
line-height: 46px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
}
.section-title.style8 .section-title.t_left h3 {
font-size: 46px;
line-height: 46px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
margin: 0;
padding: 0 0 10px 0;
}
.section-title.style7 .section-title.t_left h1 {
position: absolute;
top: -52px;
}
.section-title.style7 .section-title.t_left .subtitle-bg-title {
opacity: 0.102;
font-size: 130px;
line-height: 130px;
color: #001819;
font-weight: 800;
font-family: "Albert Sans";
}
.wildlife--skill-img-shape {
animation: img_shape 2s linear infinite;
}
@keyframes img_shape {
0% {
transform: rotate(0);
}
50% {
transform: rotate(-20deg);
}
100% {
transform: rotate(-0deg);
}
}
.portfolio-filter .case-item:nth-child(1) {
grid-column: 1/3;
}
.portfolio-filter .case-item:nth-child(2) {
grid-column:3/7;
}
.portfolio-filter .case-item:nth-child(3) {
grid-column: 1/4;
grid-row: 2/3;
}
.portfolio-filter .case-item:nth-child(4){
grid-column:4/7;
grid-row:2/3;
} .service_box.style3 {
position: relative;
background: #fff;
transition: 0.4s;
}
.service_box.style3 .service_number {
width: 150px;
height: 117px;
background: #e7eeda;
display: inline-block;
float: left;
line-height: 120px;
text-align: center;
position: relative;
z-index: 2;
overflow: hidden;
}
.service_box.style3 .service_number::before{
position:absolute;
content:"";
height:100%;
width:0;
left:0;
top:0;
background: #e7eeda;
transition:0.4s;
}
.service_box.style3:hover .service_number::before{
width:100%;
background: #79B900;
}
.service_box.style3 .service_number .service_box-number {
font-size: 22px;
line-height: 56px;
color: #001819;
font-weight: 600;
font-family: "Albert Sans";
transition: 0.4s;
position:relative;
}
.service_box.style3:hover .service_number .service_box-number {
color: #fff;
}
.service_box.style3 .content {
position: relative;
padding: 25px 0 10px 0;
}
.service_box.style3 .service_box-title a h3 {
margin: 0;
font-size: 22px;
line-height: 38px;
color: #001819;
font-weight: 600;
font-family: "Albert Sans";
left: 35px;
position: relative;
padding: 0;
transition:0.4s;
}
.service_box.style3 .service_box-title a h3:hover {
color: #79B900;
}
.service_box.style3:hover .service_box-title a h3 {
left: 85px;
}
.service_box.style3 .service_box-title a h3::before {
position: absolute;
content: "";
height: 2px;
width: 0;
left: 11%;
top: 17px;
background: #79B900;
transition: 0.4s;
}
.service_box.style3:hover .service_box-title a h3::before{
width:40px;
}
.service_box.style3 p.description {
transition: .4s;
font-size: 14px;
line-height: 26px;
color: #868681;
font-weight: 400;
font-family: "Albert Sans";
left: 35px;
position: relative;
}
.service_box.style3:hover p.description {
left: 85px;
}
.service_box.style3 .service-btn {
position: absolute;
right: 35px;
top: 42px;
}
.service_box.style3 .service-btn a {
transform: rotate(-45deg);
font-size: 19px;
display:inline-block;
transition:0.4s;
}
.service_box.style3:hover .service-btn a {
transform: rotate(0deg);
}
.wildlife-award-img-animation{
animation: award_shape 12s linear infinite;
}
@keyframes award_shape {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
} .team.style6 {
position: relative;
overflow: hidden;
z-index: 1;
transition: 0.4s;
margin: 0 15px 0 15px;
}
.team.style6:before {
position: absolute;
content: "";
width: 70px;
height: 70px;
right: -72px;
top: -90px;
background-image: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/wildlife-team-shape.png);
z-index: 2;
transition:0.4s;
}
.team.style6:hover:before {
right: 24px;
top: 21px;
}
.team.style6 .content {
background: #0D2425;
padding: 15px 0 20px 30px;
position: relative;
transition: .5s;
}
.team.style6 .image {
position: relative;
z-index: 1;
line-height: 0;
}
.team.style6 .image img {
transition: .5s;
width:100%;
}
.team.style6 .bio .name {
margin: 21px 0 0;
font-size: 24px;
color: #ffffff;
font-weight: 600;
font-family: "Albert Sans";
}
.team.style6 .bio .designation {
margin: 0;
font-size: 14px;
line-height: 48px;
text-transform: uppercase;
color: #6E7C7C;
font-weight: 400;
font-family: "Albert Sans";
position: relative;
padding:0;
transition:0.4s;
}
.team.style6:hover .bio .designation {
padding: 0 0 0 40px;
}
.team.style6 .bio .designation::before {
position: absolute;
content: "";
height: 1px;
width:0;
left: 0;
top: 21px;
background: #79B900;
transition: 0.4s;
}
.team.style6:hover .bio .designation::before {
width: 30px;
}
.team.style6 .content .social-icon {
margin: 20px 0 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
transition: 0.5s;
}
.team.style6 .content .social-icon li {
margin-bottom: 10px;
list-style: none;
}
.team.style6 .content .social-icon li a{
display: inline-block;
}
.team.style6 .content .social-icon li a i {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
border-radius: 50%;
color: #fff;
position: relative;
z-index: 1;
transition: 0.5s;
text-align: center;
background: #79B900;
}
.team.style6 .content .social-icon li a i:after{
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background:#79B900;
border-radius: 50%;
z-index: -1;
transform:scale(0);
transition: 0.5s;
}
.team.style6 .content .social-icon li a i:hover:after{
transform: scale(1);
}
.team.style6 .team-social-icon ul li i:hover{
color: #fff;
}
.team.style6 .content .social-icon li a i:hover {
background-color: #79B900;
color: #fff;
}
.team.style6 .team-inner-wrap {
position: relative;
overflow: hidden;
text-align: left;
margin-bottom: 30px;
background: transparent;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
border-radius: 4px;
}
.team.style6 .team-btn {
position: absolute;
background: #79B900;
height: 50px;
width: 50px;
line-height: 50px;
color: #fff;
top: 39px;
transform: translateX(-50%);
cursor: pointer;
border-radius: 50%;
text-align: center;
right: 4px;
transition: .4s;
z-index: 2;
}
.team.style6 .social-icons1 {
position: absolute;
right: -50px;
width: 50px;
background: transparent;
display: inline-block;
padding: 5px 35px;
border-radius: 30px 0 0 30px;
opacity: 1;
visibility: hidden;
transition: all 0.4s ease 0s;
top: -71%;
transform: translateY(-50%);
}
.team.style6 .social-icons1.active {
right: 28px;
width: 80px;
opacity: 1;
visibility: visible;
transition: .5s;
z-index: 9999;
} .single-counter.style5 {
position: relative;
z-index: 1;
overflow: hidden;
text-align: center;
padding: 0 35px 0 35px;
}
.single-counter.style5 .icon {
margin-bottom: 25px;
}
.single-counter.style1 .icon i {
font-size: 50px;
color: #79B900;
}
.single-counter.style5 span {
margin-bottom: 28px;
display: inline-block;
font-size: 80px;
line-height: 48px;
color: #79ba00;
font-weight: 700;
font-family: "Albert Sans";
text-align: center;
}
.single-counter.style5 h6 {
color: #9D9EA6;
font-size: 16px;
font-weight: 500;
border-top: 1px solid #e2e2e5;
margin: 0;
padding: 20px 0 0 0;
} .blog_style_six .single_blog_adn .echofy-blog-meta-left {
display: inline-block;
}
.blog_style_six .single_blog_adn .echofy-blog-meta-left a {
transition: .4s;
text-decoration: none;
text-transform: capitalize;
background: inherit;
display: inline-block;
margin-right: 0;
border-radius: 0;
font-size: 16px;
line-height: 26px;
color: #001819;
font-weight: 500;
font-family: "Albert Sans";
padding: 0 0 0 30px;
}
.blog_style_six .single_blog_adn .echofy-blog-meta-left a:hover {
color: #79B900;
}
.blog_style_six .single_blog_adn .echofy-blog-meta-left a span {
padding: 0;
position: relative;
z-index: 1;
background: #79B900;
color: #fff;
border-radius: 50%;
height: 36px;
width: 36px;
line-height: 36px;
text-align: center;
}
.blog_style_six .single_blog_adn .echofy-blog-meta-left a span i {
color: #fff;
margin-right: 0;
font-size: 17px;
font-weight: 500;
}
.blog_style_six .single_blog_adn .echofy-blog-meta-left a span:before {
display:none;
}
.blog_style_six .single_blog_adn li {
list-style: none;
display: inline-block;
text-transform: uppercase;
color: #79B900;
font-size: 14px;
margin-bottom: 4px;
letter-spacing: 1px;
}
.blog_style_six .single_blog_adn li a{
color: #79B900;
position: inherit;
}
.blog_style_six .single_blog_adn li a:before{
display: none;
}
.blog_style_six .single_blog_adn .blog-page-title_adn h2 {
margin: 10px 0 25px;
line-height: 1;
border-bottom: 1px solid #E5E7E8;
padding: 0 30px 22px 30px;
}
.blog_style_six .single_blog_adn .blog-page-title_adn h2 a {
display: inline-block;
font-size: 24px;
line-height: 32px;
color: #001819;
font-weight: 600;
font-family: "Albert Sans";
}
.blog_style_six .single_blog_adn .blog-page-title_adn h2 a:hover {
color: #79B900;
transition: 0.5s;
}
.blog_style_six .em-blog-content-area_adn span {
font-size: 16px;
line-height: 26px;
color: #868681;
font-weight: 400;
font-family: "Albert Sans";
padding: 0 0 0 47px;
position: relative;
z-index: 1;
}
.blog_style_six .em-blog-content-area_adn span:before {
position: absolute;
content: "";
width: 8px;
height: 8px;
left: 30px;
top: 6px;
background: #79B900;
border-radius: 50%;
z-index: 1;
transition: 0.5s;
}
.blog_style_six .single_blog_adn ul.post-categories {
margin: 22px 0 0 30px;
}
.blog_style_six .single_blog_adn .em-blog-content-area_adn {
border: none;
padding: 25px 0 25px 0;
filter: none;
width: 100%;
background: #fff;
margin: auto;
border-radius: 5px;
position: relative;
top: 0;
}
.blog_style_six .single_blog_adn .echofy-blog-readmore {
text-align: center;
position: relative;
}
.blog_style_six .single_blog_adn .echofy-blog-readmore a {
position: absolute;
display: inline-block;
bottom: 0;
right: 40px;
}
.blog_style_six .single_blog_adn .echofy-blog-readmore a i {
display: inline-block;
font-size: 19px;
position: relative;
left: 4px;
top: 3px;
font-weight: 400;
transform: rotate(0deg);
margin:0;
}
.blog_style_six .single_blog_adn .echofy-blog-readmore a i:hover {
color: #79B900;
}
.blog_style_six .single_blog_adn .echofy-blog-thumb_adn a {
position: relative;
transition: 0.5s;
}
.blog_style_six .echofy-blog-meta-top {
display: inline-block;
display: none;
} .default-service {
overflow: hidden;
display: flex !important;
flex-direction: column;
}
.service_list.style-2 {
position: relative;
z-index: 1;
transition: 0.5s;
display: flex;
align-items: stretch;
height: 100%;
width: 100%;
max-width: 100%;
margin: 0 auto;
padding: 40px 0 5px 0;
}
.service_list.style-2.two {
padding: 0 0 5px 0;
}
.service_list.style-2.three {
padding: 0 0 5px 0;
}
.service_list.style-2.four {
padding: 0 0 105px 0;
}
.service_list.style-2 .image {
width: 35%;
box-sizing: border-box;
position: relative;
display: flex;
z-index:1;
}
.service_list.style-2 .image .image img {
display: flex;
position: relative;
}
.service_list.style-2 .service-text-content {
width: 65%;
position: relative;
left: 17%;
display: inline-block;
z-index: 1;
}
.service_list.style-2 .service-list-number {
position: relative;
display: inline-block;
top: -20px;
}
.service_list.style-2 .service-text-content:before {
position: absolute;
content: "";
width: 431px;
height: 519px;
left: -74%;
top: 0;
background-image: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/wildlife-jiraf.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
z-index: 1;
transition: 0.5s;
opacity:0;
}
.service_list.style-2.active .service-text-content:before ,
.service_list.style-2:hover .service-text-content:before {
opacity:1;
transform:rotate(10deg);
}
.service_list.style-2.two .service-text-content:before {
background-image: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/wildlife-bird.jpg);
top: -120px;
}
.service_list.style-2.three .service-text-content:before {
background-image: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/wildlife-deer.jpg);
top: -243px;
}
.service_list.style-2.four .service-text-content:before {
background-image: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/wildlife-zebra.jpg);
top: inherit;
bottom: -37px;
}
.service_list.style-2 .service-list-number:before {
position: absolute;
content: "";
width: 140px;
height: 2px;
background: #1A2F30;
top: 40px;
right: -163px;
transition: 0.4s;
}
.service_list.style-2.active .service-text-content .service-list-number:before,
.service_list.style-2:hover .service-text-content .service-list-number:before {
width: 110px;
height: 2px;
background: #79ba00;
right: -215px;
}
.service_list.style-2 .service-list-number h4 {
font-size: 26px;
color: #ffffff;
font-weight: 600;
font-family: "Albert Sans";
margin: 0;
text-align: center;
border-radius: 50%;
transition: 0.5s;
position: relative;
z-index: 1;
height: 80px;
width: 80px;
line-height: 80px;
}
.service_list.style-2 .service-list-number h4:before {
position: absolute;
content: "";
height: 80px;
width: 80px;
line-height: 80px;
background: #1A2F30;
top: 0;
left: 0;
z-index: -1;
border-radius: 50%;
transition: 0.4s;
}
.service_list.style-2.active .service-text-content .service-list-number h4:before,
.service_list.style-2:hover .service-text-content .service-list-number h4:before {
width: 150px;
background-color: #79ba00;
border-radius: 40px;
}
.service_list.style-2 .service-list-title {
position: relative;
right: -22%;
display: inline-block;
transition:0.4s;
}
.service_list.style-2.active .service-list-title,
.service_list.style-2:hover .service-list-title {
right: -28%;
}
.service_list.style-2 .service-list-title h2{
font-size: 30px;
line-height: 56px;
color: #ffffff;
font-weight: 600;
font-family: "Albert Sans";
}
.service_list.style-2 .service-list-title h3 {
opacity: 0.400;
font-size: 17px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
font-family: "Albert Sans";
margin: 0;
}
.marquee-block h3 img {
padding: 0 20px 0 20px;
margin: 0 0 0 13px;
-webkit-animation: rotatemetwo 8s linear infinite;
animation: rotatemetwo 8s linear infinite;
}
@keyframes rotatemetwo {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
.wildlife-testi .testimonial.style1 .testimonial-item {
margin: 0 10px 24px;
}.icon-box.style9 {
display: flex;
align-items: center;
background: #F7F7F7;
display: flex;
align-items: center;
padding: 26px 29px 15px;
gap: 18px;
border-radius: 5px;
position: relative;
z-index: 1;
overflow: hidden;
transition: 0.5s;
}
.icon-box.style9:before{
position: absolute;
content: '';
right: 0;
bottom: 0;
height: 0%;
width: 0%;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/03/feature-shape.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
z-index: -1;
transition: 0.5s;
}
.icon-box.style9 .icon-box-content .title h2 {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.icon-box.style9 .icon-box-icon {
flex-shrink: 0;
}
.icon-box.style9:hover {
transform: skew(-10deg);
transition: 0.5s;
}
.icon-box.style9:hover:before{
height: 100%;
width: 100%;
transition: 0.5s;
}
.section-title.style4 .subtitle {
position: relative;
display: inline-block;
color: #79B900;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
left: 30px;
}
.section-title.style4 .subtitle:before {
position: absolute;
content: "";
top: 4px;
left: -28px;
height: 15px;
width: 15px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/section-title-shape.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-title.style4 .t_center .subtitle:after {
position: absolute;
content: "";
top: 4px;
right: -28px;
height: 15px;
width: 15px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/section-title-shape.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.section-title.style4 h3 {
font-size: 50px;
font-weight: 700;
line-height: 45px;
}
.section-title.style4 .description {
font-size: 16px;
font-weight: 400;
margin: 28px 0 0;
}
.dreamit-button.style5{
display: inline-block;
}
.dreamit-button.style5 .button{
display: inline-block;
background: #79B900;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.dreamit-button.style5 .button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 29px;
z-index: -1;
transition: 0.5s;
}
.dreamit-button.style5 .button i {
display: inline-block;
font-size: 19px;
position: relative;
left: 4px;
top: 3px;
font-weight: 400;
transform: rotate(0deg);
}
.dreamit-button.style5 .button:hover {
color: #79B900;
}
.dreamit-button.style5 .button:hover:before {
width: 100%;
left: 0;
}
.service-box.style6:hover {
transform: translateY(0px);
}
.service-box.style6 .service-btn a i {
transform: rotate(0deg);
transition: 0.5s;
}
.service-box.style6 .service-btn a:hover i {
transform: rotate(-45deg);
transition: 0.5s;
}
.service-box.style6 {
position: relative;
padding: 20px 28px 40px;
background: #fff;
text-align: center;
border-radius: 3px;
overflow: inherit;
transition: 0.5s;
margin-bottom: 30px;
}
.service-box.style6:hover .thumb img {
transform: scale(1.2) skew(-10deg);
transition: 0.5s;
}
.service-box.style6 .thumb img {
width: 100%;
padding: 0;
margin-top: 0;
position: relative;
z-index: 1;
transition: 0.5s;
}
.service-box.style6 .thumb .icon img {
width: 30%;
padding: 0;
margin-top: 0;
position: absolute;
z-index: 1;
transition: 0.5s;
right: 0;
bottom: 8px;
}
.service-box.style6 .thumb {
position: relative;
overflow: hidden;
}
.service-box.style6 .content h3.title {
font-size: 22px;
margin: 29px 0 11px;
}
.service-box.style6 .content .service-btn {
position: absolute;
left: 0;
right: 0;
bottom: -24px;
}
.service-box.style6 .content .service-btn a {
display: inline-block;
background: #79B900;
color: #fff;
font-weight: 600;
padding: 10px 30px 11px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
transition: 0.5s;
}             .service-box.style6 .content .service-btn a:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 29px;
z-index: -1;
transition: 0.5s;
}
.service-box.style6 .content .service-btn a i {
display: inline-block;
font-size: 19px;
position: relative;
left: 4px;
top: 3px;
font-weight: 400;
transform: rotate(0deg);
}
.service-box.style6 .content .service-btn a:hover {
color: #79B900;
}
.service-box.style6 .content .service-btn a:hover:before {
width: 100%;
left: 0;
}
.home-3 .icon-box.style5 {
background: transparent;
border-radius: 5px;
padding: 0px;
display: flex;
align-items: center;
}
.home-3 .icon-box.style5 .title h2 {
margin: 0 0 13px;
font-size: 20px;
font-weight: 600;
color: #fff;
}
.pricing.style2 {
background: #fff;
padding: 42px 40px 53px;
border-radius: 5px;
position: relative;
z-index: 1;
}
.pricing.style2:before {
position: absolute;
right: -130px;
bottom: -130px;
z-index: -1;
content: '';
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/pricing-shape-2.png);
background-repeat: no-repeat;
background-position: center; height: 100%;
width: 100%;
}
.pricing.style2 .pricing_img {
display: flex;
align-items: center;
justify-content: space-between;
}
.pricing.style2 .pricing_img h3 {
font-size: 18px;
color: #79B900;
font-weight: 500;
background: #F7F7F7;
display: inline-block;
padding: 10px 32px;
border-radius: 0 30px 30px 0;
position: relative;
left: -42px;
}
.price-item .currency {
font-size: 50px;
display: inline-block;
margin-top: 15px;
font-family: 'Albert Sans', sans-serif;
font-weight: 700;
color: #001819;
}
.price-item .tk {
font-size: 50px;
display: inline-block;
margin-top: 15px;
font-family: 'Albert Sans', sans-serif;
font-weight: 700;
color: #001819;
}
.pricing.style2 .pricing-body p.pricing_title {
margin: 25px 0px 30px;
}
.pricing.style2 .pricing-body .features li {
list-style: none;
display: flex;
margin-bottom: 16px;
}
.pricing.style2 .pricing-body .features i{
color: #79B900;
margin-right: 10px;
}
.pricing.style2 .pricing-body .pricing-button {
text-align: center;
}
.pricing.style2 .pricing-body a{
display: inline-block;
background: #79B900;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
margin-top: 21px;
text-align: center;
}
.pricing.style2 .pricing-body a:before{
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 30px;
z-index: -1;
transition: 0.5s;
}
.pricing.style2 .pricing-body a:hover {
color: #79B900;
}
.pricing.style2 .pricing-body a:hover:before {
width: 100%;
left: 0;
}
.team.five .image {
overflow: hidden;
position: relative;
line-height: 0;
}
.team.five .image:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
bottom: -201px;
background-image: linear-gradient(0deg, rgba(73,175,69,0.9999999999999999) 0%, rgba(255,255,255,0) 64%);
transition: 0.5s;
}
.team.five .image img {
width: 100%;
}
.team.five:hover .image:before {
bottom: 0;
}
.team.five .content {
background: #F7F7F7;
padding: 25px 0 26px;
top: 0px;
position: inherit;
text-align: center;
}
.team.five .social-icon {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: auto;
margin-top: 0;
transition: 0.5s;
opacity: 0;
text-align: center;
}
.team.five:hover .social-icon {
bottom: 30px;
opacity: 1;
}
.team.five .social-icon li {
list-style: none;
display: inline-block;
}
.team.five .social-icon li a i{
border: 1px solid #fff;
display: inline-block;
width: 37px;
height: 37px;
line-height: 37px;
border-radius: 50%;
color: #ffff;
position: relative;
z-index: 1;
transition: 0.5s;
}
.team.five .social-icon li a i:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #fff;
border-radius: 50%;
z-index: -1;
transform: scale(0);
transition: 0.5s;
}
.team.five .social-icon li a i:hover:after {
transform: scale(1);
}
.team.five .social-icon li a i:hover {
color: #79B900;
}
.team.five .content .bio h2 {
font-size: 24px;
font-weight: 700;
margin: 0 0 4px;
}
.team.five .content .bio h5 {
margin: 0;
color: #79B900;
font-size: 16px;
font-weight: 500;
}
.service_item.style_two .skills {
text-align: left;
}
.service_item.style_two .skills .skill-item .skill-header .skill-title {
font-size: 20px;
font-weight: 700;
color: #fff;
margin: 0;
text-transform: capitalize;
padding-bottom: 17px;
}
.service_item.style_two .skills .skill-item .count-box.counted {
color: #fff;
font-size: 20px;
}
.service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #fff;
height: 6px;
border-radius: 1px;
}
.service_item.style_two .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: transparent;
width: 100%;
height: 17px;
border-radius: 1px;
border: 1px solid #ffffff7d;
}
.two .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 4px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #EFAD4D;
height: 8px;
border-radius: 1px;
}
.testimonial.style4 .testimonial-item {
filter: inherit;
padding: 37px 28px 49px;
position: relative;
margin: 30px 15px;
background-color: #f7f7f7;
transition: 0.5s;
}
.testimonial.style4 .testimonial-item:before {
position: absolute;
right: -139px;
bottom: -45px; content: '';
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/testi-quote.png);
background-repeat: no-repeat;
background-position: center; height: 100%;
width: 100%;
}
.testimonial.style4 .testimonial-item .testi-content .single_img {
margin-right: 20px;
}
.three .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 4px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #79B900;
height: 8px;
border-radius: 1px;
}
.testimonial.style4 .testimonial-item .testi-content .single_img img {
width: 100%;
}
.testimonial.style4 .testimonial-item .testi-content {
display: flex;
align-items: center;
margin: 20px 0px 5px;
}
.testimonial.style4 .testimonial-item .testi-content .testi-name h4 {
font-size: 20px;
font-weight: 700;
margin: 0 0 2px;
}
.testimonial.style4 .testimonial-item .testi-content .testi-name h5 {
font-size: 16px;
margin: 0;
margin-left: 19px;
position: relative;
color: #95958f;
font-weight: 400;
}
.testimonial.style4 .testimonial-item .testi-content .testi-name h5:before {
position: absolute;
content: "";
width: 8px;
height: 8px;
left: -16px;
top: 9px;
background: #79B900;
border-radius: 50%;
}
.testimonial.style4 .testimonial-item:hover .reviews_rating {
background: #49AE44;
}
.testimonial.style4 .testimonial-item .reviews_rating {
margin-top: 0;
background: transparent;
display: inline-block;
padding: 9px 31px;
border-radius: 54px 0 0 0;
position: absolute;
bottom: 0;
right: 0;
transition: 0.5s;
}
.testimonial.style4 .testimonial-item .reviews_rating .testi-star i {
display: inline-block;
color: #FBC155;
margin: 0 3px;
transition: 0.5s;
}
.testimonial.style4 .testimonial-item:hover .reviews_rating .testi-star i {
display: inline-block;
color: #fff;
margin: 0 3px;
transition: 0.5s;
}
.blog_style_three .single_blog_adn {
position: relative;
transition: 0.5s;
background: #fff;
margin-bottom: 30px;
}
.blog_style_three .single_blog_adn .luxury-blog-meta-left {
list-style: none;
display: inline-block;
background: #79B900;
color: #fff;
padding: 7px 25px;
letter-spacing: 2px;
border-radius: 0 0 30px 0;
opacity: 0; 
transition: 0.5s;
position: absolute;
top: 0;
left: 0;
}
.blog_style_three .single_blog_adn:hover .luxury-blog-meta-left  {
opacity: 1; 
transition: 0.5s;
}
.blog_style_three .single_blog_adn .luxury-blog-meta-left a {
color: #fff;
}
.blog_style_three .single_blog_adn li {
list-style: none;
display: inline-block;
text-transform: uppercase;
color: #79B900;
font-size: 14px;
margin-bottom: 4px;
letter-spacing: 1px;
}
.blog_style_three .single_blog_adn li a{
color: #79B900;
position: inherit;
}
.blog_style_three .single_blog_adn li a:before{
display: none;
}
.blog_style_three .single_blog_adn .blog-page-title_adn h2 {
margin: 0px 0px 15px;
line-height: 1;
}
.blog_style_three .single_blog_adn .blog-page-title_adn h2 a {
font-size: 24px;
font-weight: 700;
display: inline-block;
color: #001819;
transition: 0.5s;
}
.blog_style_three .single_blog_adn .blog-page-title_adn h2 a:hover {
color: #79B900;
transition: 0.5s;
}
.blog_style_three .single_blog_adn ul.post-categories {
margin: 22px 0px 0px 30px;
}
.blog_style_three .single_blog_adn .em-blog-content-area_adn {
border: transparent;
padding: 27px 34px 41px;
padding: 0px 0px 32px 30px;
filter: none;
width: 100%;
background: #fff;
margin: auto;
position: inherit; border-radius: 5px;
}
.blog_style_three .single_blog_adn .luxury-blog-readmore {
position: absolute;
left: 0;
right: 0;
bottom: -24px;
text-align: center;
}         .blog_style_three .single_blog_adn .luxury-blog-readmore a{
display: inline-block;
background: #79B900;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 10px 30px 11px;
border-radius: 30px;
transition: 0.5s;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.blog_style_three .single_blog_adn .luxury-blog-readmore a:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 29px;
z-index: -1;
transition: 0.5s;
}
.blog_style_three .single_blog_adn .luxury-blog-readmore a i {
display: inline-block;
font-size: 19px;
position: relative;
left: 4px;
top: 3px;
font-weight: 400;
transform: rotate(0deg);
}
.blog_style_three .single_blog_adn .luxury-blog-readmore a:hover {
color: #79B900;
}
.blog_style_three .single_blog_adn .luxury-blog-readmore a:hover:before {
width: 100%;
left: 0;
}
.blog_style_three .single_blog_adn .luxury-blog-readmore a i {
margin-left: 10px;
transform: rotate(0deg);
transition: 0.5s;
}
.blog_style_three .single_blog_adn .luxury-blog-readmore a:hover i {
transform: rotate(-45deg);
transition: 0.5s;
}
.blog_style_three .single_blog_adn:hover .luxury-blog-thumb_adn a:before {
opacity: 1;
}
.blog_style_three .single_blog_adn .luxury-blog-thumb_adn a {
position: relative;
transition: 0.5s;
}
.blog_style_three .single_blog_adn .luxury-blog-thumb_adn a:before {
position: absolute;
content: "";
width: 100%;
height: 56%;
left: 0;
bottom: 0;
background-image: linear-gradient(0deg, rgba(73,175,69,0.9999999999999999) 0%, rgba(255,255,255,0) 100%);
opacity: 0;
transition: 0.5s;
}
.canbtn .dreamit-button.style5 .button {
display: inline-block;
background: #001819;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.canbtn .dreamit-button.style5:hover .button {
display: inline-block;
background: #001819;
color: #79B900;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.form-area.contact-two.home-3 .button {
background: #49AE44;
border: 0;
display: inline-block;
text-align: center;
padding: 16px 46px;
border-radius: 7px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
margin-top: 25px;
}
.dreamit-button.style-7 .button {
display: inline-block;
background: #001819;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.dreamit-button.style-7:hover .button {
display: inline-block;
background: #001819;
color: #79B900;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 30px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.dreamit-button.style-7 .button:hover:before {
width: 100%;
left: 0;
}
.dreamit-button.style-7 .button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 29px;
z-index: -1;
transition: 0.5s;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap h4:before {
display:none;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap {
text-align: center;
padding-right: 0px; 
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap h1 {
font-size: 76px;
color: #101210;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-weight: 800;
color: #fff;
}
.dreamit-slick-slider .single-slick.three .slick_content {
padding-left: 0px;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn {
border-radius: 46px;
display: inline-block;
background: #79B900;
color: #fff;
font-size: 17px;
font-weight: 500;
padding: 14px 40px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
margin-top: 40px;
animation: 1s 1.8s fadeInUp both;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
z-index: -1;
transition: 0.5s;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn:hover {
color: #79B900;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn:hover:before {
width: 100%;
left: 0;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn:before {
border-radius: 30px;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn i {
font-size: 17px;
position: relative;
top: 0px;
left: 2px;
transform: rotate(0deg);
transition: .5s;
display: inline-block;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap .btn:hover i {
color: #79B900;
}
.dreamit-slick-slider .single-slick.three .hero-text-wrap p {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 18px;
width: 66%;
margin: 0px auto 0;
color: #101210;
font-weight: 500;
} .section-title.style6 .subtitle {
position: relative;
display: inline-block;
color: #79B900;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
left: 13px;
}
.section-title.style6 .subtitle:before {
position: absolute;
content: "";
top: -1px;
left: -17px;
height: 23px;
width: 15px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/title-shape-1.png);
background-position: center;
background-repeat: no-repeat; }
.section-title.style6 .t_center .subtitle:after {
position: absolute;
content: "";
top: 0px;
right: -19px;
height: 23px;
width: 15px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/title-shape-1.png);
background-position: center;
background-repeat: no-repeat;
}
.section-title.style6 h3 {
font-size: 50px;
font-weight: 700;
line-height: 45px;
}
.section-title.style6 .description {
font-size: 16px;
font-weight: 400;
margin: 28px 0 0;
}
.home7 .dreamit-button.style5 .button {
border-radius: 5px;
}
.home7 .dreamit-button.style5 .button:before {
border-radius: 5px;
}
.single-counter.style_two.three h4.count.percent {
font-size: 24px;
display: inline-block;
color: #fff;
margin: 0;
}
.single-counter.style_two.three span.suffix {
font-size: 24px;
display: inline-block;
color: #fff;
}
.single-counter.style_two.three .counter-content p {
font-weight: 500; font-size: 14px;
color: #79B900;
margin: 7px 0 0;
}
.home-7 .service-box.style6 .thumb img {
width: 50%;
padding: 0;
margin-top: 0;
position: relative;
z-index: 1;
transition: 0.5s;
}
.home-7 .service-box.style6 {
text-align: center;
border: 1px solid #0e3d602b;
padding: 35px 46px 35px;
border-radius: 5px;
}
.home-7 .service-box.style6 .content h3.title {
font-size: 28px;
font-weight: 500;
margin: 33px 0 21px;
}
.home-7 .service-box.style6 .content h3.title a {
color: #001819;
transition: 0.5s;
}
.home-7 .service-box.style6 .content h3.title a:hover {
color: #79B900;
transition: 0.5s;
}
.home-7 .service-box.style6 .content .service-btn a {
display: inline-block;
background: transparent;
color: #0e3d60;
font-weight: 500;  transition: 0.5s;
}
.home-7 .service-box.style6 .content .service-btn {
position: inherit;
left: 0;
right: 0;
bottom: -24px;
}
.home-7 .service-box:hover .service-btn a i {
transform: rotate(-45deg);
transition: 0.5s;
}
.home-7 .service-box .service-btn a i {
position: relative;
top: 0;
transform: rotate(0deg);
display: inline-block;
margin-left: 6px;
transition: 0.5s;
}
.home-7 .service-box.style6 p.description {
margin-bottom: 0px;
transition: .5s;
}
.home-7 .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #79B900;
height: 6px;
border-radius: 1px;
}
.home-7 .service_item.style_two .skills .skill-item .skill-header .skill-title {
font-size: 15px;
font-weight: 700;
color: #1a1716;
margin: 0;
text-transform: uppercase;
padding-bottom: 13px;
}
.home-7 .service_item.style_two .skills .skill-item .count-box.counted {
color: #1a1716;
font-size: 15px;
}
.home-7 .service_item.style_two .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: #EEEEEE;
width: 100%;
height: 6px;
border-radius: 1px;
border: none; 
}
.home-7 .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #79B900;
height: 6px;
border-radius: 1px;
}
.seven .single-counter.style_two.three {
background-color: #fff;
padding: 25px 36px 28px 10px;
}
.seven .single-counter.style_two.three .counter-content p {
font-weight: 500; font-size: 14px;
color: #868681;
margin: 7px 0 0;
}
.seven .single-counter.style_two.three h4.count.percent {
font-size: 35px;
display: inline-block;
color: #001819;
margin: 0;
}
.testimonial.style6 .testimonial-item .author img {
width: 5%;
}
.testimonial.style6 .testimonial-item .name-rap {
display: flex;
align-items: center;
}
.testimonial.style6 .testimonial-item .name-rap h4 {
font-size: 20px;
font-weight: 600;
margin: 0 0 4px;
}
.testimonial.style6 .testimonial-item .name-rap h5 {
font-size: 16px;
color: #79B900;
font-weight: 400;
margin: 0;
}
.testimonial.style6 .testimonial-item .name-rap .name-text {
margin-left: 17px;
}
.testimonial.style6 .testimonial-item p.quote {
font-size: 20px;
font-weight: 500;
font-style: italic;
width: 89%;
line-height: 32px;
margin: 23px 0 19px;
}
.seven .icon-box.style1 .icon-box-content span {
color: #79B900;
}
.seven .icon-box.style1 .icon-box-content h2 {
font-size: 30px;
font-weight: 600;
margin: 0 0 12px;
}
.seven .icon-box.style1 .icon-box-content .description p {
margin: 0;
width: 93%;
font-size: 16px;
color: #868681;
font-weight: 400;
font-family: 'Albert Sans', sans-serif;
transition: 0.5s;
}
.seven .icon-box.style1 {
display: flex;
gap: 26px;
padding: 0;
border-radius: 5px;
margin-right: 15px;
position: relative;
z-index: 1;
align-items: center;
}
.seven .marquee.style2 .marquee-block h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #fff;
-webkit-text-stroke-width: 2px;
color: transparent;
-webkit-text-stroke-color: #fff;
font-size: 150px;
line-height: 1;
font-weight: 800;
text-transform: uppercase;
margin: 0 17px;
}
.blog_style_five .single_blog_adn {
position: relative;
border: 1px solid rgba(0, 24, 25, 0.1); border-radius: 5px;
}
.blog_style_five .single_blog_adn li {
list-style: none;
}
.blog_style_five .single_blog_adn ul.post-categories {
position: absolute;
top: 30px;
left: 30px;
display: block;
background-color: #fff;
padding: 4px 10px;
border-radius: 3px;
}
.blog_style_five .single_blog_adn ul.post-categories a{
color: #79B900;
}
.blog_style_five .single_blog_adn .em-blog-content-area_adn {
border: transparent;
padding: 24px 36px 22px;
filter: drop-shadow(0 0 12.5px rgba(219,221,225,0.32));
width: 100%;
background: #fff;
margin: auto;
position: inherit;
top: -56px;
border-radius: 5px;
}
.blog_style_five .single_blog_adn .blog-page-title_adn h2 a {
font-size: 24px;
font-weight: 600;
display: inline-block;
color: #001819;
line-height: 32px;
transition: 0.5s;
margin-bottom: 14px;
}
.blog_style_five .single_blog_adn .luxury-blog-readmore i.flaticon.flaticon-right-arrow {
margin: 10px 0px 0px 10px;
}
.blog_style_five .single_blog_adn .luxury-blog-readmore a.learn_btn {
font-size: 15px;
color: #012549;
font-weight: 600;
}
.blog_style_five .single_blog_adn .em-blog-content-area_adn  i.flaticon.flaticon-calendar {
color: #79B900;
}
.blog_style_five .single_blog_adn .luxury-blog-meta-top {
display: inline;
}
.home77 .dreamit-button.style5 .button {
display: inline-block;
background: #001819;
color: #fff;
font-size: 17px;
font-weight: 600;
padding: 14px 40px;
border-radius: 5px;
border: 2px solid #79B900;
position: relative;
z-index: 1;
}
.home77 .dreamit-button.style5 .button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #79B900;
border-radius: 29px;
z-index: -1;
transition: 0.5s;
} .solar .section-title.style4 h3 {
font-size: 50px;
font-weight: 700;
line-height: 1;
}
.solar .section-title.style4 h3.solar {
position: relative;
}
.solar .section-title.style4 h3.solar:before {
position: absolute;
content: '';
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/hero-image-2.png);
background-position: center;
background-size: cover;
height: 60%;
width: 17%;
right: 23%;
bottom: 10px;
}
.solar_one .service_item.style_two .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: transparent;
width: 100%;
height: 17px;
border-radius: 1px;
border: 1px solid #D5D6D2;
}
.solar_one .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #001819;
height: 6px;
border-radius: 1px;
}
.solar_one .service_item.style_two .skills .skill-item .count-box.counted {
color: #001819;
font-size: 20px;
font-weight: 500;
}
.solar_one .service_item.style_two .skills .skill-item .skill-header .skill-title {
font-size: 20px;
font-weight: 700;
color: #001819;
margin: 0;
text-transform: capitalize;
padding-bottom: 17px;
}
.solar_one .skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #020101;
font-size: 15px;
font-weight: 700;
line-height: 60px;
position: absolute;
right: 0;
}
.solar_two .service_item.style_two .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: transparent;
width: 100%;
height: 17px;
border-radius: 1px;
border: 1px solid #D5D6D2;
}
.solar_two .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #EFAD4D;
height: 6px;
border-radius: 1px;
}
.solar_two .service_item.style_two .skills .skill-item .count-box.counted {
color: #001819;
font-size: 20px;
font-weight: 500;
}
.solar_two .service_item.style_two .skills .skill-item .skill-header .skill-title {
font-size: 20px;
font-weight: 700;
color: #001819;
margin: 0;
text-transform: capitalize;
padding-bottom: 17px;
}
.solar_two .skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #020101;
font-size: 15px;
font-weight: 700;
line-height: 60px;
position: absolute;
right: 0;
}
.solar_three .service_item.style_two .skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: transparent;
width: 100%;
height: 17px;
border-radius: 1px;
border: 1px solid #D5D6D2;
}
.solar_three .service_item.style_two .skills .skill-item .skill-bar .bar-inner .bar {
left: 4px;
position: absolute;
top: 5px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #79B900;
height: 6px;
border-radius: 1px;
}
.solar_three .service_item.style_two .skills .skill-item .count-box.counted {
color: #001819;
font-size: 20px;
font-weight: 500;
}
.solar_three .service_item.style_two .skills .skill-item .skill-header .skill-title {
font-size: 20px;
font-weight: 700;
color: #001819;
margin: 0;
text-transform: capitalize;
padding-bottom: 17px;
}
.solar_three .skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #020101;
font-size: 15px;
font-weight: 700;
line-height: 60px;
position: absolute;
right: 0;
}
.solar .marquee.style2 .marquee-block h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #fff;
-webkit-text-stroke-width: 2px;
color: transparent;
-webkit-text-stroke-color: #fff;
font-size: 100px;
line-height: 1.4;
font-weight: 600;
text-transform: capitalize;
margin: 0 17px;
}
.my-accordion.style-2 li a.active {
color: #79B900!important;
padding: 18px 28px 18px 28px;
border: none;
background: #fff;
border-radius: 5px 5px 0 0;
border: 1px solid #cccccc9e;
}
.my-accordion.style-2 li a {
transition: .5s;
}
.my-accordion.style-2 li a:hover {
color: #79B900 !important;
transition: .5s;
}
.my-accordion.style-2 li img {
display: none;
}
.my-accordion.style-2 li:before {
display: none;
}
.my-accordion.style-2 a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #001819;
width: 16px;
top: 29px;
}
.solar .icon-box.style4 {
text-align: center;
background-color: #fff;
display: inline-block;
padding: 40px 45px 40px;
}
.solar .icon-box.style4 h2 {
font-size: 18px;
}
.solar .icon-box.style4 .img-icon {
position: relative;
z-index: 1;
display: inline-block;
}
.solar .icon-box.style4 .img-icon:after {
position: absolute;
content: "";
top: -10px;
left: -10px;
width: 90px;
height: 90px;
border-radius: 45px;
background-color: rgba(255,255,255,0);
border: none;
-webkit-animation: ripple 1.6s ease-out infinite;
-moz-animation: ripple 1.6s ease-out infinite;
}
.case-study.style2 .video-icon {
display: none;
}
.case-study.style2 .case-study-thumb::before {
display: none;
}
.case-study.style2 .case_category span {
font-size: 16px;
padding: 0 0 0 0px !important;
position: relative;
z-index: 1;
transition: all 400ms linear;
color: #79B900;
font-weight: 600;
}
.case-study.style2 h2.title a {
color: #001819 !important;
font-size: 24px !important;
font-weight: 600 !important;
}
.case-study.style2 h2.title a:hover {
color: #79B900 !important;
transition: 0.5s;
}
.case-study.style2 .single_case_study:hover .case_category span {
color: #79B900 !important;
}
.case-study.style2 .single_case_study .cases-study-content {
position: absolute;
bottom: -284px;
left: -209px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/shape.png);
background-position: center;
background-size: cover;
padding: 25px 38px 12px;
border: 8px solid #4AAF45;
border-top: transparent;
border-right: transparent;
border-radius: 5px;
width: 65%;
transition: 0.5s;
}
.case-study.style2 .single_case_study:hover .cases-study-content {
bottom: 0 !important;
}
.case-study.style2 .case_category span:before {
display: none;
}
.case-study.style2 .em-case-study-button a {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 32px;
width: 70px;
height: 70px;
text-align: center;
line-height: 70px;
position: absolute;
right: -25px;
top: -22px;
border: 3px solid #fff;
border-left: transparent;
border-bottom: transparent;
border-radius: 3px;
}
.case-study.style2 .em-case-study-button a i {
color: #fff;
font-weight: 600;
font-size: 15px !important;
display: inline-block;
margin-left: 6px;
}
.single-counter.style4 h2 {
font-size: 150px;
margin: 0;
-webkit-text-stroke-width: 1px;
color: transparent;
-webkit-text-stroke-color: #000000;
position: absolute;
bottom: -61px;
left: -88px;
opacity: 0.4; }
.single-counter.style4 .counter-content {
display: flex;
}
.single-counter.style4 span.count.percent {
font-size: 70px;
color: #fff;
margin: 0;
font-weight: 700;
z-index: 9;
position: relative;
}
.single-counter.style4 .counter-content .counter-text {
line-height: .7;
}
.single-counter.style4 .counter-content h6 {
font-size: 16px;
margin: 0px 0px 0px 12px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
font-family: 'Albert Sans', sans-serif;
line-height: 1.6;
}
.single-counter.style4 .counter-content span {
text-transform: capitalize;
font-weight: 700;
font-size: 16px;
}
.single-counter.style4 span.suffix {
font-size: 70px;
color: #fff;
margin: 0;
font-weight: 700;
z-index: 9;
position: relative;
}
.testimonial.style7 .testimonial-item .testi-content {
display: flex;
align-items: center;
}
.testimonial.style7 .testimonial-item .testi-content .testi-name h4 {
font-size: 20px;
font-weight: 600;
margin: 0 0 7px;
color: #fff;
}
.testimonial.style7 .testimonial-item .testi-content .testi-name h5 {
font-size: 16px;
margin: 0;
color: #868681;
}
.testimonial.style7 .testimonial-item .testi-content .testi-name {
margin: 0px 0px 0px 20px;
}
.testimonial.style7 .testimonial-item .reviews_rating {
position: absolute;
right: 17%;
top: 26px;
}
.testimonial.style7 .testimonial-item {
background: #002526;
padding: 29px 37px 15px;
border-radius: 5px;
position: relative;
z-index: 1;
margin: 0 14px;
transition: 0.5s;
border-left: 5px solid #002526;
border-bottom: 5px solid #002526;
}
.testimonial.style7 .testimonial-item:hover {
border-left: 5px solid #79B900;
border-bottom: 5px solid #79B900;
}
.testimonial.style7 .testimonial-item:before {
position: absolute;
content: '';
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/04/testi-shape.png);
background-position: center;
background-size: cover;
height: 70%;
width: 70%;
right: 0%;
bottom: 0px;
}
.testimonial.style7 .testimonial-item p.quote {
margin: 35px 0px 16px;
}
.testimonial.style7 .testimonial-item .reviews_rating {
position: absolute;
right: 9%;
top: 22%;
background: #001818;
display: inline-block;
padding: 4px 23px;
border-radius: 30px;
color: #fff;
}
.testimonial.style7 .testimonial-item .reviews_rating i{
padding: 3px;
} .char .section-title.style8 .section-title h3.title {
font-size: 55px;
text-transform: uppercase;
font-weight: 700;
color: #001819;
}
.char .section-title.style8 .section-title.t_center .description {
font-size: 18px;
font-weight: 400;
margin: 20px 0 0;
width: 35%;
margin: auto;
padding-top: 35px;
}
.service-box.style7:hover {
transform: translateY(0px);
}
.service-box.style7 .contents {
background-color: #001819;
text-align: center;
padding: 41px 25px 41px;
border-radius: 20px;
}
.service-box.style7 .contents h3 a {
font-size: 20px;
line-height: 75px;
text-transform: uppercase;
color: #ffffff;
font-weight: 500;
font-family: "Albert Sans";
text-align: center;
}
.service-box.style7 p.descriptions {
opacity: 0.702;
font-size: 17px;
line-height: 27px;
color: #ffffff;
font-weight: 300;
font-family: "Albert Sans";
text-align: center;
}
.service-box.style7 .service-btns a {
display: flex;
justify-content: space-between;
font-size: 17px;
align-items: center;
text-transform: capitalize;
color: #fff;
font-weight: 600;
transition: 0.5s;
background-color: #79b900;
padding: 6px 8px 6px 30px;
border-radius: 30px;
}
.service-box.style7 .service-btns a i {
display: inline-block;
font-size: 15px;
border-radius: 50%;
color: #fff;
background-color:#001819;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
position: relative;
transition: 0.5s;
}
.single-video.style-five {
background-color: #79b900;
height: 325px;
border-radius: 20px;
}
.single-video.style-five h4.video_title {
font-size: 16px;
text-transform: uppercase;
color: #fff;
text-decoration: underline;
padding: 80px 0px 0px;
}
.single-video.style-five .choose-video-icon {
position: relative;
z-index: 2;
top: 20%;
}
.single-video.style-five .choose-video-icon:after {
position: absolute;
content: "";
width: 90px;
height: 90px;
left: 0;
top: -29px;
background-color: #fff;
border-radius: 50%;
z-index: -1;
right: 0;
margin: auto;
}
.single-video.style-five .choose-video-icon:before {
position: absolute;
content: "";
width: 110px;
height: 110px;
left: 0;
top: -39px;
border: 2px dotted #fff;
border-radius: 50%;
z-index: -1;
animation: rotateme2 20s linear infinite;
right: 0;
margin: auto;
}
.single-video.style-five .choose-video-icon .video-icon i {
color: #49af45;
font-size: 25px;
}
.single-counter.style6 {
display: flex;
align-items: center;
}
.single-counter.style6 .counter-content span {
font-size: 40px;
color: #79b900;
font-weight: 600;
}
.single-counter.style6 .counter-content h6 {
font-size: 16px;
color: #fff;
}
.single-counter.style6 .icon img {
width: 90px;
margin-right: 35px;
}
.single-counter.style6 .icon {
position: relative;
margin-right: 35px;
}
.single-counter.style6 .icon:before {
position: absolute;
content: '';
right: 0;
top: 26%;
height: 50px;
width: 1px;
background-color: #3d690c;
opacity: 0.5;
}
.section-title.style9 h5.subtitle {
font-size: 16px;
text-transform: uppercase;
color: #79b900;
font-weight: 600;
font-family: "Albert Sans";
margin-bottom: 21px;
}
.section-title.style9 .image {
position: absolute;
left: 0;
right: 0;
top: -34px;
}
.section-title.style9 h3.title {
font-size: 42px;
text-transform: uppercase;
color: #001819;
font-weight: 700;
}
.section-title.style9 .section-title .description {
font-size: 17px;
font-weight: 400;
margin: 20px 0 0;
}
.service-box.style8:hover {
transform: translateY(0px);
}
.service-box.style8 .content {
background-color: #f5f8f2;
padding: 36px 35px 0px 35px;
border-radius: 20px;
}
.service-box.style8 .content h3.title {
position: relative;
padding-bottom: 22px;
}
.service-box.style8 .content h3.title:before {
position: absolute;
content: '';
right: 0;
bottom: 0px;
height: 1px;
width: 100%;
background-color: #dee1df;
}
.service-box.style8 .content h3 a {
font-size: 22px;
line-height: 28px;
text-transform: uppercase;
color: #001819;
font-weight: 700;
}
.service-box.style8 .content p.description {
transition: .5s;
font-size: 16px;
color: #7a7a7a;
margin: 22px 0px 26px;
}
.service-box.style8 .content .thumb img {
margin-bottom: -90px;
}
.service-box.style8 .thumb{
position:relative;
}
.service-box.style8 .thumb::before {
background: rgba(73,175,69, 0.6);
bottom: -83px;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
z-index: 2;
}
.service-box.style8:hover .thumb::before {
left: 0;
right: 0;
opacity: 0;
transition: all 500ms linear;
}
.service-box.style8 .icon img {
transition: .5s;
}
.service-box.style8:hover .icon img {
transition: .5s;
transform: rotate(-60deg);
}
.single-causes.style_1.five { background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/donate-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 20px;
padding: 28px 30px;
}
.single-causes.style_1.five .causes-content {
box-shadow: none;
background: transparent;
padding: 0px;
margin: 0px;
border-radius: 0 0 5px 5px;
}
.single-causes.style_1.five .causes-content h2 a {
display: inline-block;
color: #001819;
font-size: 20px;
font-weight: 600;
line-height: 30px;
transition: 0.5s;
text-transform: uppercase;
margin-top: 19px;
}
.single-causes.style_1.five .causes-content .donation-content {
background-color: #fff;
padding: 29px 26px 20px;
border-radius: 20px;
}
.single-causes.style_1.five .causes-content .skills {
position: relative;
margin-bottom: 8px;
}
.single-causes.style_1.five .causes-content p {
margin: 13px 0 24px;
}
ul.my-accordion.style-3 li a.active {
color: #79B900!important;
background: #eef0ef;
}
ul.my-accordion.style-3 li a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #79B900;
width: 16px;
top: 29px;
}
ul.my-accordion.style-3 li:before {
z-index: 22;
position: absolute;
content: "";
width: 2px;
height: 24px;
left: 71px;
top: 20px;
background: #cccccc9e;
transition: 0.5s;
display:none;
}
ul.my-accordion.style-3 li {
position: relative;
margin-bottom: 30px;
list-style: none;
z-index: 1;
}
ul.my-accordion.style-3 li h4 {
display: block;
float: left;
margin: 5px 0px 0px;
position: relative;
font-size: 18px;
color: #79b900;
padding-right: 60px;
}
ul.my-accordion.style-3 li h4:before {
z-index: 22;
position: absolute;
content: "";
width: 42px;
height: 1px;
right: 8px;
top: 50%;
background: #7dbb08;
transition: 0.5s;
}     ul.my-accordion.style-3 a {
width: 100%;
color: #001819!important;
position: relative;
cursor: pointer;
margin: 0;
padding: 19px 25px 19px 27px;
font-weight: 500;
font-size: 20px;
border: 0;
border-radius: 30px;
z-index: 2;
transition: 0.5s;
background: #eef0ef;
}
ul.my-accordion.style-3 a:hover {
transition: 0.5s;
background: #fff;
}
ul.my-accordion.style-3 li p {
display: none;
font-size: 17px;
color: #7b7b7b;
padding: 21px 63px 25px 103px;
background: #eef0ef;
margin: 0px 0px 0px;
border-radius: 0px 0px 30px 30px;
position: relative;
}
ul.my-accordion.style-3 li p:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
right: 8px;
top: 2px;
background: #fff;
transition: 0.5s;
}
.team.seven .social-icon li {
list-style: none;
display: inline-block;
}
.team.seven .social-icon li a i {
border: 1px solid #fff;
display: inline-block;
width: 37px;
height: 37px;
line-height: 37px;
border-radius: 50%;
color: #ffff;
background-color: #001819;
text-align: center;
z-index: 1;
transition: 0.5s;
margin: 4px;
}
.team.seven .social-icon li a i:hover {
color: #ffff;
background-color: #79B900;
transition: 0.5s;
}
.team.seven h2.name {
font-size: 20px;
text-transform: uppercase;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
text-align: center;
margin: 3px 0px 0px;
}
.team.seven h5.designation {
font-size: 16px;
color: #95958f;
font-weight: 400;
font-family: "Albert Sans";
text-align: center;
}
.team.seven .image {
line-height: 0;
position:relative;
}
.team.seven .image:before {
position: absolute;
content: "";
width: 0;
height: 100%;
top: 0;
background: #79B900;
opacity: 0.1;
transition: 0.5s;
border-radius: 150px 150px 0px 0px; }
.team.seven:hover .image:before{
transform: perspective(500px) rotateX(0deg);
width: 100%;
}
.team.seven .image img {
width: 100%;
}
.team.seven .content {
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/teambg.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding: 25px 10px 30px;
}
.team.seven ul.social-icon {
text-align: center;
position: relative;
padding: 23px 0px 9px;
margin: 10px 0px 0px;
}
.team.seven ul.social-icon:before {
position: absolute;
content: "";
width: 72%;
height: 2px;
right: 0px;
left: 0;
top: 10px;
margin: auto;
background: #dcebc2;
transition: 0.5s;
}
.dreamit-button.style-13 a.button i {
display: inline-block;
font-size: 15px;
border-radius: 50%;
color: #fff;
background-color: #001819;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
position: relative;
transition: 0.5s;
transform: rotate(0deg);
}
.dreamit-button.style-13 a.button {
display: flex;
justify-content: space-between;
font-size: 17px;
align-items: center;
text-transform: capitalize;
color: #fff;
font-weight: 600;
transition: 0.5s;
background-color: #79b900;
padding: 6px 8px 6px 27px;
border-radius: 30px;
display: inline-block;
}
.blog_style_seven .echofy-single-blog_adn .em-blog-content-area_adn {
border: transparent;
padding: 0px 34px 25px;
filter: drop-shadow(0 0 12.5px rgba(219,221,225,0.32));
width: 100%;
background: #fff;
margin: auto;
position: inherit; border-radius: 0px 0px 20px 20px;
}
.blog_style_seven .echofy-single-blog_adn .date-comment {
background-color: #f5f8ef;
text-align: center;
display: flex; padding: 16px 40px 17px 21px;
}
.blog_style_seven .echofy-single-blog_adn .echofy-blog-meta-left a {
margin-right: 0;
transition: .3s;
color: #495057;
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
color: #686868;
font-weight: 400;
background: transparent;
display: inline-block;
padding: 0;
border-radius: 0;
margin-right: 14px;
font-size: 15px;
padding: 0px;
background: transparent;
margin-right: 35px;
border-radius: 0px;
}
.blog_style_seven .echofy-single-blog_adn .blog-page-title_adn h2{
line-height: 30px;
margin: 22px 0px 10px;
}
.blog_style_seven .echofy-single-blog_adn .blog-page-title_adn a {
font-size: 22px;
text-transform: uppercase;
color: #001819;
font-weight: 600;
font-family: "Albert Sans";
}
.blog_style_seven .echofy-single-blog_adn .blog-page-title_adn a:hover {
color:#79b900;
transition: .5s;
}
.blog_style_seven .echofy-single-blog_adn .blog-page-title_adn p.description {
transition: .5s;
color: #95958f;
font-size: 17px;
margin: 10px 0px 19px;
}
.blog_style_seven .echofy-blog-readmore a i {
border: 1px solid #fff;
display: inline-block;
width: 37px;
height: 37px;
line-height: 37px;
border-radius: 50%;
color: #ffff;
background-color: #001819;
text-align: center;
z-index: 1;
transition: 0.5s;
margin: 9px;
}
.blog_style_seven .echofy-single-blog_adn {
border: 2px solid #e9ede8;
border-radius: 20px;
}
.blog_style_seven .echofy-single-blog_adn .echofy-blog-meta-left span {
margin-right: 0;
transition: .3s;
color: #495057;
font-size: 16px;
text-decoration: none;
text-transform: capitalize;
color: #686868;
font-weight: 400;
background: transparent;
display: inline-block;
padding: 0;
border-radius: 0;
margin-right: 14px;
font-size: 15px;
padding: 0px 0px;
background: transparent;
margin-right: 10px;
border-radius: 3px;
}
.blog_style_seven.eight .echofy-single-blog_adn {
border: 2px solid #e9ede8;
border-radius: 20px;
display: flex;
}
.blog_style_seven.eight .echofy-single-blog_adn .em-blog-content-area_adn {
border: transparent;
padding: 0px;
filter: drop-shadow(0 0 12.5px rgba(219,221,225,0.32));
width: 100%;
background: #fff;
margin: auto;
position: inherit; border-radius: 0px 0px 0px 20px;
}
.blog_style_seven.eight .echofy-single-blog_adn .echofy-blog-thumb_adn {
flex-shrink: 0;
line-height: 0;
}   .blog_style_seven.eight .echofy-single-blog_adn .blog-page-title_adn {
padding: 0px 14px 0px 30px;
}
.blog_style_seven.eight .echofy-single-blog_adn .blog-page-title_adn h2 {
line-height: 30px;
margin: 12px 0px 10px;
transition: .5s;
}
.blog_style_seven.eight .echofy-single-blog_adn .blog-page-title_adn h2 a:hover {
color:#79b900;
transition: .5s;
}
.blog_style_seven.eight .echofy-single-blog_adn .blog-page-title_adn {
padding: 0px 0px 0px 30px;
}
.blog_style_seven.eight .echofy-single-blog_adn .echofy-blog-readmore {
padding: 0px 0px 17px 20px;
}
.blog_style_seven.eight .echofy-single-blog_adn .echofy-blog-thumb_adn{
overflow: hidden;
transition: .5s;
}
.blog_style_seven.eight .echofy-single-blog_adn .echofy-blog-thumb_adn img {
transition: .5s;
transform: scale(1);
}
.blog_style_seven.eight .echofy-single-blog_adn:hover .echofy-blog-thumb_adn img {
transform: scale(1.4);
}
.blog_style_seven .echofy-single-blog_adn .echofy-blog-thumb_adn{
overflow: hidden;
transition: .5s;
}
.blog_style_seven .echofy-single-blog_adn .echofy-blog-thumb_adn img {
transition: .5s;
transform: scale(1);
}
.blog_style_seven .echofy-single-blog_adn:hover .echofy-blog-thumb_adn img {
transform: scale(1.4);
} .gardening .section-title .description {
font-size: 16px;
font-weight: 400;
margin: 20px 0 0;
width: 68%;
margin: auto;
margin-top: 18px;
}
.garden .dreamit-button.style6 .button {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 16px 40px;
border-radius: 5px;
border: 1px solid #79B900;
position: relative;
z-index: 1;
font-family: 'Albert Sans', sans-serif;
text-transform: uppercase;
transition: 0.5s;
}
.garden .dreamit-button.style6 .button:hover {
color: #79B900;
transition: 0.5s;
}
.service-box.style1.style12 .content .service-btn {
position: inherit;
top: 0px;
left: 32%; }
.service-box.style1.style12 .service-btn a:after {
display:none;
}
.service-box.style1.style12 .title a:before {
display:none;
}
.service-box.style1.style12 .icon {
display: inline-block;
position: absolute;
top: -33px;
right: 8%;
}
.service-box.style1.style12 .content {
text-align: left;
background: #fff;
padding: 21px 25px 20px;
position: relative;
border-radius: 0 0 10px 10px;
z-index: 1;
transition: 0.5s;
}
.service-box.style1.style12 .content:before {
position: absolute;
content: '';
height: 2px;
width: 100%;
background-color: #49af45;
left: 0;
bottom: 0;
z-index: -1;
transition: 0.5s;
}
.service-box.style1.style12:hover .content:before {
height: 100%;
width: 100%;
opacity: .3;
transition: 0.5s;
}
.service-box.style1.style12 .service-btn a {
display: flex;  text-transform: capitalize;
color: #1e1e1e;
font-weight: 600;
transition: 0.5s; top: 0px; 
}
.service-box.style1.style12 .title a {
display: inline-block;
font-size: 23px;
font-weight: 600;
position: relative;
transition: 0.5s;
margin: 0 0 7px;
color: #001819;
}
.service-box.style1.style12 p.description {
transition: .5s;
margin: 4px 0 20px;
border-bottom: none;
padding-bottom: 24px;
font-size: 17px;
}
.gardenin .single-counter.style1 span {
font-size: 47px;
font-weight: 700;
margin-bottom: 15px;
display: inline-block;
color: #101210; }
.gardenn .marquee-block h3 {
display: inline-block;
font-size: 120px; font-weight: 600;
margin: 0;   background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/text-bg.jpg);
background-repeat: no-repeat;
background-size: cover;  line-height: 1.2;
transition: 0.5s;
background-size: 200% 100%;
background-position: 100%;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.gardenn .marquee-block h3:hover {
transition: 0.5s;
background-position: 0%, 100%;
padding-left: 3px;
}
.gardenn .marquee-block h3 img {
padding: 0 21px;
display: none;
}
.case-study.style2.style3 .single_case_study .dreamit-single-cases-study .cases-study-content {
position: absolute;
bottom: -284px;
left: 0px;
background: #f3f7ed;
background-position: center;
background-size: cover;
padding: 13px 38px 0px;
border: 8px solid #4AAF45;
border-top: transparent;
border-right: transparent;
border-radius: 5px;
width: 91%;
transition: 0.5s;
margin-left: 0px;
}
.case-study.style2.style3 .single_case_study .dreamit-single-cases-study .cases-study-content .em-case-study-button a {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 32px;
width: 70px;
height: 70px;
text-align: center;
line-height: 55px;
position: absolute;
right: 13px;
top: 13px;
border: 3px solid #fff;
border-left: transparent;
border-bottom: transparent;
border-radius: 3px;
}
.case-study.style2 .single_case_study:hover .dreamit-single-cases-study .cases-study-content {
bottom: 22px !important;
}
.testimonial.style4.style9 .testimonial-item {
filter: inherit;
padding: 83px 25px 30px 39px;
position: relative;
margin: 30px 15px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/testi-bg-item-bg.png);
transition: 0.5s;
background-size: cover;
background-repeat: no-repeat;
z-index: 99;
}
.testimonial.style4.style9 .testimonial-item:after {
position: absolute;
content: '';
height: 2px;
width: 100%;
background-color: #49af45;
left: 0;
bottom: 0;
transition: 0.5s;
z-index: 1;
}
.testimonial.style4.style9 .testimonial-item:hover:after {
height: 100%;
width: 100%;
opacity: .2;
transition: 0.5s;
}
.testimonial.style4.style9 .testimonial-item .reviews_rating {
margin-top: 0;
background: transparent;
display: inline-block;
padding: 9px 31px;
border-radius: 54px 0 0 0;
position: absolute;
top: 28px;
left: 3px;
transition: 0.5s;
}
.testimonial.style4.style9 .testimonial-item:before {
position: absolute;
right: -139px;
bottom: -80px; content: '';
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/testi-icon.png);
background-repeat: no-repeat;
background-position: center; height: 100%;
width: 100%;
}
.testimonial.style4.style9 .testimonial-item:hover .reviews_rating {
background: transparent;
}
.testimonial.style4.style9 .testimonial-item:hover .reviews_rating .testi-star i {
display: inline-block;
color: #49af45;
margin: 0 3px;
transition: 0.5s;
}
.testimonial.style4.style9 .testimonial-item .reviews_rating .testi-star i {
display: inline-block;
color: #49af45;
margin: 0 3px;
transition: 0.5s;
}
.testimonial.style4.style9 .testimonial-item .testi-content .testi-name h5 {
font-size: 16px;
margin: 0;
margin-left: 19px;
position: relative;
color: #49af45;
font-weight: 400;
}
.testimonial.style4.style9 .testimonial-item .testi-content {
display: flex;
align-items: center;
margin: 32px 0px 0px;
}
.testimonial.style4.style9 .testimonial-item .testi-content .testi-name h5:before {
position: absolute;
content: "";
width: 8px;
height: 8px;
left: -16px;
top: 6px;
background: #79B900;
border-radius: 50%;
}
ul.my-accordion.style-3.style-4 li a.active {
color: #79B900!important;
background: transparent;
}
ul.my-accordion.style-3.style-4 li p {
display: none;
font-size: 17px;
color: #7b7b7b;
padding: 19px 0px 32px 0px;
background: transparent;
margin: 0px 0px 0px;
border-radius: 0px;
position: relative;
border-top: 1px solid #e5e7e8;
}
ul.my-accordion.style-3.style-4 li a.active {
color: #49af45!important;
padding: 18px 28px 18px 0px;
border: none;
background: transparent;
border-radius: 5px 5px 0 0;
}
ul.my-accordion.style-3.style-4 li h4:before {
display:none;
transition: 0.5s;
}
ul.my-accordion.style-3.style-4 li h4 {
display: block;
float: left;
margin: 5px 0px 0px;
position: relative;
font-size: 18px;
color: #79b900;
padding-right: 0px;
}
ul.my-accordion.style-3.style-4 a {
width: 100%;
color: #001819!important;
position: relative;
cursor: pointer;
margin: 0;
padding: 15px 25px 16px 0px;
font-weight: 500;
font-size: 20px;
border: 0;
border-radius: 0px;
z-index: 2;
transition: 0.5s;
background: transparent;
border-top: 1px solid #e5e7e8;
}
ul.my-accordion.style-3.style-4 li {
position: relative;
margin-bottom: 0px;
list-style: none;
z-index: 1;
}
.pricing.style3 {
border: 1px solid #e5e7e8;
padding: 35px 27px 32px;
transition: .5s;
}
.pricing.style3:hover {
border: 1px solid #49af45;
transition: .5s;
}
.pricing.style3 h3.pricing-title {
font-size: 23px;
margin-bottom: 21px;
}
.pricing.style3 .price-item span{
font-size: 45px;
font-weight: 700;
margin-bottom: 27px;
}
.pricing.style3 p.descrip {
font-size: 16px;
margin-bottom: 31px;
}
.pricing.style3 .pricing-button {
display: inline-block;
background: #49af45;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 16px 40px;
border-radius: 5px;
border: 1px solid #49af45;
position: relative;
z-index: 1;
font-family: 'Albert Sans', sans-serif;
text-transform: uppercase;
transition: 0.5s;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.pricing.style3 .pricing-button:before {
position: absolute;
content: "";
width: 0;
height: 100%;
left: 50%;
top: 0;
background: #fff;
border-radius: 5px;
z-index: -1;
transition: 0.5s;
}
.pricing.style3 .pricing-button:hover {
color: #79B900;
transition: 0.5s;
}
.pricing.style3 .pricing-button:hover:before {
width: 100%;
left: 0;
}
.pricing.style3 .pricing-body ul li {
list-style: none;
margin: 15px 0px;
}
.pricing.style3 .pricing-body ul li i {
color: #49af45;
}
.garden .form-area.contact-two .button {
background: #49af45;
border: 0;
display: inline-block;
text-align: center;
padding: 16px 46px;
border-radius: 7px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
width: 100%;
}
.blog_style_five.eleven .single_blog_adn ul.post-categories a {
color: #fff;
}
.blog_style_five.eleven .single_blog_adn ul.post-categories {
position: absolute;
top: 0px;
left: 0px;
display: block;
background-color: #49af45;
padding: 9px 14px;
border-radius: 3px;
}
.blog_style_five.eleven .single_blog_adn {
position: relative;
border: 0; border-radius: 5px;
}
.blog_style_five.eleven .single_blog_adn .luxury-blog-meta-left {
display: inline-block;
margin-left: 15px;
}
.blog_style_five.eleven .single_blog_adn .blog-page-title_adn h2 {
border-bottom: 1px solid #e5e7e8;
padding-bottom: 14px;
margin: 17px 0px 28px;
}
.blog_style_five.eleven .single_blog_adn .blog-page-title_adn h2 a {
transition: 0.5s;
}
.blog_style_five.eleven .single_blog_adn .blog-page-title_adn h2 a:hover {
transition: 0.5s;
color: #49af45;
}
.blog_style_five.eleven .single_blog_adn .luxury-blog-readmore a.learn_btn {
font-size: 14px;
color: #012549;
font-weight: 600;
text-transform: uppercase;
transition: 0.5s;
}
.blog_style_five.eleven .single_blog_adn .luxury-blog-readmore a.learn_btn:hover {
font-size: 14px;
color: #49af45;
transition: 0.5s;
}
.blog_style_five.eleven .single_blog_adn .em-blog-content-area_adn  i.flaticon.flaticon-calendar {
color: #49af45;
font-size: 13px;
}
.blog_style_five.eleven .single_blog_adn .em-blog-content-area_adn {
border: transparent;
padding: 28px 0px 22px;
filter: drop-shadow(0 0 12.5px rgba(219,221,225,0.32));
width: 100%;
background: #fff;
margin: auto;
position: inherit;
top: -56px;
border-radius: 5px;
}
.blog_style_five.eleven .single_blog_adn .luxury-single-blog_adn .em-blog-content-area_adn {
filter: none;
} .zoo2 .single-counter.style1 {
background-color: #49af45;
padding: 38px 102px 48px 43px;
border-radius: 25px;
}
.zoo2 .single-counter.style1 span {
font-size: 68px;
font-weight: 500;
margin-bottom: 115px;
display: inline-block;
color: #fff;
font-family: 'Albert Sans', sans-serif;
}
.zoo2 .single-counter.style1 h6 {
color: #fff;
font-size: 22px;
font-weight: 500;
}
.section-title.style6.zoo .subtitle {
position: relative;
display: inline-block;
color: #001819;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 15px;
font-size: 16px;
left: 15px;
padding-left: 11px;
}
.section-title.style6.zoo .subtitle:before {
position: absolute;
content: "";
top: -1px;
left: -17px;
height: 23px;
width: 23px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/10/shape2.png);
background-position: center;
background-repeat: no-repeat; }
.section-title.style6.zoo .t_center .subtitle:after {
display:none;
}
.section-title.style6.zoo h3 {
font-size: 50px;
font-weight: 700;
line-height: 57px;
margin-top: 0;
}
.section-title.style6.zoo .description {
font-size: 16px;
font-weight: 400;
margin: 20px 181px 0 0;
}
.zoo2 .dreamit-button .button {
display: inline-block;
background: #001819;
color: #fff;
font-size: 17px;
font-weight: 400;
padding: 17px 27px;
border-radius: 30px;
text-transform: uppercase;
transition: 0.4s;
}
.zoo2 .dreamit-button .button:hover {
background: #49af45;
transition: 0.4s;
}
.zoo .dreamit-button .button {
display: inline-block;
background: #49af45;
color: #fff;
font-size: 20px;
font-weight: 500;
padding: 16px 21px;
border-radius: 30px;
transition: 0.4s;
}
.zoo2 .dreamit-button .button {
display: inline-block;
background: #001819;
color: #fff;
font-size: 17px;
font-weight: 400;
padding: 17px 27px;
border-radius: 30px;
text-transform: uppercase;
transition: 0.4s;
}
.zoo6 .dreamit-button .button:hover {
background: #fff;
color: #49af45;
transition: 0.4s;
}
.zoo6 .dreamit-button .button {
display: inline-block;
background: #49af45;
color: #fff;
font-size: 20px;
font-weight: 500;
padding: 16px 21px;
border-radius: 30px;
transition: 0.4s;
}
.zoo2 .icon-box.style11 {
display: flex;
padding: 0;
border-radius: 0;
margin-right: 0;
gap: 26px;
position: relative;
z-index: 1;
transition: 0.4s;
}
.zoo2 .icon-box.style7 {
text-align: center;
}
.zoo2 .icon-box.style7 h2 {
font-size: 19px;
transition: 0.4s;
}
.zoo2 .icon-box.style7:hover h2 {
transition: 0.4s;
color: #49af45;
}
.service-box.style14 {
position: relative;
overflow: hidden;
transition: 0.4s;
}
.service-box.style14:hover {
transform: translateY(0px);
}
.service-box.style14 .content {
align-items: end;
display: flex;
justify-content: space-between;
position: absolute;
bottom: -180px;
left: 0;
width: 100%;
padding: 10px 40px 35px 40px;
transition: .5s;
}
.service-box.style14:hover .content {
bottom: 0px;
transition: .5s;
}
.service-box.style14 .content p.description {
transition: .5s;
color: #fff;
font-size: 18px;
font-weight: 600;
margin-bottom: 0px;
}
.service-box.style14 .content h3 a {
color: #fff;
font-size: 34px;
}
.service-box.style14 .content h2 a {
color: #fff;
margin: 0px;
font-size: 34px;
}
.service-box.style14 .content h2 {
margin: 0px;
}
.service-box.style14 .content .service-btn a {
font-size: 18px;
display: inline-block;
margin-top: 5px;
position: relative;
z-index: 1;
transition: .5s;
font-weight: 500;
color: #fff;
transition: .5s;
position: relative;
z-index: 2;
}
.service-box.style15 {
border: 1px solid #263a3b;
padding: 50px 10px 30px 31px;
border-radius: 30px;
}
.service-box.style15:hover {
transform: translateY(0px);
border: 1px solid #263a3b;
}
.service-box.style15 .thumb {
margin-bottom: 114px;
}
.service-box.style15:hover .thumb img{
-webkit-animation: wooo 5s linear infinite;
animation: wooo 5s linear infinite;
} @keyframes wooo {
0% {
transform: rotate3d(0, 0, 0);
}
50% {
transform: rotate3d(0, 1, 0, 180deg);
}
100% {
transform: rotate3d(0, 1, 0, 359deg);
}
}
.service-box.style15 .content h3 a {
color: #fff;
font-size: 28px;
font-weight: 600;
transition: .5s;
}
.service-box.style15 .content h4 a {
color: #fff;
margin-top: 3px;
font-size: 28px;
font-weight: 400;
transition: .5s;
}
.service-box.style15 .content h3 a:hover {
color: #49af45;
transition: .5s;
}
.service-box.style15 .content h4 a:hover {
color: #49af45;
transition: .5s;
}
.service-box.style15 .content p.description {
transition: .5s;
margin-top: 30px;
margin-bottom: 12px;
color: #fff;
opacity: .5;
}                                                                                                             .zoo2.event-area {
padding: 0;
}
.zoo2 .single-event {
background-color: #e9ebea;
padding: 13px 13px 39px;
border-radius: 10px;
overflow: hidden;
height: 265px;
transition: 0.5s;
margin-bottom: 19px;
}
.zoo2 .single-event:hover{
height: 432px;
}
.zoo2 .single-event-box {
display: flex;
gap: 30px;
background: #f5f5f5;
padding: 12px 14px;
border-radius: 10px;
align-items: center;
}
.zoo2 .event-content {
margin-top: 18px;
}
.zoo2 .event-date span {
display: inline-block;
color: #868681;
border: 1px solid #86868161;
border-radius: 30px;
padding: 4px 5px;
}
.zoo2 .event-date i {
display: inline-block;
background: #49af45;
color: #fff;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
border-radius: 50px;
font-size: 14px;
margin-right: 10px;
}
.zoo2 .event-titel h4 {
font-size: 28px;
font-weight: 600;
margin-top: 16px;
margin-bottom: 21px;
}
.zoo2 .event-titel p {
font-size: 17px;
font-weight: 600;
color: #001819;
}
.zoo2 .event-titel a {
font-size: 17px;
font-weight: 600;
color: #49af45;
}
.zoo2 .event-desc-box {
padding: 27px 51px 0 237px;
transition: 0.5s;
position: relative;
opacity: 0;
}
.zoo2 .single-event:hover .event-desc-box{
opacity: 1;
}
.zoo2 .event-desc-box span {
display: inline-block;
color: #001819;
font-weight: 700;
}
.zoo2 .event-desc-box strong {
color: #49af45;
} .zoo2 .tab-main-area .nav-item .nav-link.active{
color: #fff;
background-color: #49af45 !important;
}
.zoo2 .nav-link {
display: block;
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #001819;
text-decoration: none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
background: #e6f0e6!important;
padding: 24px 104px;
border-radius: 0 !important;
}
.zoo2 .nav-link.style-two {
background: #f4f8f4 !important;
}
.zoo2 span.tab-date {
display: inherit;
font-size: 15px;
font-weight: 400;
color: #001819;
opacity: 0.6;
}
.testimonial.style6.style10 .testimonial-item {
padding-top: 40px;
}
.testimonial.style6.style10 .testimonial-item .author img {
width: 11%;
position: absolute;
right: 30px;
top: 7px;
}
.testimonial.style6.style10 .testimonial-item .reviews_rating i.active {
font-size: 21px;
}
.testimonial.style6.style10 .testimonial-item p.quote {
font-size: 20px;
font-weight: 500;
font-style: italic;
width: 89%;
line-height: 32px;
margin: 34px 0 37px;
}
.testimonial.style6.style10 .testimonial-item .name-rap h4 {
font-size: 22px;
font-weight: 600;
margin: 0 0 5px;
}
.testimonial.style6.style10 .testimonial-item .name-rap h5 {
font-size: 16px;
color: #686861;
font-weight: 400;
margin: 0;
}
.testimonial.style6.style10 .owl-nav {
position: absolute;
right: 65px;
bottom: 30px;
}
.testimonial.style6.style10 .owl-nav .owl-next i {
color: #fff;
background-color: #49af45;
padding: 15px 16px;
border-radius: 30px;
margin: 5px;
}
.testimonial.style6.style10 .owl-nav .owl-prev i {
color: #fff;
background-color: #49af45;
padding: 15px 16px;
border-radius: 30px;
margin: 5px;
}
.zoo2 .marquee-block h3 {
display: inline-block;
font-size: 105px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #49af45;
color: transparent;
transition: 0.5s;
font-weight: 700;
margin: 0;
}
.zoo2 .marquee-block h3:hover {
color: #49af45;
transition: 0.5s;
}
.zoo2 .marquee-block h3 img {
padding: 0 20px 0 20px;
margin: 0 0 25px 13px;  }
.blog_style_five.twelve .single_blog_adn ul.post-categories {
position: inherit;
top: 30px;
left: 30px;
display: block;
background-color: #fff;
padding: 0;
border-radius: 3px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn .luxury-blog-meta-top {
display: flex;
align-items: center;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn ul.post-categories a {
color: #fff;
background-color: #49af45;
padding: 5px 18px 5px;
border-radius: 0px 20px 20px 0px;
text-transform: uppercase;
font-size: 14px;
margin-right: 12px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn .em-blog-content-area_adn {
border: 0;
padding: 35px 0px 0px;
filter: drop-shadow(0 0 12.5px rgba(219,221,225,0.32));
width: 100%;
background: transparent;
margin: auto;
position: inherit;
top: -56px;
border-radius: 5px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn {
position: relative;
border: none;
padding: 27px 32px 21px;
border-radius: 10px;
background-color: #fff;
overflow: hidden;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn .luxury-blog-thumb_adn img {
border-radius: 10px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn .luxury-blog-readmore a.learn_btn {
font-size: 15px;
color: #49af45;
font-weight: 600;
margin-left: -115px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn:hover .luxury-blog-readmore a.learn_btn {
font-size: 15px;
color: #49af45;
font-weight: 600;
margin-left: 0px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn .luxury-blog-readmore a.learn_btn i{
margin-left: 40px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn:hover .luxury-blog-readmore a.learn_btn i{
margin-left: 5px;
transition: 0.5s;
}
.blog_style_five.twelve .single_blog_adn .blog-page-title_adn h2 a {
font-size: 22px;
font-weight: 700;
display: inline-block;
color: #00000c;
line-height: 32px;
transition: 0.5s;
margin-bottom: 14px;
}
.zoo2 .section-title .title span {
color: #49af45;
} .style2 .video__area {
position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.video__area {
background-attachment: unset;
}
}
@media only screen and (max-width: 767px) {
.style2 .video__area {
background-attachment: unset;
}
}
.style2 .video__area:hover .play-now {
opacity: 0;
visibility: hidden;
}
.style2 .video__area .play-now {
display: inline-block;
font-weight: 500;
font-size: 19px;
line-height: 23px;
color: #fff;
background: rgba(255, 255, 255, .6);
border: 3px solid #49af45;
text-transform: capitalize;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
width: 125px;
height: 125px;
line-height: 116px;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: 50%;
left: 50%;
text-align: center;
}
.style2 .video__content a i {
color:#fff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.style2 .video__area .play-now {
width: 150px;
height: 150px;
line-height: 120px;
}
}
@media only screen and (max-width: 767px) {
.style2 .video__area .play-now {
width: 120px;
height: 120px;
line-height: 90px;
}
}
.style2 .video__content {
display: block;
width: 100%;
height: 550px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.style2 .video__content {
height: 550px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.style2 .video__content {
height: 550px;
}
}
@media only screen and (max-width: 767px) {
.style2 .video__content {
height: 450px;
}
}
.style2 .video__content a {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
border: none;
background-color: transparent;
}
.style2 .cursor {
position: fixed;
pointer-events: none;
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #3BCFAB; 
background: #fff;
border: 16px solid #3BCFAB;
text-transform: capitalize;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 135px;
height: 135px;
border-radius: 100%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
z-index: 999;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.style2 .cursor.video {
width: 200px;
height: 200px;
}
@media only screen and (max-width: 767px) {
.style2 .cursor.video {
display: none;
}
}
/ The End Of CSS /
.work-shape-img-04{
-webkit-animation-duration: 7s;
animation-duration: 7s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-name: work-shape-move;
}
@keyframes work-shape-move {
0% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
} .finace-whychoose-rotateme {
-webkit-animation-name: finace-whychoose-rotateme;
animation-name: finace-whychoose-rotateme;
-webkit-animation-duration: 8s;
animation-duration: 8s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes finace-whychoose-rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.dance {
-webkit-animation: dance 2s alternate infinite;
animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.2);
}
}
.dance4 {
-webkit-animation: dance4 3s alternate infinite;
animation: dance4 3s alternate infinite;
}
@keyframes dance4 {
0% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1.1);
}
}i{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s;
}
a{
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s; 
} .site-header .transparent-menu.sticky{
background-color: #021327;
} .nav-menu ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.nav-menu .menu-ul li{
position: relative;
margin-right: 10px;
}
.nav-menu .menu-ul li a{
display: inline-block;
padding: 15px 10px;
}
.nav-menu .menu-ul li .sub-menu{
position: absolute;
display: block;
background-color: red;
width: 250px;
margin: 0;
padding: 0;
list-style: none;
top: 150%;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.nav-menu .menu-ul li .sub-menu li{
margin: 0;
}
.nav-menu .menu-ul li .sub-menu li a{
display: block;
}
.nav-menu .menu-ul li:hover .sub-menu{
top: 100%;
opacity: 1;
visibility: visible;
}
.nav-menu .menu-toggle{
display: none;
}
@media (max-width: 768px){
.nav-menu .menu-toggle{
display: block;
}
.nav-menu .menu-ul {
position: absolute;
top: 100%;
display: block;
background-color: yellow;
width: 100%;
display: none;
}
.nav-menu ul li a{
width: 100%;
}
} .slick-dots {
bottom: 0px !important;
position: relative;
}
.service-button a{
display: block;
} .hero_area .container{
max-width: 1320px;
margin: auto;
}
.hero_area{
position: relative;
height: 947px;
}
.hero_area .hero_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.hero_area .hero_content h4 {
color: #79B900;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin: 0 0 13px;
-webkit-animation: 1s 1.2s fadeInUp both;
animation: 1s 1.2s fadeInUp both;
display:inline-block;
}
.hero_area .hero_content h1 {
font-size: 76px;
color: #fff;
font-weight: 800;
line-height: 84px;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
}
.hero_area .hero_content p {
opacity: 0.800;
font-size: 18px;
line-height: 28px;
color: #ffffff;
font-weight: 400;
width: 49%;
margin: 13px 0 36px;
-webkit-animation: 1s 1.8s fadeInUp both;
animation: 1s 1.8s fadeInUp both;
}
.hero_area .hero_content a.btn.btn-gradient {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 17px;
font-weight: 500;
padding: 14px 40px;
border: 2px solid #79B900;
border-radius: 30px;
margin-right: 15px;
-webkit-animation: 1s 1.9s fadeInUp both;
animation: 1s 1.9s fadeInUp both;
}
.hero_area .hero_content a.btn.btn-gradient:hover{
background: transparent;
}
.hero_area .hero_content a.btn.btn-gradient.btn-two {
display: inline-block;
background: transparent;
border: 2px solid #ffffff61;
padding: 14px 37px;
}
.hero_area .hero_content a.btn.btn-gradient.btn-two:hover{
background: #79B900;
border: 2px solid #79B900;
}
.hero_area .hero_content a.btn.btn-gradient.btn-md.btn-animated-none i {
margin-left: 6px;
}
.hero_area .hero_content a img {
margin-left: 6px;
display: inline-block;
height: 14px;
width: 14px;
}
.hero_area .hero-social-icon {
position: absolute;
left: 85px;
top: 34%;
}
.hero_area .hero-social-icon ul li.text {
color: #fff;
text-transform: uppercase;
transform: rotate(-90deg);
position: relative;
top: 100px;
left: -36px;
}
.hero_area .hero-social-icon ul li.text:before {
position: absolute;
content: "";
width: 56px;
height: 1px;
left: 111px;
top: 10px;
background: #fff;
}
.hero_area .hero-social-icon ul li i {
display: inline-block;
color: #fff;
font-size: 16px;
margin-bottom: 28px;
transition: 0.5s;
}
.hero_area .hero-social-icon ul li{
list-style: none;
}
.hero_area .hero-video-icon {
display: inline-block;
-webkit-animation: 1s 1.9s fadeInUp both;
animation: 1s 1.9s fadeInUp both;
}
.hero_area .video-icon {
display: flex;
align-items: center;
}
.hero_area .slider-video-icon {
height: 58px;
width: 58px;
background: #335240;
text-align: center;
line-height: 58px;
border-radius: 100%;
margin-right: 15px;
}
.hero_area .slider-video-icon a {
color: #79B900;
display: inline-block;
font-size: 26px;
}
.hero_area .hero_content h3 {
color: #79B900;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
margin: 0;
-webkit-animation: 1s 1.2s fadeInUp both;
animation: 1s 1.2s fadeInUp both;
}
.hero_area .hero_thumb {
position: absolute;
right: 243px;
transform: translate(-50%, -50%);
-webkit-animation: 1s 1.9s fadeInUp both;
animation: 1s 1.9s fadeInUp both;
}
sr7-txt#SR7_1_1-1-8 .hero_contact ul li {
list-style: none;
margin-bottom: 16px;
}
sr7-txt#SR7_1_1-1-8 .hero_contact ul li a{
color:#fff;
}
sr7-txt#SR7_1_1-1-8 .hero-social-icon ul li.text {
color: #fff;
text-transform: uppercase;
transform: rotate(-90deg);
position: relative;
top: 111px;
left: -36px;
font-size: 16px;
}
sr7-txt#SR7_1_1-1-8 .hero-social-icon ul li.text:before {
position: absolute;
content: "";
width: 56px;
height: 1px;
left: 111px;
top: 10px;
background: #fff;
}
sr7-txt#SR7_1_1-5-8 .banner_contact ul li {
list-style: none;
margin-bottom: 16px;
}
sr7-txt#SR7_1_1-5-8 .banner_contact ul li a{
color:#fff;
}
sr7-txt#SR7_1_1-5-8 .hero-social-icon ul li.text {
color: #fff;
text-transform: uppercase;
transform: rotate(-90deg);
position: relative;
top: 111px;
left: -36px;
font-size: 16px;
}
sr7-txt#SR7_1_1-5-8 .hero-social-icon ul li.text:before {
position: absolute;
content: "";
width: 56px;
height: 1px;
left: 111px;
top: 10px;
background: #fff;
}
rs-layer#slider-2-slide-5-layer-3 span {
color: #79b900!important;
} .hero_area.style_two {
position: relative;
}
.hero_area.style_two .hero_content {
position: relative;
z-index: 1;
}
.hero_area.style_two .hero_content h4 img {
display: inline-block;
width: inherit;
position: relative;
top: 4px;
margin-right: 5px;
}
.hero_area.style_two .hero_content h4 {
margin: 0 0 24px;
}
.hero_area.style_two .hero_thumb {
position: absolute;
right: 0;
top: 0;
}
.hero_area.style_two .hero_content h1 {
font-size: 76px;
color: #001819;
line-height: 83px;
}
.hero_area.style_two .hero_content p {
opacity: 0.700;
color: #001819;
}
.hero_area.style_two .hero_content a.btn.btn-gradient.btn-two {
display: none;
}
.hero_area.style_two .hero_content a.btn.btn-gradient:hover {
background: transparent;
color: #79B900;
}
.hero_area.style_two .hero-social-icon ul li i {
color: #001819;
}
.hero_area.style_two .hero-social-icon ul li.text {
color: #001819;
}
.hero_area.style_two .hero-social-icon ul li.text:before {
background: #001819;
}
.hero_area.style_two .hero-social-icon ul li{
list-style: none;
}
.hero_area.style_two .shape_image {
display: inline-block;
position: absolute;
top: 0;
}
.hero_area.style_two .hero_content a.btn.btn-gradient {
margin-top: 30px;
} .dreamit_owl_carousel .owl-dots {
position: absolute;
bottom: 42%;
right: 56px;
}
.dreamit_owl_carousel .owl-dots button.owl-dot {
position: relative;
z-index: 1;
margin: 18px 5px;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid #49b047cf;
display: block;
}
.dreamit_owl_carousel .owl-dots button.owl-dot.active {
background-color: #79B900;
position: relative;
width: 11px;
height: 11px;
}
.dreamit_owl_carousel .owl-dots button.owl-dot.active::after {
position: absolute;
width: 25px;
height: 25px;
z-index: 1;
content: "";
border: 2px solid #79B900;
left: -9px;
top: -9px;
border-radius: 50%;
text-align: center;
} .single-slick {
position: relative;
min-height: 900px !important;
z-index: 1;
}
.slide-img, .parallax-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.single-slick .hero-text-wrap {
text-align: center;
padding-right: 104px;
}
.dreamit-slick-slider .slick-dots {
bottom: 50px !important;
position: relative;
} .dreamit-slick-slider .hero-text-wrap h1 {
font-size: 80px;
color: #101210;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-weight: 600;
}
.dreamit-slick-slider .hero-text-wrap h1:before {
position: absolute;
content: "";
right: 70px;
top: 0;
width: 22%;
height: 50%;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2023/07/hero-shap3.png);
background-repeat: no-repeat;
background-position: right;
z-index: -1;
background-position: right;
}
.dreamit-slick-slider .hero-text-wrap h1 span {
font-size: 80px;
font-weight: 500;
padding: 0 0 0 384px;
position: relative;
}
.dreamit-slick-slider .hero-text-wrap h1 span:before {
position: absolute;
content: "";
left: 184px;
top: 8px;
width: 21%;
height: 87%;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2023/07/shap4.png);
background-repeat: no-repeat;
background-position: left;
z-index: -1;
}
.dreamit-slick-slider .hero-text-wrap h1 span:after {
position: absolute;
content: "";
left: 110px;
top: 82px;
width: 100%;
height: 87%;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2023/07/hero-shp4.png);
background-repeat: no-repeat;
background-position: center center;
z-index: -1;
}
.dreamit-slick-slider .hero-text-wrap h4 {
font-size: 18px;
font-weight: 500;
color: #fff;
padding: 0 0 10px 56px;
position: relative;
z-index: 1;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
margin: 0 0 5px;
}
.dreamit-slick-slider .hero-text-wrap h4:before {
position: absolute;
content: "";
left: 0;
top: 10px;
width: 40px;
height: 2px;
background: #79B900;
}
.dreamit-slick-slider .slick_content {
padding-left: 170px;
}
.dreamit-slick-slider .hero-text-wrap p {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 18px;
width: 66%;
margin: 51px auto 0;
color: #101210;
font-weight: 500;
} .single-slick.style-two .container {
max-width: 1320px;
margin: 0 auto;
}
.single-slick.style-two .hero-text-wrap {
text-align: left; 
padding-right: 0;
}
.single-slick.style-two .single_image {
position: absolute;
top: 50%;
right: 3%;
transform: translate(-50%, -50%);
}
.single-slick.style-two .hero-text-wrap h1 {
font-size: 60px;
color: #fff;
-webkit-animation: 1s 1.6s fadeInUp both;
animation: 1s 1.6s fadeInUp both;
font-weight: 600;
}
.single-slick.style-two .hero-text-wrap h1:before {
display: none;
}
.single-slick.style-two .hero-text-wrap h1 span {
font-size: 60px;
font-weight: 600;
padding: 0;
position: relative;
background: linear-gradient(90deg, #bbf737 0%, #ffee62 100%);
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
}
.single-slick.style-two .hero-text-wrap h1 span:before,
.single-slick.style-two .hero-text-wrap h1 span:after{
display: none;
}
.single-slick.style-two .hero-text-wrap .btn {
font-size: 16px;
padding: 16px 42px 16px;
color: #fff;
font-weight: 500;
display: inline-block;
border-radius: 5px;
position: relative;
z-index: 1;
transition: .5s;
background: linear-gradient(90deg, #bbf737 0%, #ffee62 100%);
color: #101210;
margin-top: 24px;
}
.single-slick.style-two .hero-text-wrap .btn i {
margin-left: 3px;
font-size: 13px;
font-weight: 700;
}
.single-slick.style-two .hero-text-wrap .btn:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 5px;
background: linear-gradient(90deg, #ffee62 0%, #bbf737 100%);
transform: scale(0);
transition: .5s;
}
.single-slick.style-two .hero-text-wrap .btn:hover:before {
transform: scale(1);
}
.single-slick.style-two .hero-text-wrap p {
margin-top: 24px;
width: 49%;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
font-size: 18px;
color: #a8a8b3;
line-height: 30px;
position: relative;
z-index: 1;
margin: 17px 0 12px;
}
.single-slick.style-two .counter-content span {
font-size: 50px;
font-weight: 500;
margin-bottom: 24px;
display: inline-block;
color: #fff;
} .single-slick.style-two .single_image h2 {
font-size: 100px;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: #bbf737;
color: transparent;
letter-spacing: 20px;
-webkit-mask-image: linear-gradient(-75deg, rgba(191,247,47,0.6) 50%, #BEF638 50%, rgba(191,247,47,1) 70%);
-webkit-mask-size: 200%;
animation: shine 3s infinite;
transition: .5s;
position: absolute;
left: -76%;
right: 0;
bottom: 245px;
text-align: center;
transform: rotate(-90deg); }
.single-slick.style-two .slick_shape5 {
position: absolute;
top: 90px;
right: 11px;
bottom: inherit;
z-index: 22;
}
.single-slick.style-two .slick_shape4 {
position: absolute;
left: 279px;
top: 191px;
}
@-webkit-keyframes shine {
from {
-webkit-mask-position: 150%;
}
to {
-webkit-mask-position: -50%;
}
} .lines {
padding: 15px 0 40px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.lines .line {
position: relative;
width: 87%;
height: 1px;
background-color: rgba(255, 255, 255, 0.3);
overflow: hidden;
z-index: 5;
}
.lines .line::after {
content: "";
display: block;
position: relative;
height: 1px;
width: 35px;
top: 0;
left: 0px;
background-color: #79B900;
-webkit-animation: moveLeftBounces-two 35s linear infinite;
animation: moveLeftBounces-two 35s linear infinite;
overflow: hidden;
}
.lines .line:nth-child(1)::after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
@-webkit-keyframes moveLeftBounces-two {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(585px);
transform: translateY(585px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes moveLeftBounces-two {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(585px);
transform: translateX(585px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .dreamit-slick-slider .hero-text-wrap .btn {
font-size: 16px;
padding: 15px 42px;
background: #101210;
color: #fff;
font-weight: 500;
display: inline-block;
border-radius: 5px;
position: relative;
z-index: 1;
transition: .5s;
margin-top: 38px;
border: none;
animation: 1s 1.8s fadeInUp both;
}
.dreamit-slick-slider .hero-text-wrap .btn:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
border-radius: 5px;
background: #79B900;
transform: scale(0);
transition: .5s;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover:before {
transform: scale(1);
}
.dreamit-slick-slider .hero-text-wrap .btn i {
font-size: 17px;
position: relative;
top: 0px;
left: 2px;
transform: rotate(-52deg);
transition: .5s;
display: inline-block;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover {
color: #fff;
}
.dreamit-slick-slider .hero-text-wrap .btn:hover i {
color: #fff;
} .dreamit-slick-slider .call-button {
margin-left: 25px;
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
}
.dreamit-slick-slider .call-number span {
color: #858B97;
}
.dreamit-slick-slider .call-number h3 {
font-size: 17px;
font-weight: 500;
color: #fff;
margin-top: 5px;
}
.dreamit-slick-slider .call-number h3 a {
color: inherit;
}
.dreamit-slick-slider .call-icon i {
width: 60px;
height: 60px;
display: inline-block;
color: #79B900;
TEXT-ALIGN: CENTER;
border: 2px solid #79B900;
border-radius: 100%;
font-size: 28px;
line-height: 56px;
margin-right: 10px;
} .dreamit-slick-slider .slider-video-icon span{
margin-left: 22px;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.dreamit-slick-slider .slider-single-image {
position: relative;
-webkit-animation: 0.8s 0.8s fadeInUp both;
animation: 0.8s 0.8s fadeInUp both;
text-align: right;
margin-right: -183px;
}
.dreamit-slick-slider .slider-single-image img {
display: block;
}
.dreamit-slick-slider .slider-single-image img {
filter: brightness(.5);
}
.dreamit-slick-slider .slider-video-icon {
-webkit-animation: 1s 2s fadeInUp both;
animation: 1s 2s fadeInUp both;
position: absolute;
left: 45%;
top: 45%;
text-align: center;
}
.dreamit-slick-slider .slider-video-icon a {
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
color: #79B900;
background: #fff;
display: inline-block;
font-size: 26px;
position:relative; 
z-index:1;
}
.dreamit-slick-slider .slider-video-icon a:after {
position: absolute;
left: -10px;
top: -10px;
width: 100px;
height: 100px;
border: 3px dashed #fff;
z-index: -1;
content: "";
border-radius: 100%;
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
.dreamit-slick-slider .text-center .hero-text-wrap p {
font-size: 18px;
margin: 16px auto 48px;
text-align: center;
} .slick-prev,
.slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev {
background-color: rgba(0,0,0,0.40);
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
height: 80px;
top: 50%;
-webkit-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
transform: translate(0px, -50%);
width: 80px;
z-index: 1;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
line-height: 80px;
color: #fff;
border: 0;
}
.slick-next {
background-color: rgba(0,0,0,0.40)!important;
border-radius: 100%;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)!important;
height: 80px!important;
top: 50%;
width: 80px!important;
line-height: 80px!important;
color: #fff;
border: 0;
}
.slick-next:hover{
background-color: #79B900!important;
color: #FFF;
}
.slick-next:hover: before{
color: #FFF!important;
}
.slick-next::before {
font-size: 26px!important;
color: #fff!important;
}
.dreamit-slick-slider .slick-prev {
left: -94px;
}
.dreamit-slick-slider .slick-next {
right: -80px;
top: 50%;
opacity: 1;
color: #fff!important;
transition: .5s;
}
.dreamit-slick-slider:hover .slick-prev {
left: 50px;
}
.dreamit-slick-slider:hover .slick-next {
right: 50px;
}
.dreamit-slick-slider .slick-prev::before,
.dreamit-slick-slider .slick-next::before {
color: #fff!important;
font-size: 25px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
content: "\f104";
font-family: FontAwesome;
}
.dreamit-slick-slider .slick-next:before {
content: "\f105"!important;
font-family: FontAwesome;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
background-color: #79B900;
color: #FFF;
border: 0;
outline:0;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
color: #fff;
}
.rotateme {
position: absolute;
z-index: -1;
-webkit-animation-name: rotateme;
animation-name: rotateme;
-webkit-animation-duration: 20s;
animation-duration: 20s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
} .section-title{
position: relative;
}
.section-title.style1 .subtitle {
font-size: 16px;
text-transform: capitalize;
font-weight: 500;
color: #79B900;
margin: 0 0 23px;
position: relative;
padding-left: 0;
display: inline-block;
}
.section-title.style1 .subtitle img {
margin-right: 8px;
position: relative;
top: 6px;
}
.section-title.style1 h3.title {
font-size: 46px;
font-weight: 700;
margin: 0 0 0;
}
.section-title.center .description {
width: 40%;
margin: 17px auto 0;
}
.section-title .title span{
color: #79B900;
}
.section-title .description {
font-size: 16px;
font-weight: 400;
margin: 20px 0 0;
}
.opacity-low{
opacity: 70%;
}
.section-title.t_center {
position: relative;
text-align: center;
} .zoo-title .section-title.style1 .subtitle img {
top: 0px;
} .section-title.style2 .subtitle {
position: relative;
display: inline-block;
color: #79B900;
font-weight: 500;
text-transform: capitalize;
margin: 0 0 15px;
font-size: 18px;
left: 53px;
}
.section-title.style2 .subtitle:before {
position: absolute;
content: "";
top: 10px;
left: -53px;
height: 2px;
width: 41px;
background: #79B900;
}
.section-title.style2 .description {
font-size: 16px;
font-weight: 400;
margin: 16px 0 0;
} .section-title.style3 .subtitle {
font-size: 18px;
text-transform: capitalize;
font-weight: 500;
color: #79B900;
margin: 0 0 16px;
position: relative;
margin-left: 0px;
display: inline-block;
}
.section-title.style3 .subtitle::before {
position: absolute;
content: "";
top: 10px;
left: -55px;
margin: auto;
height: 2px;
width: 41px;
background: #79B900;
}
.section-title.style3 .subtitle:after {
position: absolute;
content: "";
top: 10px;
right: -55px;
margin: auto;
height: 2px;
width: 41px;
background: #79B900;
} .feature-box.style1{
position: relative;
}
.feature-box.style1 {
text-align: center;
z-index: 99;
padding: 38px 30px 18px;
box-shadow: 0px 5px 20px 0px rgba(98, 26, 255, 0.07);
border-radius: 5px;
background: #fff;
overflow: hidden;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.feature-box.style1 .feature-box-title h3 {
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.feature-box.style1 .feature-box-title h2 {
font-size: 20px;
font-weight: 600;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 15px 0 15px;
}
.feature-box.style1 .feature-box-desc {
font-weight: 300;
margin-bottom: 20px;
transition: .5s;
}
.feature-box.style1 .feature-box-icon{
display:inline-block;
position:relative;
margin-bottom: 17px;
}
.feature-box.style1 .feature-box-icon i {
display: inline-block;
color: #fff;
font-size: 36px;
height: 86px;
width: 86px;
line-height: 80px;
text-align: center;
background: linear-gradient(0deg, rgba(115,71,242,1) 0%, rgba(238,83,248,1) 100%);;
border: 4px solid #fff;
border-radius: 50%;
box-shadow: 0px 10px 16px 0px rgba(145, 78, 255, 0.3);
transition: 0.5s;
} .feature-box.style2 {
text-align: center;
z-index: 99;
padding: 38px 30px 18px;
border: 1px solid #ebebfd;
border-radius: 5px;
background: #fff;
overflow: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.feature-box.style2:hover{
border: 1px solid transparent;
box-shadow: 12px 13px 90px 0px rgba(0, 204, 153, 0.07);
}
.feature-box.style2 .feature-box-title h3 {
font-size: 22px;
font-weight: 700;
text-transform: capitalize;
margin: 0;
-webkit-transition:.5s;
-o-transition:.5s;
transition:.5s;
}
.feature-box.style2 .feature-box-title h2 {
font-size: 22px;
font-weight: 600;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
margin: 15px 0 15px;
}
.feature-box.style2 .feature-box-desc {
margin-bottom: 20px;
transition: 0.5s;
}
.feature-box.style2 .feature-box-icon{
display:inline-block;
position:relative;
margin-bottom: 17px;
}
.feature-box.style2 .feature-box-icon i {
display: inline-block;
color: rgba(119, 122, 242, 1);
font-size: 36px;
height: 86px;
width: 86px;
line-height: 80px;
text-align: center;
background: rgba(119, 122, 242, 0.15);
border-radius: 33% 66% 70% 30%/49% 62% 38% 51%;
transition: 0.5s;
} .dreamit-button .button {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 17px;
font-weight: 500;
padding: 15px 41px;
border-radius: 30px;
}
.dreamit-button .button:hover{
background:#001819 ;
}
.dreamit-button .button img {
margin-left: 4px;
}
.dreamit-button .button i {
font-size: 13px;
text-align: center;
display: inline-block;
margin-left: 7px;
position: relative;
transition: .5s;
font-weight: 700;
transform: rotate(-45deg);
} .dreamit-button.style2 .button {
margin-top: 10px;
font-size: 16px;
display: block;
text-align: center;
border-radius: 5px;
}
.dreamit-button.style2 .button i {
transform: rotate(-0deg);
} .dreamit-button.style3 .dreamit-button {
padding: 14px 45px;
background: linear-gradient(90deg, #bbf737 0%, #ffee62 100%);
display: inline-block;
border-radius: 5px;
margin-top: 9px;
font-weight: 500;
position: relative;
z-index: 1;
border: 1px solid #bbf737;
}
.dreamit-button.style3 .dreamit-button a i {
font-size: 13px;
position: relative;
top: 0;
left: 2px;
transform: rotate(-52deg);
transition: .5s;
display: inline-block;
}
.dreamit-button.style3 .dreamit-button:hover a{
color: #fff;
text-decoration: none;
}
.dreamit-button.style3 .dreamit-button:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: #050505;
transform: scale(0.0, 1);
transition: .5s;
border-radius: 5px;
border: 1px solid #bbf737;
}
.dreamit-button.style3 .dreamit-button:hover:before{
transform: scale(1);
} .skills {
position: relative;
margin-bottom: 25px;
}
.skills .skill-item {
position: relative;
margin-bottom: 20px;
}
.skills .skill-item:last-child {
margin-bottom: 0px;
}
.skills .skill-item .skill-header {
position: relative;
margin-bottom: 0px;
}
.skills .skill-item .skill-header .skill-title {
font-size: 18px;
line-height: 24px;
color: #08413d;
font-weight: 500;
margin-bottom: 10px;
}
.skills .skill-item .skill-bar {
border-radius: 5px;
position: relative;
background: #DCEFDB;
width: 100%;
height: 8px;
border-radius: 4px;
}
.skills .skill-item .skill-bar .bar-inner .bar {
left: 0px;
position: absolute;
top: 0px;
width: 0px;
-webkit-transition: all 3000ms ease;
transition: all 3000ms ease;
background: #79B900;
height: 8px;
border-radius: 4px;
}
.skills .skill-item .skill-bar .bar-inner .skill-percentage {
bottom: 100%;
color: #020101;
font-size: 15px;
font-weight: 700;
line-height: 30px;
position: absolute;
right: 0;
}  .service-box.style1 {
padding: 0;
margin-bottom: 0;
text-align: center;
border-radius: 10px;
transition: .5s;
}
.service-box.style1 .thumb {
line-height: 0;
}
.service-box.style1 .thumb img{
width: 100%;
}
.service-box.style1 .icon {
display: inline-block;
position: absolute;
top: -40px;
}
.service-box.style1 .content {
text-align: left;
background: #fff;
padding: 46px 31px 19px;
position: relative;
border-radius: 0 0 10px 10px;
}
.service-box.style1 .title a {
display: inline-block;
font-size: 26px;
font-weight: 600;
position: relative;
transition: 0.5s;
margin: 0 0 34px;
color: #001819;
}
.service-box.style1 .title a:before {
position: absolute;
content: "";
width: 30px;
height: 2px;
bottom: -17px;
left: 0;
background: #79B900;
}
.service-box.style1 p.description {
transition: .5s;
margin: 4px 0 16px;
border-bottom: 1px solid rgba(0,24,25,0.10);
padding-bottom: 24px;
font-size: 17px;
}
.service-box.style1 .service-btn {
position: inherit;
right: 0; 
top: 0; 
}
.service-box.style1 .service-btn a {
display: flex;
justify-content: space-between;
font-size: 16px;
text-transform: capitalize;
color: #1e1e1e;
font-weight: 600;
transition: 0.5s;
position: relative;
top: 12px;
}
.service-box.style1 .service-btn a:after {
position: absolute;
left: 0;
bottom: 18px;
content: "";
transition: .5s;
height: 1px;
background-color: rgba(0,24,25,0.10);
width: 31%;
}
.service-box.style1:hover .service-btn a:after{
background-color: #1e1e1e;;
}
.service-box.style1 .service-btn a i {
display: inline-block;
font-size: 15px;
border-radius: 50%;
color: #111111;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
transform: rotate(-45deg);
position: relative;
top: -12px;
border: 1px solid rgba(0,24,25,0.10);
transition: 0.5s;
}
.service-box.style1:hover .service-btn a i{
border-color:#79B900 ;
background: #79B900;
color: #fff;
}
.service-box:hover{
transform: translateY(-20px);
}
.service-box .icon img {
transition: .5s;
}
p.description {
transition: .5s;
}  .service-btn a {
font-size: 15px;
display: inline-block;
margin-top: 5px;
position: relative;
z-index: 1;
transition: .5s;
font-weight: 500;
color: #101210;
transition: .5s;
position: relative;
z-index: 2;
}
.service-box .service-btn a i {
position: relative;
top: 0;
transform: rotate(-45deg);
display: inline-block;
margin-left: 6px;
} .service-box.style2 {
text-align: left;
position: relative;
z-index: 1;
}
.service-box.style2 .content {
background: #fff;
padding: 30px 34px 28px;
width: 88%;
border-left: 5px solid #79B900;
position: relative;
margin-top: -48px;
transition: 0.5s;
border-radius: 3px;
height: 117px;
overflow: hidden;
}
.service-box.style2 p.description {
transition: .5s;
color: #101210;
}
.service-box.style2 .shape_image1 {
display: inline-block;
position: absolute;
right: 16px;
bottom: 8px;
}
.service-box.style2 p.description {
color: #868681;
font-size: 16px;
font-weight: 500;
margin: 0;
transition: 0.5s;
}
.service-box.style2 h3.title{
margin: 0 0 0;
}
.service-box.style2 h3.title a {
display: inline-block;
color: #001819;
font-size: 24px;
font-weight: 600;
transition: 0.5s;
position: relative;
z-index: 2;
}
.service-box.style2 .service-btn {
position: inherit;
right: 0;
top: 0;
}
.service-box.style2 .service-btn a {
font-size: 17px;
display: inherit;
color: #fff;
font-weight: 500;
margin-top: 14px;
transition: 0.5s;
position: relative;
z-index: 2;
}
.service-box.style2:hover .content {
background: #001819;
height: 159px;
margin-top: -90px;
}
.service-box.style2:hover h3.title a{
color: #fff;
}
.service-box.style2:hover p.description{
color: #79B900; 
}
.service-box.style2 .service-btn a:hover{
color: #79B900; 
}
.service-box.style2 .service-btn a i {
position: relative;
top: 0;
transform: rotate(0deg);
display: inline-block;
margin-left: 6px;
}
.service-box.style2:hover{
transform: translateY(-0px);
} .service-box.style3 .thumb{
line-height: 0;
}
.service-box.style3 .thumb img {
width: 100%;
}
.service-box.style3 .icon{
display: none;
}
.service-box.style3 .content {
border-radius: 5px;
filter: drop-shadow(0px 5px 30px rgba(117,117,117,0.1));
background-color: #ffffff;
text-align: left;
position: relative;
width: 87%;
left: 0;
right: 0;
margin: auto;
top: -21px;
padding: 32px 36px 24px;
}
.service-box.style3 h3.title_text {
font-size: 22px;
font-weight: 500;
margin: 0 0 17px;
}
.service-box.style3 ul.features li {
display: inline-block;
margin-bottom: 6px;
}
.service-box.style3 ul.features li img{
margin-right: 6px;
}
.service-box.style3:hover{
transform: translateY(-0px);
} .service-box.style4 {
display: flex;
align-items: center;
background: #001719;
border-radius: 5px;
padding: 13px 32px;
position: relative;
transition: .5s;
}
.service-box.style4:hover{
background: #79B900;
}
.service-box.style4:hover .icon img {
filter: brightness(0)invert(1);
}
.service-box.style4 .icon {
display: inline-block;
margin-right: 15px;
position: relative;
top: 5px;
}
.service-box.style4 .icon img{
transition: .5s;
}
.service-box.style4 h3.title {
color: #fff;
font-size: 16px;
margin: 0;
font-weight: 400;
}
.service-box.style4 h3.title a {
font-size: 16px;
color: #ffffff;
font-weight: 400;
font-family: "Albert Sans";
}
.service-box.style4:hover{
transform: translateY(-0px);
}
.service-box.style4 .service-btn a {
display: block;
margin: 0;
position: absolute;
right: 26px;
color: #fff;
top: 13px;
}
.service-box.style4 .service-btn a i {
transform: rotate(89deg);
display: inline-block;
margin-left: 0;
position: relative;
}
.service-box.style4 .service-btn a i:after {
position: absolute;
content: "";
bottom: 13px;
right: -8px;
height: 2px;
width: 13px;
background: #fff;
transition: .5s;
transform: rotate(89deg);
} .service_box.style1 {
padding: 45px 19px 49px 40px;
border: 0;
text-align: left;
position: relative;
z-index: 1;
margin-bottom: 30px;
overflow: hidden;
border-top: 5px solid #FF3D00;
transition: .5s;
background: #fff;
box-shadow: 0px 5px 30px 0px rgb(137 139 143 / 10%);
}
.service_box.style1:before {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 80px;
height: 80px;
transition: all 400ms linear;
opacity: 0;
z-index: -1;
}
.service_top{
transition: all 400ms linear;
}
.service_box.style1 .icon {
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 17px;
}
.service_box.style1 .icon:after {
position: absolute;
content: "";
top: 10px;
left: 14px;
height: 74px;
width: 74px;
background: #f5f5f5;
border-radius: 100%;
z-index: -1;
}
.service_box.style1 .service_content h3 {
margin: 11px 0 14px 0;
font-size: 24px;
font-weight: 600;
}
.service_box.style1 .service_bar {
background: #79B900;
height: 3px;
width: 64px;
position: relative;
border-radius: 30px;
margin-top: 34px;
}
.service_box.style1 .service_bar:before {
position: absolute;
content: "";
top: 0px;
left: 0;
height: 3px;
width: 10px;
border-radius: 50%;
background: #fff;
border-radius: 10%;
-webkit-animation: MOVIE-BG 4s linear infinite alternate;
animation: MOVIE-BG 4s linear infinite alternate;
} .service_box.style1 .service_back {
position: absolute;
top: 0;
left: 0;
height: 44%;
width: 100%;
text-align: left;
background: #131323ed;
padding: 32px 20px 0 46px;
transform: perspective(500px)rotateX(-90deg);
opacity: 1;
transform-origin: 50% 0%;
transition: all 400ms linear;
}
.service_box.style1 .service_back .description {
color: #79B900;
font-size: 16px;
font-weight: 500;
font-family: 'Fira Sans';
margin: 0 0 0;
position: relative;
left: 40px;
}
.service_box.style1 .service_back .description:before {
position: absolute;
content: "";
top: 10px;
left: -40px;
height: 2px;
width: 35px;
background: #79B900;
}
.service_box.style1 .service_back .title {
margin: 7px 0 14px 0;
font-size: 24px;
font-weight: 600;
color: #fff;
}
.service_box.style1 .service_number {
display: inline-block;
text-align: center;
position: absolute;
right: 0;
top: 74px;
margin: auto;
height: 58px;
width: 58px;
background: #79B900;
line-height: 58px;
border-radius: 100%;
left: 0;
bottom: -73px;
font-size: 24px;
color: #fff;
cursor: pointer;
} .service_box.style1:hover:before {
width: 100%;
height: 100%;
opacity: 1;
}
.service_box.style1:hover .service_top{
opacity: 0;
}
.service_box.style1:hover .service_back {
transform: perspective(500px)rotateX(0deg);
} .service-box.style9 {
background: #fff;
text-align: center;
padding: 40px 21px 33px;
border-radius: 20px;
transition: .5s;
}
.service-box.style9:hover {
transform: translateY(-0px);
background:#79b900;
}
.service-box.style9 .icon {
width: 85px;
height: 85px;
border-radius: 50%;
background-color: #79b900;
border: 1px solid #ffffff;
text-align: center;
line-height: 103px;
position: relative;
z-index: 1;
margin: auto;
transition: .5s;
}
.service-box.style9 .icon:after {
position: absolute;
content: "";
height: 67px;
width: 67px;
border: dashed 1px #fff;
border-radius: 50%;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
transition: .5s;
}
.service-box.style9 .icon img{
filter: brightness(0) invert(1);
}
.service-box.style9:hover .icon img{
filter: brightness(1) invert(0);
}
.service-box.style9 h3.title a {
font-size: 24px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
}
.service-box.style9 h3.title {
font-size: 24px;
line-height: 38px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
margin: 21px 0 6px;
}
.service-box.style9 .service-btn {
position: inherit;
border-top: 1px solid#E7E7E7;
padding-top: 20px;
margin-top: 24px;
}
.service-box.style9 .service-btn a {
font-size: 16px;
color: #001819;
font-weight: 500;
font-family: "Albert Sans";
}
.service-box.style9:hover .icon{
background:#fff;
}
.service-box.style9:hover h3.title a,
.service-box.style9:hover p.description,
.service-box.style9:hover .service-btn a{
color:#fff;
} .service-box.style10 {
background: #f7f9f1;
text-align: center;
padding: 53px 21px 36px;
border-radius: 20px;
transition: .5s;
}
.service-box.style10:hover {
transform: translateY(-0px);
background:#79b900;
}
.service-box.style10 .icon img {
transition: .5s;
}
.service-box.style10:hover .icon img{
filter: brightness(0) invert(1);
}
.service-box.style10 h3.title a {
font-size: 24px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
}
.service-box.style10 h3.title {
font-size: 24px;
line-height: 38px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
margin: 6px 0 6px;
}
.service-box.style10:hover h3.title a{
color:#fff;
} .service-box.style11 {
text-align: left;
transition: .5s;
}
.service-box.style11:hover {
transform: translateY(-0px);
}
.service-box.style11 .thumb {
position: relative;
line-height: 0;
overflow: hidden;
}
.service-box.style11 .thumb img {
width: 100%;
}
.service-box.style11 .thumb:after{
position:absolute;
content:"";
top:0;
left:0;
width: 100%;
height: 100%;
border-radius: 10px;
background-color: #001819;
transition: all 400ms linear;
opacity:0;
}
.service-box.style11:hover .thumb:after{
opacity: 0.502;
}
.service-box.style11:hover .content{
bottom:32px;
}
.service-box.style11 .content {
display: inline-block;
position: absolute;
bottom: -80px;
left: 32px;
transition: all 400ms linear;
z-index:2;
}
.service-box.style11 p.description {
margin: 0;
display: inline-block;
padding: 16px 23px;
background: #fff;
border-radius: 0 10px 0 0;
}
.service-box.style11 h3.title a {
display: inline-block;
background: #79B900;
font-size: 16px;
color: #fff;
font-weight: 600;
padding: 18px 50px 17px 23px;
line-height: 0;
border-radius: 0 30px 30px 0;
}
.service-box.style11 h3.title {
margin: 0;
line-height: 0;
} @keyframes MOVIE-BG {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .service_item.style_one {
margin: 0 10px;
position: relative;
transition: .5s;
background: #F5F8ED;
border-radius: 10px;
padding: 20px;
transition: all 400ms linear;
overflow: hidden;
}
.service_item.style_one:hover{
background: #001819; 
}
.service_item.style_one .service_content {
padding: 30px 19px 14px;
border-radius: 5px;
position: relative;
background: transparent;
z-index: 1;
transition: 0.5s;
}
.service_item.style_one:hover .service_content{
background: transparent;
}
.service_item.style_one .service_box_icon {
display: inline-block;
transition: .5s;
}
.service_item.style_one .icon_shape {
display: inline-block;
position: absolute;
right: -25px;
bottom: -30px;
transition: .5s;
opacity: 0;
transition: all 400ms linear;
transform: rotate(95deg);
}
.service_item.style_one:hover .icon_shape{
opacity: 1;
}
.service_item.style_one h2.title {
font-size: 26px;
font-weight: 600;
margin: 15px 0 26px;
position: relative;
transition: all 400ms linear;
}
.service_item.style_one h2.title a{
font-size: 26px;
font-weight: 600;
margin: 15px 0 26px;
position: relative;
color: #001819;
transition: all 400ms linear;
}
.service_item.style_one:hover h2.title a{
color:#fff;
}
.service_item.style_one h2.title:before {
position: absolute;
content: "";
width: 34px;
height: 2px;
left: 0;
bottom: -13px;
background: #79B900;
}
.service_item.style_one p.description {
transition: .5s;
font-size: 17px;
margin: 36px 0 0;
}
.service_item.style_one .service_thumb img {
width: 100%;
position: relative;
z-index: 1;
}
.service_item.style_one .service_thumb{
position: relative;
}
.service_item.style_one .service_thumb::before {
background: rgba(121,186,0, 0.6);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
z-index: 9999;
}
.service_item.style_one:hover .service_thumb::before {
left: 10%;
right: 10%;
opacity: 0;
transition: all 500ms linear;
}
.service_item.style_one .details-button a {
display: inline-block;
height: 50px;
width: 50px;
line-height: 50px;
text-align: center;
background: #fff;
border-radius: 50%;
font-size: 20px;
font-weight: 700;
transform: rotate(-45deg);
transition: .5s;
color: #79ba00;
position: absolute;
top: 30px;
right: 19px;
transition: all 400ms linear;
}
.service_item.style_one:hover .details-button a{
background:#79ba00;
color:#fff;
} .service_carousel.style1 .owl-nav {
position: absolute;
top: -119px;
right: 0;
}
.service_carousel.style1 button.owl-prev i, .service_carousel.style1 button.owl-next i {
background: #E6E7E9;
display: inline-block;
color: #222;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
border-radius: 30px;
font-size: 18px;
transition: 0.5s;
margin: 0 5px;
}
.service_carousel.style1 button.owl-prev i:hover,
.service_carousel.style1 button.owl-next i:hover {
background: #79B900;
color: #fff;
} .service_item.style_two .service_thumb {
margin-right: 21px;
position: relative;
overflow: hidden;
}
.service_item.style_two:hover .shape-image{
top: -165px;
right: -182px;
}
.service_item.style_two .shape-image {
position: absolute;
top: -272px;
right: -282px;
transition: all 500ms linear;
}
.service_item.style_two .service_thumb::before {
background: rgba(121,185,0, 0.8);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
}
.service_item.style_two .service_thumb img {
border-radius: 5px 5px 0 0;
}
.service_item.style_two:hover .service_thumb::before {
left: 0;
right: 0;
opacity: 0;
transition: all 500ms linear;
}
.service_item.style_two .service_content {
background: #F5F8ED;
padding: 30px 34px 28px;
width: 88%;
border-left: 5px solid #79B900;
position: relative;
margin-top: -38px;
transition: 0.5s;
border-radius: 5px;
height: 117px;
}
.service_item.style_two .icon_shape {
display: inline-block;
position: absolute;
right: 16px;
bottom: 8px;
}
.service_item.style_two h4.title {
color: #868681;
font-size: 16px;
font-weight: 500;
margin: 0;
transition: 0.5s;
}
.service_item.style_two h2.title {
display: inline-block;
color: #001819;
font-size: 26px;
font-weight: 600;
transition: 0.5s;
position: relative;
z-index: 2;
}
.service_item.style_two h2.title a{
color: #001819;
font-size: 26px;
font-weight: 600;
transition: 0.5s;  
}
.service_item.style_two .details-button a {
font-size: 17px;
display: inherit;
color: #fff;
font-weight: 500;
margin-top: 15px;
transition: 0.5s;
position: relative;
z-index: 2;
}
.service_item.style_two:hover .service_content {
background: #79b900;
height: 159px;
margin-top: -83px;
}
.service_item.style_two:hover h2.title a{
color: #fff;
}
.service_item.style_two:hover h4.title {
color: #fff;
} .service_carousel.style2 .owl-nav {
position: absolute;
top: -119px;
right: 273px;
}
.service_carousel.style2 button.owl-prev i, .service_carousel.style2 button.owl-next i {
background: #E6E7E9;
display: inline-block;
color: #222;
width: 55px;
height: 55px;
text-align: center;
line-height: 55px;
border-radius: 30px;
font-size: 18px;
transition: 0.5s;
margin: 0 5px;
}
.service_carousel.style2 button.owl-prev i:hover,
.service_carousel.style2 button.owl-next i:hover {
background: #79B900;
color: #fff;
} .service_item.style_three {
margin: 0 10px;
}
.service_item.style_three .service_thumb{
position: relative;
}
.service_item.style_three .service_thumb::before {
background: rgba(73,175,69, 0.6);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
z-index: 9999;
}
.service_item.style_three:hover .service_thumb::before {
left: 0;
right: 0;
opacity: 0;
transition: all 500ms linear;
}
.service_item.style_three .service_content {
background: #fff;
padding: 54px 32px 23px;
position: relative;
border-radius: 0 0 10px 10px;
}
.service_item.style_three .icon_shape img {
display: inline-block;
width: inherit;
}
.service_item.style_three h2.title {
display: inline-block;
font-size: 26px;
font-weight: 600;
position: relative;
transition: 0.5s;
}
.service_item.style_three h2.title a{
display: inline-block;
font-size: 26px;
font-weight: 600;
color: #001819;
}
.service_item.style_three h2.title a:hover{
color: #79B900 ;
}
.service_item.style_three h2.title:before {
position: absolute;
content: "";
width: 30px;
height: 2px;
bottom: -20px;
left: 0;
background: #79B900;
}
.service_item.style_three p.description {
transition: .5s;
margin: 36px 0 16px;
border-bottom: 1px solid rgba(0,24,25,0.10);
padding-bottom: 24px;
}
.service_item.style_three .icon_shape {
display: inline-block;
position: absolute;
top: -43px;
z-index: 9999;
}
.service_item.style_three .details-button a {
display: flex;
justify-content: space-between;
font-size: 16px;
text-transform: capitalize;
color: #1e1e1e;
font-weight: 600;
transition: 0.5s;
position: relative;
top: 12px;
}
.service_item.style_three .details-button a:hover{
color: #79B900 ;
}
.service_item.style_three .details-button a i {
display: inline-block;
font-size: 15px;
border-radius: 50%;
color: #111111;
width: 44px;
height: 44px;
text-align: center;
line-height: 44px;
transform: rotate(-45deg);
position: relative;
top: -12px;
border: 1px solid rgba(0,24,25,0.10);
transition: 0.5s;
}
.service_item.style_three:hover .details-button a i{
background:#79B900 ;
color: #fff;
} .service_carousel4.style_three .owl-dots {
text-align: center;
position: relative;
top: 81px;
left: 0;
display: flex;
right: 0;
margin: auto;
justify-content: center;
}
.service_carousel4.style_three  button.owl-dot {
margin: 0 6px;
background: #C5CAC3;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin: 0 6px;
}
.service_carousel4.style_three .owl-dot.active {
background: #79B900;
position: relative;
}
.service_carousel4.style_three .owl-dot.active:before {
position: absolute;
content: "";
width: 20px;
height: 20px;
left: -5px;
top: -5px;
border: 1px solid #79B900;
border-radius: 50%;
} .service_item.style_four {
margin: 0 10px;
position: relative;
z-index: 2;
}
.service_item.style_four .service_thumb{
position: relative;
}
.service_item.style_four .service_thumb::before {
background: rgba(73,175,69, 0.6);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
z-index: 2;
}
.service_item.style_four:hover .service_thumb::before {
left: 0;
right: 0;
opacity: 0;
transition: all 500ms linear;
}
.service_item.style_four .service_content {
background: #EEF0EB;
padding: 30px 34px 17px;
width: 60%;
border-left: 0;
border-bottom: 5px solid #79B900;
position: relative;
margin-top: 0;
transition: 0.5s;
border-radius: 10px 10px 0 0;
position: absolute;
bottom: -166px;
left: 36px;
z-index: 22;
}
.service_item.style_four p.description {
color: #79B900;
font-size: 16px;
font-weight: 500;
margin: 0;
transition: 0.5s;
line-height: 18px;
}
.service_item.style_four h2.title {
margin: 0;
}
.service_item.style_four .title a {
display: inline-block;
color: #001819;
font-size: 26px;
font-weight: 600;
transition: 0.5s;
}
.service_item.style_four .title a:hover{
color: #79B900;
}
.service_item.style_four .details-button a {
background: #79B900;
width: 40px;
height: 40px;
display: inline-block;
text-align: center;
line-height: 40px;
border-radius: 50%;
transform: rotate(-46deg);
color: #fff;
position: absolute;
right: 39px;
top: 40px;
}
.service_item.style_four:hover .service_content {
margin-top: 0px;
bottom: 0;
} .service_carousel.style4 .owl-dots {
text-align: center;
position: relative;
top: 82px;
left: 0;
display: flex;
right: 0;
margin: auto;
justify-content: center;
}
.service_carousel.style4  button.owl-dot {
margin: 0 6px;
background: #C5CAC3;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin: 0 6px;
}
.service_carousel.style4 .owl-dot.active {
background: #79B900;
position: relative;
}
.service_carousel.style4 .owl-dot.active:before {
position: absolute;
content: "";
width: 20px;
height: 20px;
left: -5px;
top: -5px;
border: 1px solid #79B900;
border-radius: 50%;
} .service_list.style-1 .service-text {
border-bottom: 1px solid rgba(0,24,25,0.10196078431372549);
padding-bottom: 11px;
margin-bottom: 12px;
}
.service_list.style-1 .service-text:last-child{
margin-bottom: none;
}
.service_list.style-1 .service-text h4 {
color: #868681;
font-weight: 400;
font-size: 16px;
margin: 0 0 11px;
}
.service_list.style-1 .service-text h3 {
font-size: 18px;
color: #001819;
font-weight: 500;
} .lines.about {
padding: 0px 0 4px;
animation: inherit;
}
.lines.about .line {
width: 100%;
}
.dreamit-icon-title h4 {
font-size: 22px;
font-weight: 500;
color: #fff;
padding: 4px 0 10px;
font-style: italic;
}
.line .lines .line {
background-color: rgba(35, 35, 35, 0.1);
} .about .dreamit-icon-title h4 {
color: #232323;
} .dreamit-icon-title-two .dreamit-icon-title h4 {
font-size: 22px;
font-weight: 500;
color: #232323;
font-style: inherit;
}
.dreamit-icon-title h4 span {
color: #79B900;
}
.dreamit-custom-title h4 {
font-size: 18px;
font-weight: 500;
color: #fff;
text-align: center;
position: relative;
z-index: 1;
}
.dreamit-custom-title h4:before {
position: absolute;
content: "";
left: -40px;
top: 9px;
height: 2px;
width: 393px;
background-color: rgba(255, 255, 255, 0.14901960784313725);
}
.dreamit-custom-title h4:after {
position: absolute;
content: "";
right: -40px;
top: 9px;
height: 2px;
width: 393px;
background-color: rgba(255, 255, 255, 0.14901960784313725);
} .dreamit-custom-title-two .dreamit-custom-title h4 {
color: #232323;
}
.dreamit-custom-title-two .dreamit-custom-title h4:before {
background-color: rgba(35, 35, 35, 0.10196078431372549);
width: 390px;
}
.dreamit-custom-title-two .dreamit-custom-title h4:after {
background-color: rgba(35, 35, 35, 0.10196078431372549);
width: 390px;
} .line-two .lines.about .line {
width: 100%;
background-color: #E0E0E0;
} .icon-box.style1 {
display: flex;
gap: 26px;
padding: 0;
border-radius: 5px;
margin-right: 15px;
position: relative;
z-index: 1;
}
.box_two .icon-box.style1{
border-bottom: 1px solid #61616133;
padding-bottom: 31px;
margin-bottom: 3px;
}
.icon-box.style1 .icon-box-icon {
margin-right: 0;
flex-shrink: 0;
position: relative;
top: 8px;
}
.icon-box.style1 .icon-box-content h2 {
font-size: 24px;
font-weight: 600;
margin: 0 0 12px;
}
.icon-box.style1 .icon-box-content .description p {
margin: 0;
width: 93%;
}
.icon-box.style1 .icon-box-icon .icon i {
background: #47AD49;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 28px;
border-radius: 50%;
display: inline-block;
text-align: center;
transition: 0.5s;
} .icon-box.style-two {
display: flex;
align-items: center;
gap: 18px;
background: #FFF;
padding: 18px 10px 18px 26px;
border-radius: 5px;
margin-right: 0;
position: relative;
z-index: 1;
transition: .5s;
}
.icon-box.style-two .icon i {
background: #79B900;
color: #fff;
width: 40px;
height: 40px;
line-height: 40px;
font-size: 17px;
border-radius: 50%;
display: inline-block;
text-align: center;
transition: 0.5s;
}
.icon-box.style-two .icon-box-content .title h2 {
font-size: 20px;
margin: 0px;
font-weight: 500;
}
.icon-box.style-two .description p {
margin: 0;
}
.icon-box.style-two:hover{
background:#79B900 ;
}
.icon-box.style-two:hover .icon i{
background: #fff;
color: #47AD49;
}
.icon-box.style-two:hover .icon-box-content .title h2{
color: #fff;
} .icon-box.style-three {
display: flex;
padding: 0;
transition: 0.5s;
margin-bottom: 6px;
}
.icon-box.style-three .img-icon {
display: inline-block;
width: 66px;
height: 66px;
border-radius: 10px;
background-color: rgba(121,186,0,0.14901960784313725);
line-height: 90px;
text-align: center;
margin-right: 22px;
}
.icon-box.style-three .icon i {
background: #79B900;
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50%;
color: #fff;
text-align: center;
font-size: 11px;
position: relative;
margin-right: 16px;
}
.icon-box.style-three .title h2 {
font-size: 22px;
display: inline-block;
margin: 0 0 8px;
font-weight: 600;
}
.icon-box.style-three .description p {
margin: 0;
font-size: 17px;
} .icon-box.style4 .img-icon {
position: relative;
z-index: 1;
display: inline-block;
}
.icon-box.style4 .img-icon:after {
position: absolute;
content: "";
top: -10px;
left: -10px;
width: 90px;
height: 90px;
border-radius: 45px;
background-color: rgba(255,255,255,0);
border: 2px solid #79B900;
-webkit-animation: ripple 1.6s ease-out infinite;
-moz-animation: ripple 1.6s ease-out infinite;
}
.icon-box.style4 .description p {
display: none;
}
@keyframes ripple {
0%, 35% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 1; }
50% {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.8; }
100% {
opacity: 0;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
} .icon-box.style5 {
background: #f7f5ed;
border-radius: 5px;
padding: 33px 13px 12px 29px;
display: flex;
align-items: center;
}
.icon-box.style5 .icon-box-icon {
flex-shrink: 0;
}
.icon-box.style5 .icon-box-content {
padding: 0 13px 0 32px;
}
.icon-box.style5 .title h2 {
margin: 0 0 13px;
font-size: 22px;
font-weight: 600;
}
.icon-box.style5 .description p {
font-size: 17px;
} .icon-box.style6 {
display: flex;
align-items: center;
padding: 28px 31px 32px;
}
.icon-box.style6 .icon-box-icon {
flex-shrink: 0;
}
.icon-box.style6 .title h2{
margin: 0;
}
.icon-box.style6 .description p {
font-size: 22px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
font-style: italic;
font-family: "Albert Sans";
position: relative;
padding-left: 58px;
margin: 0;
}
.icon-box.style6 .description p:before {
position: absolute;
content: "";
top: 8px;
left: 30px;
width: 2px;
height: 46px;
background-color: rgba(255,255,255,0.2);
} @keyframes kmacb-circle-img-anim {
0% {
transform: rotate(0deg) scale(1) skew(1deg);
}
10% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
20% {
transform: rotate(25deg) scale(1) skew(1deg);
}
30% {
transform: rotate(-25deg) scale(1) skew(1deg);
}
40% {
transform: rotate(25deg) scale(1) skew(1deg);
}
50% {
transform: rotate(0deg) scale(1) skew(1deg);
}
100% {
transform: rotate(0deg) scale(1) skew(1deg);
}
} .icon-box.style8 {
text-align: center;
padding: 0 20px;
}
.icon-box.style8 .icon i {
display: inline-block;
height: 81px;
width: 81px;
line-height: 81px;
text-align: center;
background: #fff;
border-radius: 100%;
font-size: 29px;
position: relative;
color: #79B900;
}
.icon-box.style8 .icon i:after {
position: absolute;
content: "";
top: -9px;
left: -9px;
height: 100px;
width: 100px;
border-radius: 100%;
border: 1px solid#fff;
-webkit-animation: ripple 1.6s ease-out infinite;
-moz-animation: ripple 1.6s ease-out infinite;
}
.icon-box.style8 .title h2 {
font-size: 24px;
color: #fff;
font-weight: 600;
margin: 32px 0 12px;
}
.icon-box.style8 .description p {
color: #fff;
margin: 0;
} .icon-box.style12 {
display: flex;
align-items: center;
padding: 34px 12px 33px 40px;
border-radius: 5px;
}
.icon-box.style12 .icon-box-icon {
flex-shrink: 0;
margin-right: 21px;
}
.icon-box.style12 .title h2 {
color: #fff;
font-size: 26px;
font-weight: 600;
margin: 0 0 2px;
}
.icon-box.style12 .description p {
color: #fefefe;
margin: 0 0 0;
line-height: 29px;
} .icon-box.style13{
display: flex;
align-items: center;
padding: 15px;
border-radius: 5px;
}
.icon-box.style13 .icon-box-icon {
flex-shrink: 0;
margin-right: 50px;
line-height: 0;
}
.icon-box.style13 .description p {
margin: 0 0 0;
line-height: 26px;
position:relative;
}
.icon-box.style13 .description p:after {
position: absolute;
content: "";
top: 0;
left: -38px;
height: 33px;
width: 33px;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/quote2.png);
background-position: center center;
background-repeat: no-repeat;
} .style_13 .icon-box.style13{
padding:0;
} .circle-progress {
display: inline-block;
position: relative;
}
.circle-progress h2 {
text-align: left;
font-size: 18px;
display: inline-block;
position: relative;
left: 15px;
line-height: 28px;
font-weight: 500;
margin: 0;
}
.progress {
width: 89px!important;
height: 89px!important;
line-height: 150px;
margin: 0;
box-shadow: none;
display: inline-block;
position: relative;
background: transparent!important;
}
.progress:after {
content: "";
width: 90%;
height: 90%;
border-radius: 50%;
border: 6px solid #eee;
position: absolute;
top: 0;
left: 0;
}
.progress > span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.progress .progress-left {
left: 0;
}
.progress .progress-bar {
width: 90%;
height: 90%;
background: none;
border-width: 6px;
border-style: solid;
position: absolute;
top: 0;
border-color: #FF3D00;
}
.progress .progress-left .progress-bar {
left: 91%;
border-top-right-radius: 75px;
border-bottom-right-radius: 75px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.progress .progress-right {
right: 0;
}
.progress .progress-right .progress-bar {
left: -96%;
border-top-left-radius: 75px;
border-bottom-left-radius: 75px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
}
.progress .progress-value {
display: flex;
border-radius: 50%;
font-size: 22px;
text-align: center;
line-height: 20px;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
font-weight: 400;
color: #232323;
}
.progress .progress-value span {
font-size: 18px;
text-transform: uppercase;
} .progress[data-percentage="10"] .progress-right .progress-bar {
animation: loading-1 1.5s linear forwards;
}
.progress[data-percentage="10"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="20"] .progress-right .progress-bar {
animation: loading-2 1.5s linear forwards;
}
.progress[data-percentage="20"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="30"] .progress-right .progress-bar {
animation: loading-3 1.5s linear forwards;
}
.progress[data-percentage="30"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="40"] .progress-right .progress-bar {
animation: loading-4 1.5s linear forwards;
}
.progress[data-percentage="40"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="50"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="50"] .progress-left .progress-bar {
animation: 0;
}
.progress[data-percentage="60"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="60"] .progress-left .progress-bar {
animation: loading-1 1.5s linear forwards 1.5s;
}
.progress[data-percentage="70"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="70"] .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.5s;
}
.progress[data-percentage="80"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="80"] .progress-left .progress-bar {
animation: loading-3 1.5s linear forwards 1.5s;
}
.progress[data-percentage="90"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="90"] .progress-left .progress-bar {
animation: loading-4 1.5s linear forwards 1.5s;
}
.progress[data-percentage="100"] .progress-right .progress-bar {
animation: loading-5 1.5s linear forwards;
}
.progress[data-percentage="100"] .progress-left .progress-bar {
animation: loading-5 1.5s linear forwards 1.5s;
}
@keyframes loading-1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(36);
transform: rotate(36deg);
}
}
@keyframes loading-2 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(72);
transform: rotate(72deg);
}
}
@keyframes loading-3 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(108);
transform: rotate(108deg);
}
}
@keyframes loading-4 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(144);
transform: rotate(144deg);
}
}
@keyframes loading-5 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(180);
transform: rotate(180deg);
}
} .single-counter.style1 .icon {
margin-bottom: 25px;
}
.single-counter.style1 .icon i {
font-size: 50px;
color: #79B900;
}
.single-counter.style1 span {
font-size: 50px;
font-weight: 500;
margin-bottom: 21px;
display: inline-block;
color: #101210;
}
.single-counter.style1 h6 {
color: #9D9EA6;
font-size: 16px;
font-weight: 500;
} .single-counter.style_two {
display: flex;
align-items: center;
}
.single-counter.style_two .icon {
margin-bottom: 0;
flex-shrink: 0;
margin-right: 27px;
}
.single-counter.style_two span {
font-size: 46px;
font-weight: 700;
margin-bottom: 0;
display: inline-block;
color: #fff;
}
.single-counter.style_two .counter-content h6 {
font-weight: 500;
display: inline-block;
font-size: 20px;
color: #fff;
margin: 7px 0 0;
} .team.style1 {
text-align: center;
background-color: transparent;
padding: 0 0 110px;
position: relative;
z-index: 1;
}
.team.style1 .image {
position: relative;
z-index: 22;
}
.team.style1 .content {
background: #F5F8ED;
padding: 131px 0 29px;
position: absolute;
left: 0;
right: 0;
top: 172px;
border-bottom: 5px solid#fff;
transition: .5s;
}
.team.style1:hover .content{
border-color: #79B900;
}
.team.style1 .image img {
transition: .5s;
}
.team.style1 .bio .name {
font-size: 26px;
font-weight: 600;
margin: 21px 0 15px;
}
.team.style1 .bio .designation {
color: #79B900;
font-weight: 500;
margin: 0;
font-size: 16px;
}
.team.style1 .content .social-icon {
margin: 32px 0 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.team.style1 .content .social-icon li{
margin-bottom: 5px;
margin-right: 5px;
}
.team.style1 .content .social-icon li a{
display: inline-block;
}
.team.style1 .content .social-icon li a i{
border: 1px solid #d5dfda;
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
border-radius: 50%;
color: #7d8d85;
position: relative;
z-index: 1;
transition: 0.5s;
}
.team.style1 .content .social-icon li a i:after{
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background:#79B900;
border-radius: 50%;
z-index: -1;
transform:scale(0);
transition: 0.5s;
}
.team.style1 .content .social-icon li a i:hover:after{
transform: scale(1);
}
.team-social-icon ul li i:hover{
color: #fff;
}
.team.style1 .content .social-icon li a i:hover {
background-color: #79B900;
color: #fff;
} .team.style1.two .content {
background: #fff;
padding: 131px 0 29px;
position: absolute;
left: 0;
right: 0;
top: 172px;
border-bottom: 5px solid#fff;
transition: .5s;
}
.team.style1.two:hover .content{
border-color:#79B900;
}
.team.style2 {
position: relative;
z-index: 1;
}
.team.style2 .team-content {
position: absolute;
bottom: -11px;
left: 0;
right: 0;
}
.team.style2 .bio {
padding: 10px 0 17px;
background: #79B900;
text-align: center;
width: 80%;
position: relative;
z-index: 1;
left: 10%;
border-radius: 3px 3px 0 0;
transform: perspective(500px)rotateX(90deg);
-webkit-transition: all 400ms linear 0ms;
transition: all 400ms linear 0ms;
}
.team.style2 ul.social-icon {
position: relative;
z-index: 1;
left: 10%;
width: 80%;
background: #131323;
text-align: center;
padding: 14px 0 14px;
border-radius: 0 0 3px 3px;
transform: perspective(500px)rotateX(-90deg);
-webkit-transition: all 400ms linear 0ms;
transition: all 400ms linear 0ms;
}
.team.style2 .bio h2 {
font-size: 22px;
font-weight: 500;
padding: 0 0 4px;
color: #fff;
}
.team.style2 h5.designation {
font-size: 16px;
color: #fff;
font-family: 'Rubik', sans-serif;
font-weight: 400;
margin: 0 0 5px;
}
.team.style2 ul.social-icon li {
display: inline-block;
color: #fff;
font-size: 14px;
margin-right: 6px;
}
.team.style2 ul.social-icon li a{
color: #fff;
position: relative;
z-index: 1;
display: inline-block;
width: 38px;
height: 38px;
line-height: 41px;
text-align: center;
border-radius: 50px;
background-color: #373644;
display: inline-block;
color: #fff;
font-size: 14px;
margin-right: 6px;
position: relative;
z-index: 1;
overflow: hidden;
}
.team.style2 ul.social-icon li a:before {
position: absolute;
content: "";
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #79B900;
transform: scale(0);
border-radius: 50px;
transition: .5s;
}
.team.style2 ul.social-icon li a:hover:before{
transform: scale(1);
} .team.style2:hover .bio {
transform: perspective(500px)rotateX(0deg);
}
.team.style2:hover ul.social-icon {
transform: perspective(500px)rotateX(0deg);
} .team.style3 {
text-align: center;
background-color: transparent;
padding: 0;
}
.team.style3:hover .image img{
transform: scale(1.1);
}
.team.style3 .image img {
transition: .5s;
}
.team.style3 .bio .name {
font-size: 24px;
font-weight: 500;
margin: 21px 0 8px;
}
.team.style3 .bio .designation {
color: #7b7b7b;
font-weight: 400;
margin: 0;
font-size: 16px;
}
.team.style3:hover .bio .designation{
opacity: 0;
}
.team.style3 .content {
position: relative;
}
.team.style3 .content .social-icon {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: absolute;
left: 0;
right: 0;
top: 44px;
opacity: 0;
transform: .5s;
}
.team.style3:hover .content .social-icon{
opacity: 1;
top: 32px;
}
.team.style3 .content .social-icon {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
transition: .5s;
}
.team.style3 .content .social-icon li{
margin-bottom: 5px;
margin-right: 5px;
}
.team.style3 .content .social-icon li a{
display: inline-block;
transition: .5s;
}
.team.style3 .content .social-icon li a i {
display: inline-block;
color: #7b7b7b;
text-align: center;
font-size: 15px;
margin: 0 3px;
transition: .5s;
}
.team.style3 .content .social-icon li a i:hover{
color: #fff;
} .right_menu{
position: sticky;
padding: 140px;
}
h2.heading-text {
position: relative;
z-index: 1;
}
h2.heading-text:before {
position: absolute;
content: "";
bottom: -12px;
left: 0;
height: 2px;
width: 30px;
background: #79B900;
}
.heading h4 {
border-bottom: 2px solid#DDE0E7;
padding-bottom: 20px;
} .work-process.style1 {
text-align: center;
padding: 0 43px;
position: relative;
}
.work-process.style1 .icon {
position: relative;
display: inline-block;
z-index: 1;
}
.work-process.style1 .icon:before {
position: absolute;
content: "";
width: 200px;
height: 200px;
left: -10px;
right: 0;
top: 17px;
border: 2px dashed #79B900;
border-radius: 50%;
margin: auto;
animation: rotateme 20s linear infinite;
z-index: -1;
}
.work-process.style1 .icon i{
color: #ee53f8;
}
.work-process.style1 .content .title {
transition: .5s;
font-size: 24px;
font-weight: 700;
margin: 37px 0 15px;
}
.work-process.style1 .content .description {
font-weight: 400;
color: #868681;
}
.work-process.style1 .work_progress {
text-align: center;
margin-bottom: 30px;
position: relative;
padding: 0 20px;
}
.work-process.style1 .wrok_process_thumb {
text-align: center;
border: 4px solid transparent;
border-radius: 50%;
display: inline-block;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
position: relative;
box-shadow: 0 0 9px 0 rgba(24,35,51,.09);
}
.work-process.style1 .wrok_process_thumb img {
border-radius: 50%;
border: 10px solid #fff;
}
.work-process.style1 progress_content {
text-align: center;
}
.default-style .work_progress-number{
position: absolute;
left: -26px;
top: 50.5%;
margin: auto;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.work-process.style1 .shape_image {
display: inline-block;
position: absolute;
top: 30%;
right: -77px;
transform: translate(0%, -50%);
}
.last-process .work-process.style1 .shape_image {
display: none;
} .work_progress.style3 {
padding: 34px 13px 7px;
background: #f5f5f5;
border-radius: 5px;
}
.work_progress.style3 .work_progress-title h2 {
font-size: 20px;
font-weight: 500;
margin: 7px 0 4px;
}
.work_progress.style3 .work_progress-number span {
background: #79B900;
display: inline-block;
height: 70px;
width: 70px;
line-height: 70px;
color: #fff;
}
.work_progress.style3 .work_progress-number span::before {
display: none;
}
.work_progress.style3 .work_progress-number span::after {
position: absolute;
left: -6px;
top: -6px;
width: 82px;
height: 82px;
background: #ED2C41;
opacity: 0.3;
} span.elementor-progress-percentage {
position: relative;
top: -22px!important;
} .call-to-action {
text-align: center;
position: relative;
}
.call-to-action-title h2 {
margin-bottom: 12px;
font-size: 35px;
margin: 20px auto;
text-transform: capitalize;
}
.call-to-action-title span {
font-size: 40px;
display: block;
letter-spacing: 0;
line-height: 1.2;
margin-top: 20px auto 0;
font-weight: 700;
}
.call-to-action-btn {
margin-top: 30px;
}
.call-to-action-btn a {
border: none;
display: inline-block;
text-transform: capitalize;
background-color: #ED2C41;
border-radius: 4px;
color: #fff;
padding: 16px 32px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
font-weight: 500;
}
.call-to-action-btn a i{
margin-left:8px;
}
.call-to-action-btn a:hover {
background: #fff;
color: #ED2C41;
}
.call-to-action-desc {
width: 31%;
margin: auto;
}
.call-to-video {
margin-bottom: 35px;
}
.call-video-link a{
display:inline-block
}
.call-video-link a i {
width: 90px;
height: 90px;
display: inline-block;
background: #fff;
text-align: center;
line-height: 90px;
color: #ED2C41;
border-radius: 100%;
position:relative;
z-index:1;
-webkit-transition:.3s;
-o-transition:.3s;
transition:.3s;
}
.call-video-link a {
position:relative;
}
.call-video-link a::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 100px;
width: 100px;
background: rgba(255,255,255, 0.8);
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
.call-to-video i {
font-size: 23px;
} .testimonial.style1{
padding: 10px;
}
.testimonial.style1 .owl-item:nth-child(odd) {
margin-top: 0;
}
.testimonial.style1 .testimonial-item {
background-color: #ffffff;
border-radius: 5px;
padding: 44px 27px 47px 39px;
position: relative;
transition: .5s;
margin: 24px 10px 24px;
display: flex;
}
.testimonial.style1 .single_img {
display: inline-block;
position: absolute;
right: 45px;
bottom: 62px;
}
.testimonial.style1 .testimonial-item .author {
align-items: center;
margin-right: 8px;
position: relative;
flex-shrink: 0;
}
.testimonial.style1 .testimonial-item .author img {
height: 92px;
width: 92px;
object-fit: cover;
margin-right: 22px;
display: inline-block;
}
.testimonial.style1 .testimonial-item .bio .name {
font-weight: 600;
font-size: 24px;
margin: 8px 0 5px;
}
.testimonial.style1 .testimonial-item .bio .designation {
font-size: 16px;
font-weight: 400;
margin: 0;
color: #7b7b7b;
transition: all 400ms linear;
}
.testimonial.style1 .testimonial-item .quote {
transition: all 400ms linear;
padding: 21px 0 18px;
margin-bottom: 12px;
font-size: 18px;
color: #868681;
line-height: 28px;
}
.testimonial.style1 .testimonial-item span.support {
color: #79B900;
font-size: 18px;
margin: 0;
font-weight: 500;
}
.testimonial.style1 .testimonial-item .reviews_rating {
display: inline-block;
position: relative;
}
.testimonial.style1 .testimonial-item .testi-star i {
color: #ddd;
font-size: 10px;
}
.testimonial.style1 .testimonial-item .testi-star i.active {
display: inline-block;
font-size: 11px;
color: #fff;
background: #79B900;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
margin: 0 3px 0 0;
border-radius: 4px;
}
.testimonial.style1 .testimonial-item:hover{
transform: translateY(-10px);
}
.active.center .testimonial-item {
margin-top: 10px;
}  .testimonial.style1 .owl-dots {
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
display: inline-block;
bottom: -36px;
cursor: pointer;
z-index: 99999;
}
.testimonial-carousel button {
transition: all 0.4s ease 0s;
border: medium none;
border-radius: 35px;
background: #79B900;
color: #fff;
font-family: 'Fira Sans';
font-weight: 500;
text-align: center;
padding: 13px 30px;
position: absolute;
right: inherit; 
top: 9px;
display: inline-block;
z-index: 1;
margin: 0 9px;
}
.testimonial-carousel.owl-carousel .owl-nav button.owl-next,
.testimonial-carousel.owl-carousel .owl-nav button.owl-prev,
.testimonial-carousel.owl-carousel button.owl-dot {
background: rgba(255, 255, 255, 0.30196078431372547);
color: inherit;
border: none;
padding: 0 0px 0 0px!important;
font: inherit;
right: 0;
text-align: center;
left: 0;
border-radius: 4px;
}
.testimonial-carousel.owl-carousel button.owl-dot {
position: relative;
display: inline-block;
width: 13px;
height: 13px;
border-radius: 10px;
background-color: #C3CAC2;
display: inline-block;
margin-right: 1px;
}
.testimonial-carousel.owl-carousel button.owl-dot.active {
background-color: #79B900;
position: relative;
z-index: 1;
}
.testimonial-carousel.owl-carousel button.owl-dot.active:before {
position: absolute;
content: "";
left: -4px;
top: -4px;
width: 21px;
height: 21px;
border: 1px solid #79B900;
border-radius: 15px;
}
.about-testi .testimonial.style1 .testimonial-item {
filter: drop-shadow(0px 10px 30px rgba(179, 179, 179, 0.2));
} .testimonial.style1.style2 .testimonial-item {
filter: none;
background-color: #F6F6EE;
margin: 11px 5px 24px;
padding: 44px 27px 47px 39px;
}
.testimonial.style1.style2 .testimonial-item span.support {
color: #79B900;
font-size: 18px;
margin: 0;
font-weight: 500;
position: absolute;
top: 49%;
}
.testimonial.style1.style2 .owl-nav {
margin-top: 20px;
}
.testimonial.style1.style2 .owl-nav i {
display: inline-block;
border: 1px solid #E6E7E9;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
border-radius: 3px;
color: #000000;
transition: 0.5s;
margin: 0 5px;
border-radius: 30px;
}
.testimonial.style1.style2 .owl-nav i:hover {
background: #79B900;
color: #fff;
} .testimonial.style3 .testimonial-item .author {
display: flex;
align-items: center;
margin-bottom: 41px;
}
.testimonial.style3 .testimonial-item .author img{
width: 13%;
}
.testimonial.style3 .testimonial-item .bio {
padding-left: 20px;
}
.testimonial.style3 .testimonial-item h5.designation {
margin: 8px 0 0;
font-size: 16px;
font-weight: 400;
color: #7b7b7b;
}
.testimonial.style3 .testimonial-item .single_img {
display: inline-block;
float: left;
}
.testimonial.style3 .testimonial-item p.quote {
font-size: 20px;
color: #101010;
line-height: 35px;
overflow: hidden;
}
.testimonial.style3 .testimonial-item .single_img a {
display: inline-block;
float: left;
margin-right: 20px;
position: relative;
top: 9px;
}
.testimonial.style3 .testimonial-item .single_img a img {
display: inline-block;
height: 31px;
width: 31px;
} .testimonial-item.style_8 {
margin-right: 20px;
position: relative;
z-index: 1;
padding: 39px 37px 38px;
}
.testimonial-item.style_8:after {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: -1;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2024/07/testi-bg.png);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: 10px;
}
.testimonial-item.style_8 .single_img {
display: inline-block;
}
.testimonial-item.style_8 p.quote {
font-size: 20px;
line-height: 32px;
color: #ffffff;
font-weight: 400;
font-family: "Albert Sans";
margin: 0 0 22px;
}
.testimonial-item.style_8 .testi-star i.active {
color: #fff;
font-size: 20px;
margin-bottom: 19px;
}
.testimonial-item.style_8 h4.name {
font-size: 20px;
line-height: 32px;
color: #ffffff;
font-weight: 600;
font-family: "Albert Sans";
margin: 0;
}
.testimonial-item.style_8 h5.designation {
opacity: 0.800;
font-size: 16px;
color: #ffffff;
font-weight: 500;
font-family: "Albert Sans";
margin: 6px 0 0;
}
.testimonial-item.style_8 .testi-content {
display: flex;
align-items: center;
}
.testimonial-item.style_8 .single_img {
margin-right: 17px;
} .testimonial.style8 .owl-dots {
display: flex;
justify-content: center;
margin-top: 44px;
}
.testimonial.style8 .owl-dots .owl-dot {
width: 14px;
height: 14px;
border-radius: 7px;
background-color: #a5aaa5;
margin: 0 4px;
position: relative;
}
.testimonial.style8 .owl-dots .owl-dot.active{
background-color: #79b900; 
position: relative;
}
.testimonial.style8 .owl-dots .owl-dot.active:after {
position: absolute;
content: "";
top: -3px;
left: -3px;
height: 20px;
width: 20px;
border: 1px solid#79b900;
border-radius: 50%;
transition: .5s;
} .case-study.style1 .case-grid{
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 30px;
}
.case-study.style1 .case-grid .gird-item{
position: relative;
overflow: hidden;
}
.case-study.style1 .case-grid .gird-item .image{
position: relative;
}
.case-study.style1 .case-grid .gird-item .image img{
height: 380px;
object-fit: cover;
}
.case-study.style1 .case-grid .gird-item .image::before{
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: var(--main-color);
opacity: 0;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.case-study.style1 .case-grid .gird-item:hover .image::before{
opacity: 0.9;
}
.case-study.style1 .case-grid .gird-item .content {
position: absolute;
top: 100%;
left: 0;
right: 0;
text-align: center;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.case-study.style1 .case-grid .gird-item:hover .content{
top: 50%;
transform: translateY(-50%);
}
.case-study.style1 .case-grid .gird-item .content .case-btn{
display: inline-block;
margin-bottom: 24px;
}
.case-study.style1 .case-grid .gird-item .content .case-btn:hover i{
color: var(--main-color);
background-color: #fff;
}
.case-study.style1 .case-grid .gird-item .content .case-btn i{
color: #fff;
height: 45px;
width: 45px;
line-height: 45px;
border: 1px solid #fff;
border-radius: 5px;
}
.case-study.style1 .case-grid .gird-item .content .title{
color: #fff;
font-size: 20px;
font-weight: 600;
}
.case-study.style1 .case-grid .gird-item .content .category{
color: #fff;
}
.dreamit-single-cases-study{
position: relative;
z-index:999;
}
.cases-study-content {
position: absolute;
left: 0;
bottom: 0;
right: 0;
text-align: center;
background: #ED2C41;
margin: auto;
padding: 20px 30px 1px;
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 999;
width: 100%;
}
.dreamit-single-cases-study:hover .cases-study-content{
bottom: 0;
}
.case-study-thumb{
position:relative;
z-index:1;
}
.case-study-thumb img{
width: 100%;
}
.em-cases-study-title h2 {
font-size: 20px;
font-weight: 700;
line-height: 1;
margin: 0 0 5px;
}
.em-cases-study-title h2 a {
font-size: 20px;
font-weight: 700;
margin: 0 0 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.case_category span {
color: #ED2C41;
}
.case_default .em-cases-study-content{
background: transparent;
width: 100%;
padding: 40px 27px;
top: inherit;
opacity: 1;
text-align: left;
bottom: 0;
}
.case_default .em-cases-study-title h2 a {
font-size: 23px;
}
.case_default .dreamit-single-cases-study {
margin-bottom: 30px;
}
.case_default .case-study-thumb {
position:relative;
z-index: 1;
}
.case_default .case-study-thumb:before {
display:none;
}
.case_default .em-cases-study-title h2 {
margin: 0 0 7px;
color: #fff;
}
.case_default .case_category span,
.case_default .cases-study-content p,
.case_default .em-case-study-button a {
color: #fff;
}
.case_default .cases-study-content p {
margin: 20px 0;
}
.case_default .em-cases-study-title h2 a:hover {
color: #fff;
}
.em-case-study-button {
margin-top: 23px;
} .case-study.style2 .owl-dots {
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: auto;
display: inline-block;
bottom: -69px;
cursor: pointer;
z-index: 22;
}
.blog_wrap.case_study_carousel  button.owl-dot {
position: relative;
z-index: 22;
height: 5px;
width: 9px;
margin: 0 4px;
display: inline-block;
}
.blog_wrap.case_study_carousel button.owl-dot {
position: relative;
z-index: 22;
height: 5px;
width: 9px;
margin: 0 4px;
display: inline-block;
}
.case-study.style2 .owl-theme .owl-dots .owl-dot span {
margin: 0;
opacity: 0;
}
.blog_wrap.case_study_carousel .owl-nav button.owl-next, 
.blog_wrap.case_study_carousel .owl-nav button.owl-prev,
.blog_wrap.case_study_carousel button.owl-dot {
background: rgba(255, 255, 255, 0.30196078431372547);
color: inherit;
border: none;
padding: 0 15px 0 10px!important;
font: inherit;
right: 0;
text-align: center;
left: 0;
border-radius: 4px;
}
.blog_wrap.case_study_carousel button.owl-dot.active {
background: #79B900!important;
}
.echofy-single-blog--thumb img {
width: 100%;
} .case-study.style2 .case-study-thumb::before {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(0deg, rgba(3, 4, 34, 0.902) 0%,
rgba(3, 4, 34, 0.902) 24%, rgba(3, 3, 33, 0) 62%, rgba(3, 3, 33, 0) 100%);
border-radius: 3px;
transition: all 400ms linear;
}
.case-study.style2 .single_case_study:hover .case-study-thumb:before {
background-image: linear-gradient(0deg, rgba(255, 59, 0, 0.902) 0%, 
rgba(255, 59, 0, 0.902) 24%, rgba(255, 59, 0, 0) 62%, rgba(255, 59, 0, 0) 100%);
}
.case-study.style2 .video-icon a {
width: 48px;
height: 48px;
line-height: 50px;
text-align: center;
border-radius: 50%;
color: #fff;
background: #79B900;
display: inline-block;
font-size: 15px;
position: absolute;
top: 80px;
right: 49px;
opacity: 0;
transition: all 400ms linear;
}
.case-study.style2 .single_case_study:hover .video-icon a{
top: 60px;
opacity: 1;
}
.case-study.style2 .cases-study-content {
position: absolute;
text-align: left;
background: transparent;
margin: auto;
padding: 20px 30px 0px;
bottom: -23px;
}
.case-study.style2 h2.title {
line-height: 23px;
margin: 5px 0 0;
}
.case-study.style2 h2.title a {
color: #fff;
font-size: 20px;
font-weight: 600;
}
.case-study.style2 .case_category span {
font-size: 17px;
padding: 0 0 0 32px;
position: relative;
z-index: 1;
transition: all 400ms linear;
color: #79B900;
font-weight: 500;
}
.case-study.style2 .case_category span:before {
position: absolute;
content: "";
z-index: 1;
left: 0;
top: 10px;
width: 22px;
border: 1px solid #79B900;
transition: all 400ms linear;
}
.case-study.style2 .em-case-study-button {
margin-top: 23px;
opacity: 0;
transition: all 400ms linear;
}
.case-study.style2 .em-case-study-button a {
color: #fff;
font-size: 16px;
display: inline-block;
font-weight: 400;
}
.case-study.style2 .em-case-study-button a i {
color: #fff;
font-weight: 600;
font-size: 9px;
display: inline-block;
margin-left: 6px;
} .case-study.style2 .single_case_study:hover .cases-study-content {
bottom: 21px;
}
.case-study.style2 .single_case_study:hover .em-case-study-button{
opacity: 1;
}
.case-study.style2 .single_case_study:hover .case_category span:before{
border-color: #fff;
}
.case-study.style2 .single_case_study:hover .case_category span{
color: #fff;
} .single_project.style_1 {
background: #f7f9f1;
display: flex;
align-items: center;
margin-bottom: 25px;
}
.single_project.style_1 .single_service {
display: flex;
align-items: center;
}
.single_project.style_1 .service_content {
padding: 0 68px 0 40px;
}
.single_project.style_1 .servic_title h1 {
font-size: 24px;
margin: 0 0 11px;
}
.single_project.style_1 .servic_title h4 {
font-size: 16px;
color: #868681;
font-weight: 500;
margin: 0 0 0;
}
.single_project.style_1 .service-images {
line-height: 0;
display: inline-block;
}
.single_project.style_1 .inner_cotent span {
font-size: 24px;
line-height: 38px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
margin: 0;
}
.single_project.style_1 .inner_cotent p {
font-size: 16px;
line-height: 38px;
color: #868681;
font-weight: 500;
font-family: "Albert Sans";
margin: 0 0 0;
}
.single_project.style_1 .inner_cotent {
position: relative;
padding: 0 32px 0;
}
.single_project.style_1 a.btn.btn-gradient.btn-md.btn-animated-none {
border-radius: 5px;
background-color: #79b900;
color: #fff;
padding: 9px 29px;
display: inline-block;
transition: .5s;
position: absolute;
right: -194px;
top: 50%;
transform: translate(-50%, -50%);
}
.single_project.style_1 a.btn.btn-gradient.btn-md.btn-animated-none:hover{
background-color: #001819;
} .brand.style1 .brand-item {
text-align: center;
display: inline-block;
padding-left: 59px;
}
.cloud {
-webkit-animation-name: cloud-movement;
-webkit-animation-timing-function: linear;
-webkit-animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 8s;
-moz-animation-name: cloud-movement;
-moz-animation-timing-function: linear;
-moz-animation-direction: forwards;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 8s;
animation-name: cloud-movement;
animation-timing-function: linear;
animation-direction: forwards;
animation-iteration-count: infinite;
animation-duration: 8s;
}
.slow {
-webkit-animation-duration: 9.2s;
-moz-animation-duration: 9.2s;
animation-duration: 9.2s;
}
.slower {
-webkit-animation-duration: 11.2s;
-moz-animation-duration: 11.2s;
animation-duration: 11.2s;
}
.slowest {
-webkit-animation-duration: 13.5s;
-moz-animation-duration: 13.5s;
animation-duration: 13.5s;
}
@-webkit-keyframes cloud-movement {
0% {
opacity: 0.1;
-webkit-transform: translateX(300px);
-moz-transform: translateX(300px);
transform: translateX(300px);
}
10% {
opacity: 0.7;
}
90% {
opacity: 1;
}
100% {
opacity: 1;
-webkit-transform: translateX(-1000px);
-moz-transform: translateX(-1000px);
transform: translateX(-1000px);
}
} .heading.style1 h6 {
position: relative;
padding-left: 30px;
}
.heading.style1 h6:before {
position: absolute;
content: "";
width: 22px;
height: 2px;
left: 0;
top: 11px;
background: #79B900;
}
.heading.style1 span {
color: #79B900;
} .single-video {
position: relative;
text-align: center;
}
.choose-video-icon {
position: relative;
z-index: 2;
}
.choose-video-icon:before {
position: absolute;
content: "";
width: 150px;
height: 150px;
left: 0;
top: -29px;
border: 3px dotted #79B900;
border-radius: 50%;
z-index: -1;
animation: rotateme2 20s linear infinite;
right: 0;
margin: auto;
}
.choose-video-icon:after {
position: absolute;
content: "";
width: 120px;
height: 120px;
left: 0;
top: -15px;
background-color: rgba(0,24,25,0.2);
border-radius: 50%;
z-index: -1;
right: 0;
margin: auto;
}
.single-video h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin-bottom: 0;
padding-top: 26px;
text-transform: capitalize;
display: inline-block;
margin-left: 25px;
}
.video-icon a {
text-align: center;
display: inline-block;
position:relative;
z-index:99;
}
.single-video.style-one .video-icon a, 
.single-video.style-two .video-icon a {
display: inline-block;
background: #79B900;
color: #fff;
width: 90px;
height: 90px;
text-align: center;
font-size: 28px;
border-radius: 50%;
line-height: 81px;
border: 5px solid #fff;
position: relative;
}
@keyframes rotateme2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.v-overlay .video-icon a i {
border: 0px solid #fff;
font-size: 30px;
} .single-video.style-two .video-icon {
display: inline-block;
}
.single-video.style-two h4.video_title {
display: inline-block;
} .single-video .layer-1 img, .single-video .layer-2 img, .single-video .layer-3 img, .single-video .layer-4 img {
-webkit-animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
animation: alltuchtopdown 1.5s ease-in-out 0s infinite alternate;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
}
@keyframes alltuchtopdown{
0%{
-webkit-transform:rotateX(0deg) translateY(0px);
-ms-transform:rotateX(0deg) translateY(0px);
transform:rotateX(0deg) translateY(0px)
}
50%{
-webkit-transform:rotateX(0deg) translateY(-20px);
-ms-transform:rotateX(0deg) translateY(-20px);
transform:rotateX(0deg) translateY(-20px)
}
100%{
-webkit-transform:rotateX(0deg) translateY(0px);
-ms-transform:rotateX(0deg) translateY(0px);
transform:rotateX(0deg) translateY(0px)
}
}
.single-video.style-three .video-icon a {
-webkit-animation: none;
animation: none;
-webkit-transition: none;
}
.single-video.style-three .video-icon a::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
height: 99px;
width: 99px;
background: rgba(12, 90, 219,1);
z-index: -1;
border-radius: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
}
@keyframes pulse-border {
0% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100% {
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
opacity: 0;
}
}
.single-video.style-three .video-icon a i{
background: #fff;
height: 90px;
width: 90px;
line-height: 90px;
top: 50%;
left: 0;
right: 0;
margin: auto;
text-align: center;
border-radius: 50%;
color: #ED2C41;
font-size: 26px;
position: relative;
} @keyframes moveLeftBounce {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes moveleftbounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
}
@keyframes MOVIE-BG {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
50% {
-webkit-transform: translateX(60px);
transform: translateX(60px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
} .dance3 {
-webkit-animation: dance3 8s alternate infinite;
animation: dance3 8s alternate infinite;
}
@keyframes dance3 {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1);
}
}
.dance {
-webkit-animation: dance 2s alternate infinite;
animation: dance 2s alternate infinite;
}
@keyframes dance {
0% {
-webkit-transform: scale(0.5);
}
100% {
-webkit-transform: scale(1.2);
}
}
.dance2 {
-webkit-animation: dance2 4s alternate infinite;
animation: dance2 4s alternate infinite;
}
@keyframes dance2 {
0% {
-webkit-transform: translate3d(0, 0, 0);
}
50% {
-webkit-transform: translate3d(25px, -25px, 0);
}
100% {
-webkit-transform: translate3d(0, -25px, 25px);
}
}
.dance4 {
-webkit-animation: dance4 3s alternate infinite;
animation: dance4 3s alternate infinite;
}
@keyframes dance4 {
0% {
-webkit-transform: scale(0.9);
}
100% {
-webkit-transform: scale(1.1);
}
}
.watermark-animate {
-webkit-animation: watermark-animate 8s infinite;
animation: watermark-animate 8s infinite;
animation-direction: alternate-reverse;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
}
@keyframes watermark-animate {
0% {
left: 0;
}
100% {
left: 100%;
}
} .pricing.style1 {
padding: 43px 40px 50px;
background: #79B900;
border-top: 5px solid rgba(16,18,16,0.10196078431372549);
border-radius: 5px;
margin-bottom: 0px;
position: relative;
z-index: 1;
}
.pricing.style1 .pricing_img {
display: inline-block;
height: 82px;
width: 82px;
text-align: center;
line-height: 110px;
background: #79B900;
border-radius: 5px;
}
.pricing.style1 .pricing-head {
text-align: left;
position: relative;
}
.pricing.style1 .pricing-title {
position: relative;
display: inline-block;
transition: .5s;
font-size: 18px;
font-weight: 500;
margin: 0 0 13px;
}
.pricing.style1 .price-item {
border-bottom: 1px solid rgba(16,18,16,0.10196078431372549);
padding: 0px 0 25px;
}
.pricing.style1 .price-item .currency {
display: inline-block;
font-size: 40px;
font-weight: 500;
color: #101010;
margin: 8px 0 0;
}
.pricing.style1 .price-item .tk {
display: inline-block;
font-size: 40px;
font-weight: 500;
color: #101010;
margin: 8px 0 0;
}
.pricing.style1 .price-item .month {
font-size: 16px;
display: inline-block;
color: #101210;
}
.pricing.style1 .pricing-body .pricing_title {
color: #101210;
padding: 13px 0 18px;
display: inline-block;
font-size: 16px;
font-weight: 400;
}
.pricing.style1 .pricing-body ul{
margin: 0;
padding: 0;
list-style: none;
}
.pricing.style1 .pricing-body ul li {
list-style: none;
display: block;
padding: 0 0 16px 0;
color: #101210;
}
.pricing.style1 .pricing-body ul li i {
font-size: 11px;
color: #7b7b7b;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
background: #fff;
border-radius: 50%;
transition: .5s;
display: inline-block;
margin-right: 5px;
}
.pricing.style1 .pricing-button {
margin-top: 20px;
transition: .5s;
padding: 11px 27px;
font-weight: 500;
color: #101210;
border: 1px solid #101210;
display: inline-block;
border-radius: 5px;
margin-top: 18px;
position: relative;
z-index: 1;
text-decoration: none;
}
.pricing.style1 .pricing-button i {
margin-left: 6px;
position: relative;
transform: rotate(-45deg);
display: inline-block;
}
.pricing.style1 .pricing-button:hover {
background: #94F787;
color: #fff;
border-color: #94F787;
} .pricing.style1.active {
position: relative;
z-index: 1;
}
.pricing.style1.active:before{
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(https://wp.ditsolution.net/echofy-multi/wp-content/uploads/2023/05/active.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index:-1;
border-radius: 5px;
}
.pricing.style1.active .pricing_img {
background: #fff;
}
.pricing.style1.active .pricing-title {
background-color: transparent;
}
.pricing.style1.active .pricing-title:before{
background:transparent;
}
.pricing.style1.active .price-item {
border-color:#343534;
} .owl_wrapper{
width: 100vw;
overflow: hidden;
}
.owl_content{padding-left: 12%;}
.owl_wrapper .owl-item{
opacity: 0;
transform: scale(0.6);
-ms-transform: scale(0.6);
transition: all .2s;
-webkit-transform: all .2s;
z-index: 1;
}
.owl_wrapper .active{opacity: 0.5;}
.owl_wrapper .active.middle_beside{
transform: scale(0.8);
-ms-transform: scale(0.8);
opacity: 0.8;
margin: 0 -1%;
z-index: 2;
}
.owl_wrapper .active.middle{
transform: scale(1);
-ms-transform: scale(1);
opacity: 1;
z-index: 3;
}
.owl_wrapper .active.next_to_mid{margin-left: -1%;}
.owl_wrapper .active.prev_to_mid{margin-right: -1%;} .owl_wrapper .prev, .owl_wrapper .next{
position: absolute;
top: 100px; left: 100px;
width: 30px;
border-radius: 100%;
text-align: center;
line-height: 30px;
color: #fff;
background: #777;
cursor: pointer;
z-index: 5;
}
.owl_wrapper .next{left: calc(100% - 100px);}
.no_select{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.infos {
width: 500px;
text-align: center;
font-family: 'Roboto', Arial;
font-size: 14px;
line-height: 16px;
margin-top: 50px;
color: #000;
}
.infos a {
color: #555;
text-decoration: none;
}
.infos a:hover {color: #999;}
#carousel {
position: relative;
height: 400px;
overflow: hidden;
}
#carousel div {
position: absolute;
transition: transform 1s, left 1s, opacity 1s, z-index 0s;
opacity: 1;
}
#carousel div img {
width: 400px;
transition: width 1s;
}
#carousel div.hideLeft {
left: 0%;
opacity: 0;
transform: translateY(50%) translateX(-50%);
}
#carousel div.hideLeft img {
width: 200px;
}
#carousel div.hideRight {
left: 100%;
opacity: 0;
transform: translateY(50%) translateX(-50%);
}
#carousel div.hideRight img {
width: 200px;
}
#carousel div.prev {
z-index: 5;
left: 30%;
transform: translateY(50px) translateX(-50%);
}
#carousel div.prev img {
width: 300px;
}
#carousel div.prevLeftSecond {
z-index: 4;
left: 15%;
transform: translateY(50%) translateX(-50%);
opacity: 0.7;
}
#carousel div.prevLeftSecond img {
width: 200px;
}
#carousel div.selected {
z-index: 10;
left: 50%;
transform: translateY(0px) translateX(-50%);
}
#carousel div.next {
z-index: 5;
left: 70%;
transform: translateY(50px) translateX(-50%);
}
#carousel div.next img {
width: 300px;
}
#carousel div.nextRightSecond {
z-index: 4;
left: 85%;
transform: translateY(50%) translateX(-50%);
opacity: 0.7;
}
#carousel div.nextRightSecond img {
width: 200px;
} .contact{
position: relative;
z-index: 1;
}
.form-area.contact-form.contact-one {
background: #fff;
padding: 42px 40px 35px;
border-radius: 5px;
}
.form-area.contact-form.contact-one h6.form-title {
font-size: 16px;
font-weight: 500;
padding: 0 0 16px;
margin: 0;
color: #101210;
}
.form-area.contact-form.contact-one .form-control {
height: 54px;
background-color: #fff;
border: 0;
transition: .5s;
padding: 0px 25px;
display: block;
width: 100%;
color: #616161;
margin-bottom: 25px;
border-radius: 4px;
border: 1px solid rgba(16,18,16,0.1);
}
.form-area.contact-form.contact-one textarea.wpcf7-form-control.wpcf7-textarea.form-control {
border: 1px solid rgba(16,18,16,0.1);
height: 130px;
padding: 15px 25px 0;
}
.form-area.contact-form.contact-one .buttons input {
color: #fff;
border-radius: 30px;
border: none;
padding: 11px 31px;
color: #101010;
display: inline-block;
border-radius: 5px;
position: relative;
z-index: 1;
border: 1px solid transparent;
background: #79B900;
transition: 0.5s;
font-weight: 500;
}
.form-area.contact-form.contact-one .buttons input:hover{
background:#bbf737;
}
.form-group input::placeholder {
color: #6d6d6d!important;
}
.form-group:last-child {
margin-bottom: 0px;
}
.buttons p {
margin: 0;
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d;
opacity: 0.75;
width: 12px;
height: 12px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
.contact input.form-control {
border: 0;
border-radius: 6px;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
border: 1px solid #ddd;
width: 100%;
height: 50px;
padding-left: 25px;
background: #f7f4f4;
border-radius: 30px;
color: #232323;
border: 1px solid rgba(35, 35, 35, 0.12);
transition: .5s;
}
.contact .form-control:focus {
outline: none;
box-shadow: 0 0 6px rgb(204, 48, 0, 0.6);
border-color: #79B900;
}
.contact-shadow{
filter: drop-shadow(0px 10px 30px rgba(179,179,179,0.2));
background-color: #ffffff;
} input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control::placeholder {
color: #6d6d6d!important;
}
textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
color: #6d6d6d!important;
} textarea:focus {
outline: none;
box-shadow: 0 0 6px rgb(204, 48, 0, 0.6);
border-color: #79B900!important;
} .form-area.contact-two .form-control {
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: 1px solid #ddd;
width: 100%;
height: 58px;
padding-left: 25px;
background: transparent;
border-radius: 5px;
color: #232323;
border: 1px solid rgba(35, 35, 35, 0.12);
transition: 0.5s;
}
.form-area.contact-two input[type="email"]{
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
border: 1px solid #ddd;
width: 100%;
height: 58px;
padding-left: 25px;
background: transparent;
border-radius: 5px;
color: #232323;
border: 1px solid rgba(35, 35, 35, 0.12);
transition: 0.5s;
}
.form-area.contact-two textarea.wpcf7-form-control.wpcf7-textarea.form-control{
height: 150px;
}
.form-area.contact-two .button {
background: #79B900;
border: 0;
display: inline-block;
text-align: center;
padding: 16px 46px;
border-radius: 7px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #fff;
}
.form-area.contact-two .form-control:focus {
outline: none;
box-shadow: none;
border-color: #79B900;
} .blog-post.style1 .container{
max-width: 1320px;
margin: auto;
padding: 0 10px;
}
.blog-post.style1 .post-item {
margin-bottom: 20px;
border-radius: 3px;
background-color: #ffffff;
position: relative;
z-index: 1;
transition: .5s;
overflow: hidden;
}
.blog-post.style1 .post-thumb {
position: relative;
overflow: hidden;
}
.blog-post.style1 .post-thumb::before {
background: rgba(121,185,0, 0.6);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
z-index: 22;
}
.post-item:hover .post-thumb::before {
left: 0;
right: 0;
opacity: 0;
transition: all 500ms linear;
}
.blog-post.style1 .post-thumb img {
overflow: hidden;
transition: .5s;
transform: scale(1.1);
width: 100%;
height: 330px;
object-fit: cover;
}
.blog-post.style1 .categories {
position: absolute;
top: 10px;
left: 10px;
}
.blog-post.style1 .categories a {
padding: 4px 17px 2px;
font-size: 14px;
color: #ffffff;
font-weight: 500;
background: #79B900;
border-radius: 5px;
display: inline-block;
position: relative;
z-index: 1;
}
.blog-post.style1 .post-item .blog_post_inner_content {
border: 1px solid rgba(0,24,25,0.1);
padding: 27px 32px 9px;
border-top: transparent;
}
.blog-post.style1 .post-item .content .meta {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.blog-post.style1 .meta i {
color: #79B900;
display: inline-block;
font-size: 14px;
margin-right: 7px;
}
.blog-post.style1 h3.title {
margin: 0 0 15px;
}
.blog-post.style1 h3.title a {
display: inline-block;
font-size: 24px;
color: #001819;
font-weight: 600;
line-height: 30px;
z-index: 1;
position: relative;
}
.blog-post.style1 .meta {
display: inline-block;
margin-bottom: 3px;
}
.blog-post.style1 .date {
display: inline-block;
}
.blog-post.style1 .user_thumb {
display: inline-block;
height: 27px;
width: 27px;
margin-right: 14px;
float: left;
}
.blog-post.style1 .user_thumb img{
border-radius: 100%;
}
.blog-post.style1 .blog_post_user {
border: 1px solid rgba(0,24,25,0.1);
border-top: transparent;
padding: 17px 28px 17px;
border-radius: 0 0 5px 5px;
}
.blog-post.style1 .author {
display: inline-block;
}
.blog-post.style1 .author a {
display: inline-block;
color: #232323;
text-transform: capitalize;
font-size: 16px;
margin: 0;
font-weight: 500;
}
.blog-post.style1 .blog_btn {
float: right;
}
.blog-post.style1 .blog_btn a {
display: inline-block;
color: #001819;
font-weight: 600;
transition: .5s;
}
.blog-post.style1 .blog_btn a i {
font-size: 10px;
display: inline-block;
color: #79B900;
font-weight: 600;
margin-left: 5px;
}
.post-item ul.post-categories li {
display: inline-block;
} .post-item:hover{
filter: drop-shadow(0 0 35px rgba(196, 196, 196, 0.5));
background-color: #ffffff;
}
.post-item:hover .post-thumb img {
transform: scale(1.4);
}
.blog-post.style1 h3.title a:hover{
color: #79B900;
}
.blog-post.style1 .blog_btn a:hover {
color: #79B900;
}
.blog-post.style1 .author a:hover{
color: #79B900;
}
.blog-post.style1 .post-item .content .meta .date {
position: relative;
color: #616161;
font-size: 16px;
text-transform: capitalize;
}
.blog-post.style1 .post-item .content .meta .date i{
color: #3abba7;
margin-right: 5px;
}
.blog-post.style1 .post-item .content .meta .author i{
color: #3abba7;
margin-right: 5px;
}
.blog-post.style1 .post-item .content .meta .author a{
color: #616161;
font-size: 15px;
font-family: 'Roboto', sans-serif;
text-transform: uppercase;
}
.blog-post.style1 .post-item .content .title {
font-size: 24px;
font-weight: 600;
margin-bottom: 12px;
margin: 0;
}
.blog-post.style1 .post-item .content .title a {
color: var(--title-color);
font-size: 22px;
font-family: var(--title-font);
font-weight: 600;
transition: 0.3s;
}
.blog-post.style1 .post-item .content .description {
color: rgba(30, 38, 109, 0.9);
font-weight: 300;
margin-bottom: 20px;
}
.blog-post.style1 .post-item .content .read-more{
display: inline-block;
color: #1e266d;
} .single_blog_adn.style_9 .em-blog-content-area_adn {
border: transparent;
padding: 35px 0 0;
filter: none;
width: inherit;
background: transparent;
margin: auto;
position: relative;
top: 0;
border-radius: 5px;
}
.single_blog_adn.style_9 .blog-page-title_adn h2 a {
font-size: 24px;
line-height: 13px;
color: #001819;
font-weight: 700;
font-family: "Albert Sans";
}
.single_blog_adn.style_9 .blog-page-title_adn h2 {
line-height: 38px;
margin: 7px 0 13px;
}
.single_blog_adn.style_9  ul.post-categories li a {
border-radius: 5px;
background-color: #79b900;
color: #fff;
padding: 7px 33px;
position: absolute;
right: 20px;
top: -24px;
}
.single_blog_adn.style_9 .luxury-blog-meta-left span {
margin-right: 20px;
}
.single_blog_adn.style_9 p.description {
transition: .5s;
border-top: 1px solid#E8EAE9;
padding-top: 19px;
margin-top: 18px;
}
.single_blog_adn.style_9 .luxury-blog-readmore a i {
display: inline-block;
margin-left: 10px;
width: 20px;
height: 20px;
border-radius: 3px;
background-color: #79b900;
line-height: 20px;
text-align: center;
color: #fff;
font-size: 11px;
} .recent-post.style1 .post-item{
display: flex;
align-items: center;
margin-bottom: 22px;
padding-bottom: 22px;
border-bottom: 1px solid #616161;
overflow: hidden;
}
.recent-post.style1 .post-item:last-child{
border: 0;
margin: 0;
padding: 0;
}
.recent-post.style1 .post-item .post-thumb{
flex-shrink: 0;
}
.recent-post.style1 .post-item .post-thumb img{
height: 90px;
width: 90px;
object-fit: cover;
border-radius: 10px;
}
.recent-post.style1 .post-item .content{
padding: 0 0 0 10px;
}
.recent-post.style1 .post-item .content .meta{
display: flex;
align-items: center;
}
.recent-post.style1 .post-item .content .meta .date{
position: relative;
color: #616161;
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
.recent-post.style1 .post-item .content .meta .date i{
color: #3abba7;
margin-right: 5px;
}
.recent-post.style1 .post-item .content .title{
font-size: 16px;
font-weight: normal;
font-family: 'Roboto', sans-serif;
margin-bottom: 6px;
}
.recent-post.style1 .post-item .content .title a{
color: var(--title-color);
}
.recent-post.style1 .post-item .content .title a:hover{
color: var(--main-color);
}
.recent-post.style1 .post-item .content .description {
color: rgba(30, 38, 109, 0.9);
font-weight: 300;
margin-bottom: 20px;
} .portfolio-filter .filters {
width: 100%;
text-align: center;
margin-bottom: 39px;
}
.portfolio-filter ul {
margin: 0;
list-style: none;
padding: 28px 0 0;
}
.portfolio-filter ul li {
font-weight: 500;
text-transform: capitalize;
margin: 0 25px;
padding: 10px 0;
cursor: pointer;
background: #F6F5F5;
font-size: 15px;
font-family: 'Fira Sans';
transition: all 0.5s ease 0s;
cursor: pointer;
padding: 6px 25px;
font-weight: 500;
position: relative;
margin: 0 3px;
margin-bottom: 7px;
display: inline-block;
border-radius: 30px;
}
.portfolio-filter li.current_menu_item {
background: #79B900;
color: #fff;
}
.portfolio-filter .case-item {
text-align: center;
position: relative;
z-index: 2;
transition:0.4s;
}
.portfolio-filter .case-item .prot_content {
position: absolute;
left: 0;
bottom: 15px;
transition: .5s;
width: 100%;
padding: 0 40px 0 40px;
z-index: 2;
}
.portfolio-filter .case-item .prot_content h4 {
text-align: left;
border-bottom: 1px solid #424F4F;
margin: 0 0 14px 0;
padding: 0 0 7px 0;
transition:0.4s;
}
.portfolio-filter .case-item:hover .prot_content h4 {
border-bottom: 1px solid #79B900;
}
.portfolio-filter .case-item .prot_content h4 a {
text-decoration: none;
font-size: 28px;
line-height: 48px;
color: #ffffff;
font-weight: 600;
font-family: "Albert Sans";
}
.portfolio-filter .prot_content p {
font-size: 15px;
line-height: 26px;
color: #ffffff;
font-weight: 400;
font-family: "Albert Sans";
text-align: left;
}
.portfolio-filter .prot_content p i {
font-size: 18px;
color: #79B900;
padding: 0 5px 0 0;
}
.portfolio-filter .case-item .port_btn a i {
font-size: 21px;
display: inline-block;
transform: rotate(45deg);
}
.case-grid {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 30px;
position: relative;
}     .portfolio-filter .case-item .port-thumb {
position: relative;
overflow: hidden;
line-height: 0;
}
.portfolio-filter .case-item .port-thumb:before {
position: absolute;
content: "";
left: 0;
bottom: -40px;
width: 100%;
height: 80%;
background-image: linear-gradient(0deg, rgb(1 20 20 / 99%) 0%, rgba(0, 23, 25, 0.55) 35%, rgba(0, 23, 25, 0) 50%, rgba(0, 23, 25, 0) 100%);
transition: .5s;
border-radius: 0;
z-index:1;
}
.portfolio-filter .case-item .port-thumb img {
width: 100%;
border-radius: 0;
transition:0.4s;
}
.portfolio-filter .case-item:hover .port-thumb img {
transform: scale(1.1);
}
.portfolio-filter .content .single-content img {
width: 100%;
height: 100%;
}
.portfolio-filter .content .grid-item {
margin-bottom:30px;
}
.portfolio-filter .content .grid-item .single-content{
position: relative;
overflow: hidden;
z-index: 1;
}
.portfolio-filter .single-content .prot_content{
position: relative;
z-index: 2;
border-radius: 0 0 4px 4px;
} .portfolio-filter .single-content:hover .picon{
top: 7%;
}
.portfolio-filter .single-content:hover .video-icon {
top: 7%;
} .portfolio_details {
overflow: hidden;
-webkit-box-shadow: 0 0 30px 
rgba(0,0,0,0.10);
box-shadow: 0 0 30px 
rgba(0,0,0,0.10);
padding: 65px 50px 50px;
width:100%;
}
.portfolio_info {
padding-left: 50px;
padding-top: 48px;
}
.portfolio_info h2 {
font-size: 25px; padding-bottom: 17px;
}
.portfolio-details-box li strong {
margin-right: 5px;
}
.pr-title {
padding: 24px 0 18px;
}
.port_dtl_social{} 
.port_dtl_social span{
font-size:20px;
font-weight:700;
margin-bottom:10px;
display:block;
} 
.port_dtl_social a {
display: inline-block;
width: 35px;
height: 35px;
background: #79B900;
color: #fff;
border-radius: 5px;
font-size: 18px;
text-align: center;
margin-right: 10px;
line-height: 35px;
}
.portfolio_details .col-md-6 {
float: left;
}
.portfolio_info ul {
list-style: none;
}
.portfolio_info ul li {
padding:5px 0;
}
.port_dtl_social {
margin-top: 20px;
}
.pr-title h2 {
font-size: 25px;
} .menu-service-menu-container ul {
list-style: none;
padding: 0;
}
.menu-service-menu-container ul li {
list-style: none;
margin-bottom: 14px;
}
.menu-service-menu-container ul li:last-child{
margin-bottom: 0;
}
.menu-service-menu-container ul li a {
position: relative;
display: block;
padding: 15px 7px 15px 31px;
background-color: #fff;
font-weight: 400;
font-size: 16px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
color: #232323;
position: relative;
border-radius: 5px;
}
.menu-service-menu-container ul .current_page_item a {
background-color: #79B900;
color: #fff;
}
.menu-service-menu-container ul .current_page_item a::after {
background-color: #fff;
color: #79B900;
}
.menu-service-menu-container ul li a::after {
content: '\f105';
position: absolute;
right: 19px;
top: 15px;
font-size: 20px;
font-family: 'FontAwesome';
height: 24px;
width: 24px;
background: #E9E9E9;
text-align: center;
line-height: 22px;
border-radius: 100%;
transition: .5s;
}
.menu-service-menu-container ul li a:hover {
color: #fff;
background: #79B900;
}
.menu-service-menu-container ul li a:hover:after{
background: #fff;
color:#79B900;
}
.details-service .dreamit-button .button {
padding: 11px 29px;
font-weight: 500;
font-family: 'Poppins', sans-serif;
} .hero-single-slide{
min-height: 887px;
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
overflow: hidden;    
}
.hero-content-left h1 {
font-size: 50px;
margin-bottom: 0;
margin-top: 0;
font-weight: 800;
line-height: 1.1;
}
.hero-content-left h2 {
font-size: 50px;
font-weight: 800;
margin-bottom: 20px;
margin-top: 0;
line-height: 1.2;
}
.hero-content-left h3 {
font-size: 25px;
font-weight: 600;
margin-bottom: 10px;
}
.hero-content-left p {
padding-right: 70px;
margin-bottom: 35px;
} .my-accordion li {
position: relative;
margin-bottom: 20px;
list-style: none;
z-index: 1;
}
.my-accordion li:before {
z-index: 22;
position: absolute;
content: "";
width: 2px;
height: 24px;
left: 71px;
top: 20px;
background: #cccccc9e;
transition: 0.5s;
}
.my-accordion li a.active:before{
background: #fff;
}
.my-accordion li p {
display: none;
padding: 17px 25px 3px;
color: #616161;
font-size: 16px;
}
ul.my-accordion li img {
display: inline-block;
position: relative;
top: 4px;
margin-right: 18px;
}
ul.my-accordion li img:before {
position: absolute;
content: "";
width: 2px;
height: 24px;
left: 71px;
top: 20px;
background: #cccccc9e;
transition: 0.5s;
}
.my-accordion a {
width: 100%;
color: #001819!important;
position: relative;
cursor: pointer;
margin: 0;
padding: 19px 25px 19px 27px;
font-weight: 500;
font-size: 20px;
border: 1px solid #cccccc9e;
border-radius: 5px;
z-index: 2;
transition: 0.5s;
background: #fff;
}
.my-accordion li a{
display: inline-block;
}
.my-accordion li a.active {
color: #fff!important;
padding: 18px 28px;
border: none;
background: #79B900;
border-radius: 5px 5px 0 0;
}
.my-accordion li a.active img {
filter: brightness(0) invert(1);
}
a.active:hover {
color: #fff;
}
.my-accordion a:after {
width: 16px;
height: 2px;
background: #79B900;
position: absolute;
right: 25px;
content: " ";
top: 31px;
transition: all 0.2s ease-in-out;
}
.my-accordion a:before {
width: 2px;
height: 16px;
background: #79B900;
position: absolute;
right: 32px;
content: " ";
top: 24px;
transform: rotate(0);
transition: all 0.2s ease-in-out;
}
.my-accordion li p {
display: none;
font-size: 16px;
color: #7b7b7b;
padding: 21px 30px 25px;
background: #fff;
}
a.active:after {
transform: rotate(0deg);
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #fff;
width: 16px;
top: 29px;
}
a.active:before {
display: none;
}
.my-accordion a:hover{
text-decoration: none;
} .bounce-animate {
animation-name: float-bob;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 2s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 2s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 2s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate2 {
animation-name: float-bob2;
animation-duration: 3s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob2;
-moz-animation-duration: 3s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob2;
-ms-animation-duration: 3s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob2;
-o-animation-duration: 3s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate3 {
animation-name: float-bob3;
animation-duration: 4s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob3;
-moz-animation-duration: 4s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob3;
-ms-animation-duration: 4s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob3;
-o-animation-duration: 4s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate4 {
animation-name: float-bob4;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob4;
-moz-animation-duration: 5s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob4;
-ms-animation-duration: 5s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob4;
-o-animation-duration: 5s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
.bounce-animate5 {
animation-name: float-bob5;
animation-duration: 6s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-moz-animation-name: float-bob5;
-moz-animation-duration: 6s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob5;
-ms-animation-duration: 6s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob5;
-o-animation-duration: 6s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear; }
@-webkit-keyframes float-bob {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px); }
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); } }
@-webkit-keyframes float-bob2 {
0% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); }
50% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px); }
100% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px); } }
@-webkit-keyframes float-bob3 {
0% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); }
50% {
-webkit-transform: translateY(-25px);
transform: translateY(-25px); }
100% {
-webkit-transform: translateY(-40px);
transform: translateY(-40px); } }
@-webkit-keyframes float-bob4 {
0% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px); } }
@-webkit-keyframes float-bob5 {
0% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); }
50% {
-webkit-transform: translateY(-35px);
transform: translateY(-35px); }
100% {
-webkit-transform: translateY(-75px);
transform: translateY(-75px); } }
@-webkit-keyframes movebounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
} @keyframes moveleftbounce {
0% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
50% {
-webkit-transform: translateX(20px);
transform: translateX(20px);
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
} .subscribe-form input[type="email"] {
padding: 10px 15px 10px 15px;
border-radius: 0;
outline: 0;
width: 70%;
border: 0;
background: #fff;
height: 56px;
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.05);
margin: 0;
}
.subscribe-form input[type="email"]::placeholder{
opacity: 0.9;
}
.subscribe-form input[type="email"]:focus{
color: #fff;
}
.subscribe-form input[type="submit"] {
position: absolute;
top: 0;
right: 0;
height: 56px;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
background-color: #b98d36;
padding: 0;
width: 30%;
border: 0;
outline: 0;
border-radius: 0;
} .custom-progress .elementor-progress-text {
margin-top: -20px;
color: #232323;
font-size: 16px;
padding-left: 0;
overflow: visible;
}
.custom-progress .elementor-progress-percentage {
padding-right: 15px;
margin-top: -20px;
color: #232323;
font-size: 16px;
} .marquee {
position: relative;
--duration: 30s;
--gap: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
gap:0px;
}
.marquee-block {
-ms-flex-negative: 0;
flex-shrink: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: distribute;
justify-content: space-around;
gap:0px;
min-width: 100%;
-webkit-animation: scroll 30s linear infinite;
animation: scroll 30s linear infinite;
}
@-webkit-keyframes scroll {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
}
.marquee-block .content-box {
position: relative;
margin-right:0px;
}
.marquee-block h3 {
display: inline-block;
font-size: 30px;
color: #fff;
font-weight: 600;
margin: 0;
}
.marquee-block h3 img {
padding: 0 21px;
}
.marquee-block .content-box:last-child {
margin-right:0px;
} .marquee.style2 .marquee-block h3 {
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
color: #fff;
-webkit-text-stroke-width: 2px;
color: transparent;
-webkit-text-stroke-color: #fff;
font-size: 100px;
line-height: 1;
font-weight: 800;
text-transform: uppercase;
margin: 0 17px;
}
.marquee.style2 .marquee-block {
-webkit-animation: scroll2 60s linear infinite;
animation: scroll2 60s linear infinite;
}
@-webkit-keyframes scroll2 {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
-webkit-transform: translateX(calc(-100% - var(--gap)));
transform: translateX(calc(-100% - var(--gap)));
}
} .single-causes.style_1 {
position: relative;
background: #fff;
border-radius: 5px;
}
.single-causes.style_1 h1.give-form-title.entry-title {
display: none;
}
.single-causes.style_1 .donate_btn {
display: inline-block;
position: absolute;
left: 50%;
right: 0;
margin: auto;
text-align: center;
transform: translate(-50%, -50%);
top: 70%;
transition: .5s;
opacity: 0;
}
.single-causes.style_1 .give-btn {
display: inline-block;
background: #79B900;
color: #fff;
font-size: 16px;
padding: 14px 23px;
border-radius: 5px;
border:none;
}
.single-causes.style_1 .causes-img {
position: relative;
line-height: 0;
}
.single-causes.style_1 .causes-img::before {
background: rgba(73,175,69, 0.6);
bottom: 0;
content: "";
left: 50%;
position: absolute;
right: 51%;
top: 0;
opacity: 1;
pointer-events: none;
transition: all 500ms linear;
z-index: 2;
}
.single-causes.style_1:hover .causes-img::before {
left: 0;
right: 0;
opacity: 0;
transition: all 500ms linear;
}
.single-causes.style_1 .causes-img a img{
width:100%;
}
.single-causes.style_1:hover .donate_btn{
top: 50%;
opacity: 1;
}
.cause_style_one .owl-nav {
display: none;
}
.causes-categ a {
position: absolute;
bottom: 0;
z-index: 2;
left: 0;
padding: 2px 21px;
background: #53C99F;
color: #fff;
border-radius: 0 19px 0 0;
display: inline-block;
font-size: 14px;
font-weight: 500;
}
.causes-category a span {
background: #53c99f;
color: #fff;
padding: 3px 20px;
position: absolute;
bottom: 0;
left: 0;
font-size: 14px;
font-weight: 500;
border-radius: 0 5px 0 0;
}
.causes-content {
box-shadow: 0px 10px 30px 0px rgba(190, 199, 199, 0.2);
background: #fff;
padding: 17px 30px 24px;
margin: 0px 0 24px 0;
border-radius: 0 0 5px 5px;
}
.causes-content p {
margin: 13px 0 40px;
}
.causes-content h2 a {
display: inline-block;
color: #001819;
font-size: 24px;
font-weight: 600;
line-height: 30px;
transition: 0.5s;
}
.causes-content h2 a:hover{
color: #79B900;
}
.causes-content span {
font-size: 15px;
color: #001818;
display: inline-block;
font-weight: 600;
}
.causes-content span i {
background: #53c99f;
display: inline-block;
width: 19px;
height: 19px;
line-height: 19px;
border-radius: 50%;
font-size: 12px;
color: #fff;
text-align: center;
margin-right: 6px;
}
.causes-one__progress {
position: relative;
display: block;
width: 100%;
padding: 41px 29px 12px;
background-color: #edf9f5;
border-radius: 5px;
z-index: 1;
margin-top: 28px;
}
.causes-one__progress .give__progress .give__progress-bar {
position: relative;
display: block;
width: 0%;
height: 5px;
border-radius: 5px;
background: #52c99f;
-webkit-transition: all 1500ms ease;
-ms-transition: all 1500ms ease;
-o-transition: all 1500ms ease;
-moz-transition: all 1500ms ease;
transition: all 1500ms ease;
}
.causes-one__progress-shape {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
mix-blend-mode: luminosity;
opacity: .20;
z-index: -1;
}
.causes-one__progress .bar {
height: 5px;
background-color: #fff;
position: relative;
overflow: visible;
z-index: 1;
border-radius: 15px;
margin-bottom: 12px;
}
.causes-one__progress .bar-inner {
position: relative;
display: block;
width: 0%;
height: 5px;
border-radius: 5px;
background: #52c99f;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
}
.causes-one__progress .count-text {
position: absolute;
bottom: 100%;
left: 100%;
z-index: 1;
padding: 6px 0px;
color: #53c99f;
margin-bottom: 10px;
line-height: 0;
font-weight: 600;
font-size: 14px;
}
.causes-one__progress .bar-inner.counted .count-text {
opacity: 1;
}
.causes-one__goals {
display: flex;
justify-content: space-between;
}
.causes-one__goals span {
font-size: 15px;
color: #1b3434;
font-weight: 600;
}
.causes-one__goals span b {
font-size: 14px;
color: #6f7775;
font-weight: 400;
padding-right: 5px;
} .dreamit-causes_grid.owl-carousel .owl-dots {
text-align: center;
margin-top: 21px;
}
.dreamit-causes_grid.owl-carousel .owl-dot {
margin: 0 6px;
background: #C5CAC3;
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
margin: 0 6px;
}
.dreamit-causes_grid.owl-carousel .owl-dot.active {
background: #79B900;
position: relative;
}
.dreamit-causes_grid.owl-carousel .owl-dot.active:before {
position: absolute;
content: "";
width: 20px;
height: 20px;
left: -5px;
top: -5px;
border: 1px solid #79B900;
border-radius: 50%;
} .cause_style_two .row.give-bg {
background: #fff8f5;
}
.cause_style_two .row.cause-bg {
background: #fff8f5;
}
.cause_style_two .single-causes {
padding: 0 45px 0;
position: relative;
}
.cause_style_two .owl-item:nth-child(2) .single-causes .causes-one__progress {
background: transparent;
}
.cause_style_two .owl-item:nth-child(3) .single-causes .causes-one__progress {
background: transparent;
}
.cause_style_two .causes-content {
box-shadow: none;
background: transparent;
padding: 0;
margin: 0;
}
.cause_style_two .causes-one__progress .bar {
height: 16px;
background-color: #52c99f;
position: relative;
overflow: visible;
z-index: 1;
border-radius: 15px;
margin-bottom: 12px;
}
.cause_style_two .causes-img {
position: relative;
margin-top: -5px;
}
.cause_style_two .causes-one__progress .bar-inner {
position: relative;
display: block;
width: 0%;
height: 6px;
border-radius: 5px;
background: #fff;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
display: flex;
position: relative;
top: 5px;
left: 10px;
}
.cause_style_two .causes-one__progress {
position: relative;
display: block;
width: 100%;
padding: 27px 0px 12px;
background-color: transparent;
border-radius: 5px;
z-index: 1;
margin-top: 28px;
}
.cause_style_two .causes-one__progress .count-text {
position: absolute;
bottom: 100%;
left: 100%;
z-index: 1;
padding: 15px 0px;
color: #53c99f;
margin-bottom: 10px;
line-height: 0;
font-weight: 600;
font-size: 16px;
}
.cause_style_two .causes-content h2 a {
display: inline-block;
padding-top: 14px;
padding-bottom: 15px;
transition: .5s;
font-size: 28px;
line-height: 36px;
color: #1b3434;
font-weight: 800;
}
.cause_style_two .causes-img img {
width: 100%;
border-bottom: none;
}
.cause_style_two .give-btn.give-btn-modal {
display: inline-block;
background: #fe7f4c;
color: #fff;
padding: 18px 44px 18px 32px;
position: relative;
z-index: 1;
transition: 0.5s;
overflow: hidden;
border-radius: 50px;
border: none;
}
.cause_style_two .give-btn.give-btn-modal:before {
position: absolute;
content: "\f177";
font-family: "Flaticon";
font-weight: 900;
right: -105px;
left: 0;
font-size: 12px;
margin-left: 0;
}
.cause_style_two .give-btn.give-btn-modal:after {
position: absolute;
content: "";
width: 100%;
height: 0%;
background: #53c99f;
bottom: 0;
left: 0;
transition: 0.5s;
z-index: -1;
border-radius: 50px;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.cause_style_two .give-btn.give-btn-modal:hover:after {
height: 100%;
opacity: 1;
top: 0;
visibility: visible;
}
.cause_style_two .causes-one__goals span b {
padding-right: 5px;
font-size: 16px;
line-height: 26px;
color: #6f7775;
font-weight: 400;
}
.cause_style_two h1.entry-title {
display: none;
}
.cause_style_two .donate_btn {
margin-top: 33px;
}
.cause_style_two .goal-days {
margin-top: 20px;
}
.cause_style_two .causes-one__goals {
display: flex;
justify-content: space-between;
margin-top: 15px;
} .owl-item:nth-child(3) .single-causes .causes-category a span{
background: #1bc7ed;
}
.owl-item:nth-child(3) .single-causes .causes-content span i{
background: #1bc7ed;
}
.owl-item:nth-child(3) .single-causes .causes-one__progress{
background: #e7f9fd;
}
.owl-item:nth-child(3) .single-causes .causes-one__progress .count-text{
color: #1bc7ed;
}
.owl-item:nth-child(3) .single-causes .causes-one__progress .bar-inner{
background: #1bc7ed;
}
.owl-item:nth-child(6) .single-causes .causes-img img {
border-bottom: 5px solid #1bc7ed;
}
.owl-item:nth-child(6) .single-causes .causes-category a span{
background: #1bc7ed;
}
.owl-item:nth-child(6) .single-causes .causes-content span i{
background: #1bc7ed;
}
.owl-item:nth-child(6) .single-causes .causes-one__progress{
background: #e7f9fd;
}
.owl-item:nth-child(6) .single-causes .causes-one__progress .count-text{
color: #1bc7ed;
}
.owl-item:nth-child(6) .single-causes .causes-one__progress .bar-inner{
background: #1bc7ed;
} .owl-item:nth-child(5) .single-causes .causes-img img {
border-bottom: 5px solid #fe7f4c;
}
.owl-item:nth-child(5) .single-causes .causes-category a span{
background: #fe7f4c;
}
.owl-item:nth-child(5) .single-causes .causes-content span i{
background: #fe7f4c;
}
.owl-item:nth-child(5) .single-causes .causes-one__progress{
background: #fff2ec;
}
.owl-item:nth-child(5) .single-causes .causes-one__progress .count-text{
color: #fe7f4c;
}
.owl-item:nth-child(5) .single-causes .causes-one__progress .bar-inner{
background: #fe7f4c;
} .give-style-three .causes-one__progress {
position: relative;
display: block;
width: 100%;
padding: 0;
background-color: transparent;
border-radius: 5px;
z-index: 1;
margin-top: 28px;
}
.give-style-three .causes-one__progress .bar {
height: 20px;
background-color: #52c99f;
position: relative;
overflow: visible;
z-index: 1;
border-radius: 15px;
margin-bottom: 12px;
}
.give-style-three .causes-one__progress .bar-inner {
position: relative;
display: block;
width: 0%;
height: 10px;
border-radius: 5px;
background: #fff;
-webkit-transition: all 2000ms ease;
-ms-transition: all 2000ms ease;
-o-transition: all 2000ms ease;
-moz-transition: all 2000ms ease;
transition: all 2000ms ease;
position: relative;
top: 5px;
left: 10px;
}
.give-style-three .causes-one__progress .count-text {
position: absolute;
bottom: 100%;
left: 100%;
z-index: 1;
padding: 15px 0px;
color: #53c99f;
margin-bottom: 10px;
line-height: 0;
font-weight: 600;
font-size: 18px;
}
.give-style-three .causes-one__goals span b {
font-size: 18px;
color: #fff;
font-weight: 400;
padding-right: 5px;
}
.give-style-three .causes-one__goals span {
font-size: 18px;
color: #52c99f;
font-weight: 600;
}
.give-style-three .causes-one__goals {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
border-bottom: 1px solid rgb(255, 255, 255,0.2);
padding-bottom: 33px;
}
.give-style-three .donate_btn a {
display: inline-block;
background: #fe7f4c;
color: #fff;
padding: 15px 40px;
position: relative;
z-index: 1;
transition: .5s;
overflow: hidden;
border-radius: 50px;
}
.give-style-three .donate_btn a:hover{
color: #fff;
}
.give-style-three .donate_btn a:before {
position: absolute;
content: "";
width: 100%;
height: 0%;
background: #53c99f;
bottom: 0;
left: 0;
transition: .5s;
z-index: -1;
border-radius: 50px;
overflow: hidden;
opacity: 0;
visibility: hidden;
}
.give-style-three .donate_btn a i {
margin-left: 7px;
font-size: 14px;
}
.give-style-three .donate_btn a:hover:before {
height: 100%;
opacity: 1;
top: 0;
visibility: visible;
}
.give-style-three .donate_btn {
display: flex;
align-items: center;
}
.give-style-three .donate_btn span {
margin-left: 29px;
color: #fff;
}
.give-style-three .donate_btn span i {
background: #53c99f;
display: inline-block;
width: 19px;
height: 19px;
line-height: 19px;
border-radius: 50%;
font-size: 12px;
color: #fff;
text-align: center;
margin-right: 6px;
}
.donation-content p {
margin: 19px 0 39px;
}
span.number {
top: -31px;
color: #001819;
}
.slider-content {
display: flex;
justify-content: space-between;
}
.slider-content span {
display: inline-block;
color: #868681;
}
span.price {
font-size: 16px;
color: #001819 !important;
display: inline-block;
font-weight: 500;
}
.skills {
text-align: right;
}
.skills-content p {
font-size: 18px;
color: #001819;
font-weight: 600;
margin: 0;
margin-bottom: 13px;
}@media screen and (max-width: 1024px) {
.section-title.style7 {
padding: 0 0 44px 0;
}
}
@media screen and (max-width: 991px) {
.service_list.style-2 .service-list-number:before {
display:none;
}
.echofy-header-top {
display: none;
}
.section-title .title {
font-size: 36px;
} .case-study.style1 .case-grid {
grid-template-columns: repeat(2, 1fr);
} .filter-tab #tabs {
flex-wrap: wrap;
}
.filter-tab #tabs li{
margin-bottom: 30px;
flex: 0 0 auto;
width: 50%;
}
.filter-tab .content {
padding-top: 50px;
}
.filter-tab .content .text img{
margin-top: 30px;
}
.filter-tab .content .text .row{
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 767px) {
.dreamit-slick-slider .single-slick .content-wrapper {
top: 50%;
transform: translateY(-50%);
}
.dreamit-slick-slider .hero-text h2 {
font-size: 58px;
}
.dreamit-slick-slider .hero-text h3 {
font-size: 18px;
}
.portfolio-filter ul li {
display: block;
}
.portfolio-filter ul li::before {
top: auto;
bottom: 0;
} .case-study.style1 .case-grid {
display: block;
}
.case-study.style1 .case-grid .gird-item {
margin-bottom: 20px;
}
.case-grid {
grid-template-columns: inherit;
}
}
@media screen and (max-width: 599px) {
.filter-tab #tabs li{
width: 100%;
} .subscribe-form input[type="email"]{
width: 100%;
margin-bottom: 15px;
}
.subscribe-form input[type="submit"]{
position: static;
width: 100%;
}
.section-title.style7 {
padding: 0 0 35px 0;
}
.case-grid {
grid-template-columns: inherit;
}
.service_box.style3 .service_number {
width: inherit;
display: block;
}
.service_box.style3 .service-btn a {
font-size: 14px;
top: 0;
margin: 20px 0 0 0;
}
.service_box.style3 .service_box-title a h3 {
font-size: 20px;
left: 15px;
}
}.rotation {
animation: rotate 20s linear infinite;
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.move-up-down{
animation: moving 2s linear infinite;
}
@keyframes moving {
0% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
50% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
100% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}@font-face {
font-family: "Flaticon";
src: url(//drkharahomeopath.clinic/wp-content/plugins/dreamit-elementor-extension/assets/fonts/Flaticon.woff2) format("woff2"), url(//drkharahomeopath.clinic/wp-content/plugins/dreamit-elementor-extension/assets/fonts/Flaticon.woff) format("woff");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
}
.flaticon-map:before {
content: "\f100";
}
.flaticon-mail:before {
content: "\f101";
}
.flaticon-call-answer:before {
content: "\f102";
}
.flaticon-chat:before {
content: "\f103";
}
.flaticon-left-arrow:before {
content: "\f104";
}
.flaticon-right-arrow:before {
content: "\f105";
}
.flaticon-back:before {
content: "\f106";
}
.flaticon-next:before {
content: "\f107";
}
.flaticon-play-button:before {
content: "\f108";
}
.flaticon-play-button-1:before {
content: "\f109";
}
.flaticon-upload:before {
content: "\f10a";
}
.flaticon-back-1:before {
content: "\f10b";
}
.flaticon-responsive:before {
content: "\f10c";
}
.flaticon-add:before {
content: "\f10d";
}
.flaticon-play-button-2:before {
content: "\f10e";
}
.flaticon-android:before {
content: "\f10f";
}
.flaticon-fire:before {
content: "\f110";
}
.flaticon-layers:before {
content: "\f111";
}
.flaticon-computer:before {
content: "\f112";
}
.flaticon-chip:before {
content: "\f113";
}
.flaticon-cogwheels:before {
content: "\f114";
}
.flaticon-support:before {
content: "\f115";
}
.flaticon-web:before {
content: "\f116";
}
.flaticon-headset:before {
content: "\f117";
}
.flaticon-facebook:before {
content: "\f118";
}
.flaticon-drop-of-liquid:before {
content: "\f119";
}
.flaticon-drop:before {
content: "\f11a";
}
.flaticon-placeholder:before {
content: "\f11b";
}
.flaticon-shield:before {
content: "\f11c";
}
.flaticon-fountain-pen:before {
content: "\f11d";
}
.flaticon-fountain-pen-1:before {
content: "\f11e";
}
.flaticon-settings:before {
content: "\f11f";
}
.flaticon-phone-call:before {
content: "\f120";
}
.flaticon-call:before {
content: "\f121";
}
.flaticon-settings-1:before {
content: "\f122";
}
.flaticon-placeholder-1:before {
content: "\f123";
}
.flaticon-pen:before {
content: "\f124";
}
.flaticon-analytics:before {
content: "\f125";
}
.flaticon-monitor:before {
content: "\f126";
}
.flaticon-email:before {
content: "\f127";
}
.flaticon-speech-bubble:before {
content: "\f128";
}
.flaticon-suitcase:before {
content: "\f129";
}
.flaticon-communications:before {
content: "\f12a";
}
.flaticon-cash:before {
content: "\f12b";
}
.flaticon-twitter:before {
content: "\f12c";
}
.flaticon-twitter-2:before {
content: "\f12d";
}
.flaticon-instagram-logo:before {
content: "\f12e";
}
.flaticon-instagram-1:before {
content: "\f12f";
}
.flaticon-whatsapp-1:before {
content: "\f130";
}
.flaticon-linkedin-2:before {
content: "\f131";
}
.flaticon-twitter-1:before {
content: "\f132";
}
.flaticon-facebook-3:before {
content: "\f133";
}
.flaticon-whatsapp-2:before {
content: "\f134";
}
.flaticon-xiaomi:before {
content: "\f135";
}
.flaticon-odnoklassniki:before {
content: "\f136";
}
.flaticon-pinterest:before {
content: "\f137";
}
.flaticon-pinterest-1:before {
content: "\f138";
}
.flaticon-wifi:before {
content: "\f139";
}
.flaticon-light-bulb:before {
content: "\f13a";
}
.flaticon-project-management:before {
content: "\f13b";
}
.flaticon-monitor-1:before {
content: "\f13c";
}
.flaticon-camera:before {
content: "\f13d";
}
.flaticon-user:before {
content: "\f13e";
}
.flaticon-advertising:before {
content: "\f13f";
}
.flaticon-select:before {
content: "\f140";
}
.flaticon-snowflake:before {
content: "\f141";
}
.flaticon-snowflake-1:before {
content: "\f142";
}
.flaticon-travel-agency:before {
content: "\f143";
}
.flaticon-bauble:before {
content: "\f144";
}
.flaticon-temporary-agency:before {
content: "\f145";
}
.flaticon-star:before {
content: "\f146";
}
.flaticon-snow-globe:before {
content: "\f147";
}
.flaticon-christmas-tree:before {
content: "\f148";
}
.flaticon-gift:before {
content: "\f149";
}
.flaticon-mortgage:before {
content: "\f14a";
}
.flaticon-monitoring:before {
content: "\f14b";
}
.flaticon-network-1:before {
content: "\f14c";
}
.flaticon-neural:before {
content: "\f14d";
}
.flaticon-networking:before {
content: "\f14e";
}
.flaticon-cloud-computing:before {
content: "\f14f";
}
.flaticon-cloud-computing-1:before {
content: "\f150";
}
.flaticon-microchip:before {
content: "\f151";
}
.flaticon-social-care:before {
content: "\f152";
}
.flaticon-help:before {
content: "\f153";
}
.flaticon-begging:before {
content: "\f154";
}
.flaticon-customer-service:before {
content: "\f155";
}
.flaticon-support-2:before {
content: "\f156";
}
.flaticon-support-3:before {
content: "\f157";
}
.flaticon-customer-service-1:before {
content: "\f158";
}
.flaticon-customer-support:before {
content: "\f159";
}
.flaticon-headphones:before {
content: "\f15a";
}
.flaticon-social-care-1:before {
content: "\f15b";
}
.flaticon-care:before {
content: "\f15c";
}
.flaticon-user-1:before {
content: "\f15d";
}
.flaticon-phone:before {
content: "\f15e";
}
.flaticon-search:before {
content: "\f15f";
}
.flaticon-facebook-4:before {
content: "\f160";
}
.flaticon-pin:before {
content: "\f161";
}
.flaticon-user-2:before {
content: "\f162";
}
.flaticon-internet:before {
content: "\f163";
}
.flaticon-user-3:before {
content: "\f164";
}
.flaticon-chat-1:before {
content: "\f165";
}
.flaticon-team:before {
content: "\f166";
}
.flaticon-connection:before {
content: "\f167";
}
.flaticon-bar-chart:before {
content: "\f168";
}
.flaticon-money:before {
content: "\f169";
}
.flaticon-file:before {
content: "\f16a";
}
.flaticon-linkedin-3:before {
content: "\f16b";
}
.flaticon-pinterest-2:before {
content: "\f16c";
}
.flaticon-google-browser:before {
content: "\f16d";
}
.flaticon-gmail-1:before {
content: "\f16e";
}
.flaticon-gmail-3:before {
content: "\f16f";
}
.flaticon-vimeo:before {
content: "\f170";
}
.flaticon-vimeo-2:before {
content: "\f171";
}
.flaticon-skype:before {
content: "\f172";
}
.flaticon-skype-1:before {
content: "\f173";
}
.flaticon-skype-2:before {
content: "\f174";
}
.flaticon-skype-3:before {
content: "\f175";
}
.flaticon-google-plus-logo:before {
content: "\f176";
}
.flaticon-like:before {
content: "\f177";
}
.flaticon-clock:before {
content: "\f178";
}
.flaticon-loupe:before {
content: "\f179";
}
.flaticon-money-1:before {
content: "\f17a";
}
.flaticon-hand-shake:before {
content: "\f17b";
}
.flaticon-team-1:before {
content: "\f17c";
}
.flaticon-money-2:before {
content: "\f17d";
}
.flaticon-man:before {
content: "\f17e";
}
.flaticon-value:before {
content: "\f17f";
}
.flaticon-share:before {
content: "\f180";
}
.flaticon-time:before {
content: "\f181";
}
.flaticon-school:before {
content: "\f182";
}
.flaticon-chart:before {
content: "\f183";
}
.flaticon-data:before {
content: "\f184";
}
.flaticon-photo:before {
content: "\f185";
}
.flaticon-internet-1:before {
content: "\f186";
}
.flaticon-money-3:before {
content: "\f187";
}
.flaticon-payment:before {
content: "\f188";
}
.flaticon-pin-1:before {
content: "\f189";
}
.flaticon-time-1:before {
content: "\f18a";
}
.flaticon-idea:before {
content: "\f18b";
}
.flaticon-download:before {
content: "\f18c";
}
.flaticon-growth:before {
content: "\f18d";
}
.flaticon-multimedia:before {
content: "\f18e";
}
.flaticon-network-2:before {
content: "\f18f";
}
.flaticon-next-1:before {
content: "\f190";
}
.flaticon-origami:before {
content: "\f191";
}
.flaticon-share-1:before {
content: "\f192";
}
.flaticon-clock-1:before {
content: "\f193";
}
.flaticon-refresh:before {
content: "\f194";
}
.flaticon-avatar:before {
content: "\f195";
}
.flaticon-support-4:before {
content: "\f196";
}
.flaticon-cursor:before {
content: "\f197";
}
.flaticon-brain:before {
content: "\f198";
}
.flaticon-laptop:before {
content: "\f199";
}
.flaticon-arrow:before {
content: "\f19a";
}
.flaticon-mortarboard:before {
content: "\f19b";
}
.flaticon-avatar-1:before {
content: "\f19c";
}
.flaticon-chat-2:before {
content: "\f19d";
}
.flaticon-question:before {
content: "\f19e";
}
.flaticon-test:before {
content: "\f19f";
}
.flaticon-doctor:before {
content: "\f1a0";
}
.flaticon-support-5:before {
content: "\f1a1";
}
.flaticon-map-1:before {
content: "\f1a2";
}
.flaticon-eye:before {
content: "\f1a3";
}
.flaticon-money-4:before {
content: "\f1a4";
}
.flaticon-world:before {
content: "\f1a5";
}
.flaticon-school-1:before {
content: "\f1a6";
}
.flaticon-chat-3:before {
content: "\f1a7";
}
.flaticon-idea-1:before {
content: "\f1a8";
}
.flaticon-support-6:before {
content: "\f1a9";
}
.flaticon-diamond:before {
content: "\f1aa";
}
.flaticon-time-2:before {
content: "\f1ab";
}
.flaticon-bag:before {
content: "\f1ac";
}
.flaticon-contract:before {
content: "\f1ad";
}
.flaticon-report:before {
content: "\f1ae";
}
.flaticon-folder:before {
content: "\f1af";
}
.flaticon-truck:before {
content: "\f1b0";
}
.flaticon-document:before {
content: "\f1b1";
}
.flaticon-plane:before {
content: "\f1b2";
}
.flaticon-time-3:before {
content: "\f1b3";
}
.flaticon-trash:before {
content: "\f1b4";
}
.flaticon-pin-2:before {
content: "\f1b5";
}
.flaticon-think:before {
content: "\f1b6";
}
.flaticon-idea-2:before {
content: "\f1b7";
}
.flaticon-download-1:before {
content: "\f1b8";
}
.flaticon-bell:before {
content: "\f1b9";
}
.flaticon-lock:before {
content: "\f1ba";
}
.flaticon-upload-1:before {
content: "\f1bb";
}
.flaticon-cinema:before {
content: "\f1bc";
}
.flaticon-goal:before {
content: "\f1bd";
}
.flaticon-work:before {
content: "\f1be";
}
.flaticon-design:before {
content: "\f1bf";
}
.flaticon-search-1:before {
content: "\f1c0";
}
.flaticon-food:before {
content: "\f1c1";
}
.flaticon-alert:before {
content: "\f1c2";
}
.flaticon-brain-1:before {
content: "\f1c3";
}
.flaticon-book:before {
content: "\f1c4";
}
.flaticon-time-4:before {
content: "\f1c5";
}
.flaticon-shield-1:before {
content: "\f1c6";
}
.flaticon-time-5:before {
content: "\f1c7";
}
.flaticon-man-1:before {
content: "\f1c8";
}
.flaticon-brain-2:before {
content: "\f1c9";
}
.flaticon-water:before {
content: "\f1ca";
}
.flaticon-content:before {
content: "\f1cb";
}
.flaticon-data-1:before {
content: "\f1cc";
}
.flaticon-like-1:before {
content: "\f1cd";
}
.flaticon-time-6:before {
content: "\f1ce";
}
.flaticon-sign:before {
content: "\f1cf";
}
.flaticon-book-1:before {
content: "\f1d0";
}
.flaticon-adjust:before {
content: "\f1d1";
}
.flaticon-menu:before {
content: "\f1d2";
}
.flaticon-calendar:before {
content: "\f1d3";
}
.flaticon-eye-1:before {
content: "\f1d4";
}
.flaticon-clock-2:before {
content: "\f1d5";
}
.flaticon-share-2:before {
content: "\f1d6";
}
.flaticon-fingerprint:before {
content: "\f1d7";
}
.flaticon-signal:before {
content: "\f1d8";
}
.flaticon-lock-1:before {
content: "\f1d9";
}
.flaticon-water-1:before {
content: "\f1da";
}
.flaticon-code:before {
content: "\f1db";
}
.flaticon-repeat:before {
content: "\f1dc";
}
.flaticon-map-2:before {
content: "\f1dd";
}
.flaticon-message:before {
content: "\f1de";
}
.flaticon-network-3:before {
content: "\f1df";
}
.flaticon-more:before {
content: "\f1e0";
}
.flaticon-random:before {
content: "\f1e1";
}
.flaticon-sign-1:before {
content: "\f1e2";
}
.flaticon-mail-1:before {
content: "\f1e3";
}
.flaticon-adjust-1:before {
content: "\f1e4";
}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.elementor-widget-video .elementor-widget-container,.elementor-widget-video:not(:has(.elementor-widget-container)){overflow:hidden;transform:translateZ(0)}.elementor-widget-video .elementor-wrapper{aspect-ratio:var(--video-aspect-ratio)}.elementor-widget-video .elementor-wrapper iframe,.elementor-widget-video .elementor-wrapper video{background-color:#000;border:none;display:flex;height:100%;width:100%}.elementor-widget-video .elementor-open-inline .elementor-custom-embed-image-overlay{background-position:50%;background-size:cover;inset:0;position:absolute}.elementor-widget-video .elementor-custom-embed-image-overlay{cursor:pointer;text-align:center}.elementor-widget-video .elementor-custom-embed-image-overlay:hover .elementor-custom-embed-play i{opacity:1}.elementor-widget-video .elementor-custom-embed-image-overlay img{aspect-ratio:var(--video-aspect-ratio);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%}.elementor-widget-video .e-hosted-video .elementor-video{-o-object-fit:cover;object-fit:cover}.e-con-inner>.elementor-widget-video,.e-con>.elementor-widget-video{width:var(--container-widget-width);--flex-grow:var( --container-widget-flex-grow )}