/*

font-family: 'Albert Sans', sans-serif;
*/
@import url('https://fonts.googleapis.com/css2?family=Albert+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html,
body {
    overflow-x: hidden;
}

body {
    font-size: 16px;
    line-height: 26px;
    color: #868681;
    font-weight: 400;
    text-align: left;
   font-family: 'Albert Sans', sans-serif;
}

p {
    font-size: 16px;
    line-height: 26px;
     color: #868681;
    font-weight: 400;
    font-family: 'Albert Sans', sans-serif;
    transition: 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #001819;
    font-family: 'Albert Sans', sans-serif;
    font-style: normal;
    margin-bottom: 0;
    margin-top: 11px;
    line-height: 1.2;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    font-size: 36px;
}

a {
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a {
    color: #012549;
    text-decoration: none;
}

a:focus,
.btn:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
    text-decoration: none;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit;
    -webkit-transition: .5s;
    transition: .5s;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 35px;

}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6 {
    color: #fff;
}

.white p {
    color: #fff;
}

.white i {
    color: #fff;
}

ul {
    margin: 0px;
    padding: 0px;
}



ul {
    margin: 0;

    padding: 0;
}



input:focus,
button:focus {
    border-color: #C19E68;
    outline-color: #C19E68;
    border: 1px solid #C19E68;
}

textarea:focus {
    border-color: #F16722;
    outline-color: #F16722;
}

hr {
    margin: 60px 0;
    padding: 0px;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

hr.style-2 {
    border-bottom: 1px dashed #f10;
}

hr.mp-0 {
    margin: 0;
    border-bottom: 1px solid #eceff8;
}

hr.mtb-40 {
    margin: 40px 0;
    border-bottom: 1px solid #eceff8;
    border-top: 0px;
}

label {
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

a,
i,
cite,
em,
var,
address,
dfn,
ol,
li,
ul {
    font-style: normal;
    font-weight: 400;
    list-style: none;
}

/* Default Background */
.bg_color {
    background: #43baff;
}

.bg_color2 {
    background: #211e3b !important;
}

.white_bg {
    background: #fff;
}

.bg_fixed {
    background-attachment: fixed;
}

.bg_before {
    position: relative;
}

.bg_before:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(12, 90, 219, 0.3);
}

.nagative_mb {
    position: relative;
    margin-bottom: -180px;
    z-index: 1;
}


*::-moz-selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::-moz-selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::selection {
    background: #4fc1f0;
    color: #454545;
    text-shadow: none;
}

::placeholder {
    color: #454545;
    font-size: 16px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #454545;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #454545;
}

:-ms-input-placeholder {
    /* IE 10+ */

    color: #454545;
}

:-moz-placeholder {
    /* Firefox 18- */

    color: #454545;
}

/* Contact Area */
.counter_area ::-moz-selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::-moz-selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::selection {
    color: #001d23;
    text-shadow: none;
}

.contact_area ::placeholder {
    color: #001d23;
    font-size: 16px;
}

.contact_area ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #001d23;
}

.contact_area ::-moz-placeholder {
    /* Firefox 19+ */
    color: #001d23;
}

.contact_area :-ms-input-placeholder {
    /* IE 10+ */
    color: #001d23;
}

.contact_area :-moz-placeholder {
    /* Firefox 18- */
    color: #001d23;
}

.blog_reply ::-moz-selection {
    color: #151948;
}

.blog_reply ::-moz-selection {
    color: #151948;
}

.blog_reply ::selection {
    color: #151948;
}

.blog_reply::placeholder {
    color: #151948;
}

.blog_reply ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #151948;
}

.blog_reply ::-moz-placeholder {
    /* Firefox 19+ */
    color: #151948;
}

.blog_reply :-ms-input-placeholder {
    /* IE 10+ */
    color: #151948;
}

.blog_reply :-moz-placeholder {
    /* Firefox 18- */
    color: #151948;
}

/* Padding Top Css */
.pt-350 {
    padding-top: 350px;
}

.pt-300 {
    padding-top: 300px;
}

.pt-280 {
    padding-top: 280px;
}

.pt-250 {
    padding-top: 250px;
}

.pt-200 {
    padding-top: 200px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-10 {
    padding-top: 10px;
}

/* Padding Bottom Css */
.pb-350 {
    padding-bottom: 350px;
}

.pb-250 {
    padding-bottom: 250px;
}

.pb-200 {
    padding-bottom: 200px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-95 {
    padding-bottom: 95px;
}

.pb-90 {
    padding-bottom: 90px;
}

.pb-85 {
    padding-bottom: 85px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-75 {
    padding-bottom: 75px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-65 {
    padding-bottom: 65px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-10 {
    padding-bottom: 10px;
}

/* Padding Left Css */
.pl-120 {
    padding-left: 120px;
}

.pl-110 {
    padding-left: 110px;
}

.pl-100 {
    padding-left: 100px;
}

.pl-90 {
    padding-left: 90px;
}

.pl-80 {
    padding-left: 80px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-60 {
    padding-left: 60px;
}

.pl-50 {
    padding-left: 50px;
}

.pl-40 {
    padding-left: 40px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-30 {
    padding-left: 30px;
}

.pl-25 {
    padding-left: 25px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-15 {
    padding-left: 15px;
}

.pl-10 {
    padding-left: 10px;
}

/* Padding Right Css */
.pr-120 {
    padding-right: 120px;
}

.pr-110 {
    padding-right: 110px;
}

.pr-100 {
    padding-right: 100px;
}

.pr-90 {
    padding-right: 90px;
}

.pr-80 {
    padding-right: 80px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-60 {
    padding-right: 60px;
}

.pr-50 {
    padding-right: 50px;
}

.pr-40 {
    padding-right: 40px;
}

.pr-35 {
    padding-right: 35px;
}

.pr-30 {
    padding-right: 30px;
}

.pr-25 {
    padding-right: 25px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-10 {
    padding-right: 10px;
}

/* Margin Top Css */
.mt-200 {
    margin-top: 200px;
}

.mt-190 {
    margin-top: 190px;
}

.mt-180 {
    margin-top: 180px;
}

.mt-170 {
    margin-top: 170px;
}

.mt-160 {
    margin-top: 160px;
}

.mt-150 {
    margin-top: 150px;
}

.mt-140 {
    margin-top: 140px;
}

.mt-130 {
    margin-top: 130px;
}

.mt-120 {
    margin-top: 120px;
}

.mt-110 {
    margin-top: 110px;
}

.mt-100 {
    margin-top: 100px;
}

.mt-95 {
    margin-top: 95px;
}

.mt-90 {
    margin-top: 90px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-75 {
    margin-top: 75px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-65 {
    margin-top: 65px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-55 {
    margin-top: 55px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-35 {
    margin-top: 35px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-15 {
    margin-top: 15px;
}

.mt-10 {
    margin-top: 10px;
}

/* Margin Bottom Css */
.mb-200 {
    margin-bottom: 200px;
}

.mb-190 {
    margin-bottom: 190px;
}

.mb-180 {
    margin-bottom: 180px;
}

.mb-170 {
    margin-bottom: 170px;
}

.mb-160 {
    margin-bottom: 160px;
}

.mb-150 {
    margin-bottom: 150px;
}

.mb-140 {
    margin-bottom: 140px;
}

.mb-130 {
    margin-bottom: 130px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-95 {
    margin-bottom: 95px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-75 {
    margin-bottom: 75px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-65 {
    margin-bottom: 65px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-55 {
    margin-bottom: 55px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-35 {
    margin-bottom: 35px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

/* Margin Left Css */
.ml-200 {
    margin-left: 200px;
}

.ml-190 {
    margin-left: 190px;
}

.ml-180 {
    margin-left: 180px;
}

.ml-170 {
    margin-left: 170px;
}

.ml-160 {
    margin-left: 160px;
}

.ml-150 {
    margin-left: 150px;
}

.ml-140 {
    margin-left: 140px;
}

.ml-130 {
    margin-left: 130px;
}

.ml-120 {
    margin-left: 120px;
}

.ml-110 {
    margin-left: 110px;
}

.ml-100 {
    margin-left: 100px;
}

.ml-95 {
    margin-left: 95px;
}

.ml-90 {
    margin-left: 90px;
}

.ml-80 {
    margin-left: 80px;
}

.ml-75 {
    margin-left: 75px;
}

.ml-70 {
    margin-left: 70px;
}

.ml-65 {
    margin-left: 65px;
}

.ml-60 {
    margin-left: 60px;
}

.ml-55 {
    margin-left: 55px;
}

.ml-50 {
    margin-left: 50px;
}

.ml-45 {
    margin-left: 45px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-35 {
    margin-left: 35px;
}

.ml-30 {
    margin-left: 30px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-15 {
    margin-left: 15px;
}

.ml-10 {
    margin-left: 10px;
}

/* Margin Right Css */
.mr-200 {
    margin-right: 200px;
}

.mr-190 {
    margin-right: 190px;
}

.mr-180 {
    margin-right: 180px;
}

.mr-170 {
    margin-right: 170px;
}

.mr-160 {
    margin-right: 160px;
}

.mr-150 {
    margin-right: 150px;
}

.mr-140 {
    margin-right: 140px;
}

.mr-130 {
    margin-right: 130px;
}

.mr-120 {
    margin-right: 120px;
}

.mr-110 {
    margin-right: 110px;
}

.mr-100 {
    margin-right: 100px;
}

.mr-95 {
    margin-right: 95px;
}

.mr-90 {
    margin-right: 90px;
}

.mr-80 {
    margin-right: 80px;
}

.mr-75 {
    margin-right: 75px;
}

.mr-70 {
    margin-right: 70px;
}

.mr-65 {
    margin-right: 65px;
}

.mr-60 {
    margin-right: 60px;
}

.mr-55 {
    margin-right: 55px;
}

.mr-50 {
    margin-right: 50px;
}

.mr-45 {
    margin-right: 45px;
}

.mr-40 {
    margin-right: 40px;
}

.mr-35 {
    margin-right: 35px;
}

.mr-30 {
    margin-right: 30px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-20 {
    margin-right: 20px;
}

.mr-15 {
    margin-right: 15px;
}

.mr-10 {
    margin-right: 10px;
}
a.meanmenu-reveal{display:none}
.mean-container .mean-bar {
  background: #49AF45;
  float: left;
  min-height: 60px;
  padding: 4px 0 0;
  position: relative;
  width: 100%;
  z-index: 999;
}
.mobile-menu.mean-container {
  overflow: hidden;
}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:18px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}
.mean-container .mean-nav ul li {
  background: #f8f8f8;
  float: left;
  position: relative;
  width: 100%;
  border-top: 1px solid #ddd;
}
.mean-container .mean-nav ul li a {
  background: #f8f8f8;
  color: #232323;
  display: block;
  float: left;
  font-size: 14px;
  margin: 0;
  padding: 1em 5%;
  text-align: left;
  text-decoration: none;
  text-transform: capitalize;
  width: 90%;   
}
.mobile-menu-area {
  background: #262626;
}
.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  color: #232323;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.75;
  padding: 1em 10%;
  text-shadow: none !important;
  text-transform: capitalize;
  visibility: visible;
  width: 80%;
}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover {
  background: #f8f8f8 none repeat scroll 0 0;
}
.mean-container .mean-nav ul li a.mean-expand {

	height: 15px;
	margin-top: 1px;
	padding: 12px !important;
	text-align: right;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	border: 0 !important;
	background: #F8F8F8;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #f8f8f8;
}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after {
  color: #ffffff;
  content: "MENU";
  font-size: 21px;
  left: 5%;
  position: absolute;
  top: 12px;
}


/* -------------------------------
39. Mobile menu
----------------------------------*/
.mean-container .mean-bar::after {
  display: none;
}
.mean-container .mean-nav ul li a:hover {
	border-radius: 0;
}
.mean-container a.meanmenu-reveal span {
  background: #fff;
}
.mobile-menu-area {
  background: #fff none repeat scroll 0 0;
  }
.mean-container .mean-nav ul li a.mean-expand {
  background: none;
  top: -4px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: none;
}
.mean-container .mean-nav ul li {
  background: #444;
}
.mean-container a.meanmenu-reveal {
  color: #fff;
}
.meanmenu-reveal.meanclose:hover {
  color: #fff !important;
}
.mean-container a.meanmenu-reveal:hover span {
  background: #fff;
}
.mean-container .mean-bar::before {
    color: #fff;
    content: "EWÉ Consultoria";
    font-size: 28px;
    font-weight: 600;
    left: 10px;
    position: absolute;
    top: 18px;
}

/* 
 *  Owl Carousel CSS3 Transitions 
 *  v1.3.2
 */

.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: #fdfdfd;
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;

}

/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

/* circle preloader */
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-circle.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}


/* IOS preloader */

/*.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-ios.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/


/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-dots.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/


/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(preload-quads.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 46px;
    height: 40px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url(close.gif) no-repeat #161617;
    background-position:10px center;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    box-sizing: content-box;
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 170px;
    margin-top: -85px;
    text-indent: -100px;
    border: solid transparent; /* Using border instead of padding to keep bg image in place */
    overflow: hidden;
}
.vbox-prev{
    left: 0;
    border-width: 0 30px 0 10px;
    background: url(prev.gif) center center no-repeat;
}
.vbox-next{
    right: 0;
    border-width: 0 10px 0 30px;
    background: url(next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #161617;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;

}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 420px;
    height: 315px;
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
    overflow: auto;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-open{
    overflow: hidden;
}
.vbox-container{
    position: relative;
    background: #000;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
@font-face {
  font-display: block;
  font-family: "bootstrap-icons";
  src: url("./fonts/bootstrap-icons.woff2?8d200481aa7f02a2d63a331fc782cfaf") format("woff2"),
url("./fonts/bootstrap-icons.woff?8d200481aa7f02a2d63a331fc782cfaf") format("woff");
}

.bi::before,
[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before { content: "\f67f"; }
.bi-alarm-fill::before { content: "\f101"; }
.bi-alarm::before { content: "\f102"; }
.bi-align-bottom::before { content: "\f103"; }
.bi-align-center::before { content: "\f104"; }
.bi-align-end::before { content: "\f105"; }
.bi-align-middle::before { content: "\f106"; }
.bi-align-start::before { content: "\f107"; }
.bi-align-top::before { content: "\f108"; }
.bi-alt::before { content: "\f109"; }
.bi-app-indicator::before { content: "\f10a"; }
.bi-app::before { content: "\f10b"; }
.bi-archive-fill::before { content: "\f10c"; }
.bi-archive::before { content: "\f10d"; }
.bi-arrow-90deg-down::before { content: "\f10e"; }
.bi-arrow-90deg-left::before { content: "\f10f"; }
.bi-arrow-90deg-right::before { content: "\f110"; }
.bi-arrow-90deg-up::before { content: "\f111"; }
.bi-arrow-bar-down::before { content: "\f112"; }
.bi-arrow-bar-left::before { content: "\f113"; }
.bi-arrow-bar-right::before { content: "\f114"; }
.bi-arrow-bar-up::before { content: "\f115"; }
.bi-arrow-clockwise::before { content: "\f116"; }
.bi-arrow-counterclockwise::before { content: "\f117"; }
.bi-arrow-down-circle-fill::before { content: "\f118"; }
.bi-arrow-down-circle::before { content: "\f119"; }
.bi-arrow-down-left-circle-fill::before { content: "\f11a"; }
.bi-arrow-down-left-circle::before { content: "\f11b"; }
.bi-arrow-down-left-square-fill::before { content: "\f11c"; }
.bi-arrow-down-left-square::before { content: "\f11d"; }
.bi-arrow-down-left::before { content: "\f11e"; }
.bi-arrow-down-right-circle-fill::before { content: "\f11f"; }
.bi-arrow-down-right-circle::before { content: "\f120"; }
.bi-arrow-down-right-square-fill::before { content: "\f121"; }
.bi-arrow-down-right-square::before { content: "\f122"; }
.bi-arrow-down-right::before { content: "\f123"; }
.bi-arrow-down-short::before { content: "\f124"; }
.bi-arrow-down-square-fill::before { content: "\f125"; }
.bi-arrow-down-square::before { content: "\f126"; }
.bi-arrow-down-up::before { content: "\f127"; }
.bi-arrow-down::before { content: "\f128"; }
.bi-arrow-left-circle-fill::before { content: "\f129"; }
.bi-arrow-left-circle::before { content: "\f12a"; }
.bi-arrow-left-right::before { content: "\f12b"; }
.bi-arrow-left-short::before { content: "\f12c"; }
.bi-arrow-left-square-fill::before { content: "\f12d"; }
.bi-arrow-left-square::before { content: "\f12e"; }
.bi-arrow-left::before { content: "\f12f"; }
.bi-arrow-repeat::before { content: "\f130"; }
.bi-arrow-return-left::before { content: "\f131"; }
.bi-arrow-return-right::before { content: "\f132"; }
.bi-arrow-right-circle-fill::before { content: "\f133"; }
.bi-arrow-right-circle::before { content: "\f134"; }
.bi-arrow-right-short::before { content: "\f135"; }
.bi-arrow-right-square-fill::before { content: "\f136"; }
.bi-arrow-right-square::before { content: "\f137"; }
.bi-arrow-right::before { content: "\f138"; }
.bi-arrow-up-circle-fill::before { content: "\f139"; }
.bi-arrow-up-circle::before { content: "\f13a"; }
.bi-arrow-up-left-circle-fill::before { content: "\f13b"; }
.bi-arrow-up-left-circle::before { content: "\f13c"; }
.bi-arrow-up-left-square-fill::before { content: "\f13d"; }
.bi-arrow-up-left-square::before { content: "\f13e"; }
.bi-arrow-up-left::before { content: "\f13f"; }
.bi-arrow-up-right-circle-fill::before { content: "\f140"; }
.bi-arrow-up-right-circle::before { content: "\f141"; }
.bi-arrow-up-right-square-fill::before { content: "\f142"; }
.bi-arrow-up-right-square::before { content: "\f143"; }
.bi-arrow-up-right::before { content: "\f144"; }
.bi-arrow-up-short::before { content: "\f145"; }
.bi-arrow-up-square-fill::before { content: "\f146"; }
.bi-arrow-up-square::before { content: "\f147"; }
.bi-arrow-up::before { content: "\f148"; }
.bi-arrows-angle-contract::before { content: "\f149"; }
.bi-arrows-angle-expand::before { content: "\f14a"; }
.bi-arrows-collapse::before { content: "\f14b"; }
.bi-arrows-expand::before { content: "\f14c"; }
.bi-arrows-fullscreen::before { content: "\f14d"; }
.bi-arrows-move::before { content: "\f14e"; }
.bi-aspect-ratio-fill::before { content: "\f14f"; }
.bi-aspect-ratio::before { content: "\f150"; }
.bi-asterisk::before { content: "\f151"; }
.bi-at::before { content: "\f152"; }
.bi-award-fill::before { content: "\f153"; }
.bi-award::before { content: "\f154"; }
.bi-back::before { content: "\f155"; }
.bi-backspace-fill::before { content: "\f156"; }
.bi-backspace-reverse-fill::before { content: "\f157"; }
.bi-backspace-reverse::before { content: "\f158"; }
.bi-backspace::before { content: "\f159"; }
.bi-badge-3d-fill::before { content: "\f15a"; }
.bi-badge-3d::before { content: "\f15b"; }
.bi-badge-4k-fill::before { content: "\f15c"; }
.bi-badge-4k::before { content: "\f15d"; }
.bi-badge-8k-fill::before { content: "\f15e"; }
.bi-badge-8k::before { content: "\f15f"; }
.bi-badge-ad-fill::before { content: "\f160"; }
.bi-badge-ad::before { content: "\f161"; }
.bi-badge-ar-fill::before { content: "\f162"; }
.bi-badge-ar::before { content: "\f163"; }
.bi-badge-cc-fill::before { content: "\f164"; }
.bi-badge-cc::before { content: "\f165"; }
.bi-badge-hd-fill::before { content: "\f166"; }
.bi-badge-hd::before { content: "\f167"; }
.bi-badge-tm-fill::before { content: "\f168"; }
.bi-badge-tm::before { content: "\f169"; }
.bi-badge-vo-fill::before { content: "\f16a"; }
.bi-badge-vo::before { content: "\f16b"; }
.bi-badge-vr-fill::before { content: "\f16c"; }
.bi-badge-vr::before { content: "\f16d"; }
.bi-badge-wc-fill::before { content: "\f16e"; }
.bi-badge-wc::before { content: "\f16f"; }
.bi-bag-check-fill::before { content: "\f170"; }
.bi-bag-check::before { content: "\f171"; }
.bi-bag-dash-fill::before { content: "\f172"; }
.bi-bag-dash::before { content: "\f173"; }
.bi-bag-fill::before { content: "\f174"; }
.bi-bag-plus-fill::before { content: "\f175"; }
.bi-bag-plus::before { content: "\f176"; }
.bi-bag-x-fill::before { content: "\f177"; }
.bi-bag-x::before { content: "\f178"; }
.bi-bag::before { content: "\f179"; }
.bi-bar-chart-fill::before { content: "\f17a"; }
.bi-bar-chart-line-fill::before { content: "\f17b"; }
.bi-bar-chart-line::before { content: "\f17c"; }
.bi-bar-chart-steps::before { content: "\f17d"; }
.bi-bar-chart::before { content: "\f17e"; }
.bi-basket-fill::before { content: "\f17f"; }
.bi-basket::before { content: "\f180"; }
.bi-basket2-fill::before { content: "\f181"; }
.bi-basket2::before { content: "\f182"; }
.bi-basket3-fill::before { content: "\f183"; }
.bi-basket3::before { content: "\f184"; }
.bi-battery-charging::before { content: "\f185"; }
.bi-battery-full::before { content: "\f186"; }
.bi-battery-half::before { content: "\f187"; }
.bi-battery::before { content: "\f188"; }
.bi-bell-fill::before { content: "\f189"; }
.bi-bell::before { content: "\f18a"; }
.bi-bezier::before { content: "\f18b"; }
.bi-bezier2::before { content: "\f18c"; }
.bi-bicycle::before { content: "\f18d"; }
.bi-binoculars-fill::before { content: "\f18e"; }
.bi-binoculars::before { content: "\f18f"; }
.bi-blockquote-left::before { content: "\f190"; }
.bi-blockquote-right::before { content: "\f191"; }
.bi-book-fill::before { content: "\f192"; }
.bi-book-half::before { content: "\f193"; }
.bi-book::before { content: "\f194"; }
.bi-bookmark-check-fill::before { content: "\f195"; }
.bi-bookmark-check::before { content: "\f196"; }
.bi-bookmark-dash-fill::before { content: "\f197"; }
.bi-bookmark-dash::before { content: "\f198"; }
.bi-bookmark-fill::before { content: "\f199"; }
.bi-bookmark-heart-fill::before { content: "\f19a"; }
.bi-bookmark-heart::before { content: "\f19b"; }
.bi-bookmark-plus-fill::before { content: "\f19c"; }
.bi-bookmark-plus::before { content: "\f19d"; }
.bi-bookmark-star-fill::before { content: "\f19e"; }
.bi-bookmark-star::before { content: "\f19f"; }
.bi-bookmark-x-fill::before { content: "\f1a0"; }
.bi-bookmark-x::before { content: "\f1a1"; }
.bi-bookmark::before { content: "\f1a2"; }
.bi-bookmarks-fill::before { content: "\f1a3"; }
.bi-bookmarks::before { content: "\f1a4"; }
.bi-bookshelf::before { content: "\f1a5"; }
.bi-bootstrap-fill::before { content: "\f1a6"; }
.bi-bootstrap-reboot::before { content: "\f1a7"; }
.bi-bootstrap::before { content: "\f1a8"; }
.bi-border-all::before { content: "\f1a9"; }
.bi-border-bottom::before { content: "\f1aa"; }
.bi-border-center::before { content: "\f1ab"; }
.bi-border-inner::before { content: "\f1ac"; }
.bi-border-left::before { content: "\f1ad"; }
.bi-border-middle::before { content: "\f1ae"; }
.bi-border-outer::before { content: "\f1af"; }
.bi-border-right::before { content: "\f1b0"; }
.bi-border-style::before { content: "\f1b1"; }
.bi-border-top::before { content: "\f1b2"; }
.bi-border-width::before { content: "\f1b3"; }
.bi-border::before { content: "\f1b4"; }
.bi-bounding-box-circles::before { content: "\f1b5"; }
.bi-bounding-box::before { content: "\f1b6"; }
.bi-box-arrow-down-left::before { content: "\f1b7"; }
.bi-box-arrow-down-right::before { content: "\f1b8"; }
.bi-box-arrow-down::before { content: "\f1b9"; }
.bi-box-arrow-in-down-left::before { content: "\f1ba"; }
.bi-box-arrow-in-down-right::before { content: "\f1bb"; }
.bi-box-arrow-in-down::before { content: "\f1bc"; }
.bi-box-arrow-in-left::before { content: "\f1bd"; }
.bi-box-arrow-in-right::before { content: "\f1be"; }
.bi-box-arrow-in-up-left::before { content: "\f1bf"; }
.bi-box-arrow-in-up-right::before { content: "\f1c0"; }
.bi-box-arrow-in-up::before { content: "\f1c1"; }
.bi-box-arrow-left::before { content: "\f1c2"; }
.bi-box-arrow-right::before { content: "\f1c3"; }
.bi-box-arrow-up-left::before { content: "\f1c4"; }
.bi-box-arrow-up-right::before { content: "\f1c5"; }
.bi-box-arrow-up::before { content: "\f1c6"; }
.bi-box-seam::before { content: "\f1c7"; }
.bi-box::before { content: "\f1c8"; }
.bi-braces::before { content: "\f1c9"; }
.bi-bricks::before { content: "\f1ca"; }
.bi-briefcase-fill::before { content: "\f1cb"; }
.bi-briefcase::before { content: "\f1cc"; }
.bi-brightness-alt-high-fill::before { content: "\f1cd"; }
.bi-brightness-alt-high::before { content: "\f1ce"; }
.bi-brightness-alt-low-fill::before { content: "\f1cf"; }
.bi-brightness-alt-low::before { content: "\f1d0"; }
.bi-brightness-high-fill::before { content: "\f1d1"; }
.bi-brightness-high::before { content: "\f1d2"; }
.bi-brightness-low-fill::before { content: "\f1d3"; }
.bi-brightness-low::before { content: "\f1d4"; }
.bi-broadcast-pin::before { content: "\f1d5"; }
.bi-broadcast::before { content: "\f1d6"; }
.bi-brush-fill::before { content: "\f1d7"; }
.bi-brush::before { content: "\f1d8"; }
.bi-bucket-fill::before { content: "\f1d9"; }
.bi-bucket::before { content: "\f1da"; }
.bi-bug-fill::before { content: "\f1db"; }
.bi-bug::before { content: "\f1dc"; }
.bi-building::before { content: "\f1dd"; }
.bi-bullseye::before { content: "\f1de"; }
.bi-calculator-fill::before { content: "\f1df"; }
.bi-calculator::before { content: "\f1e0"; }
.bi-calendar-check-fill::before { content: "\f1e1"; }
.bi-calendar-check::before { content: "\f1e2"; }
.bi-calendar-date-fill::before { content: "\f1e3"; }
.bi-calendar-date::before { content: "\f1e4"; }
.bi-calendar-day-fill::before { content: "\f1e5"; }
.bi-calendar-day::before { content: "\f1e6"; }
.bi-calendar-event-fill::before { content: "\f1e7"; }
.bi-calendar-event::before { content: "\f1e8"; }
.bi-calendar-fill::before { content: "\f1e9"; }
.bi-calendar-minus-fill::before { content: "\f1ea"; }
.bi-calendar-minus::before { content: "\f1eb"; }
.bi-calendar-month-fill::before { content: "\f1ec"; }
.bi-calendar-month::before { content: "\f1ed"; }
.bi-calendar-plus-fill::before { content: "\f1ee"; }
.bi-calendar-plus::before { content: "\f1ef"; }
.bi-calendar-range-fill::before { content: "\f1f0"; }
.bi-calendar-range::before { content: "\f1f1"; }
.bi-calendar-week-fill::before { content: "\f1f2"; }
.bi-calendar-week::before { content: "\f1f3"; }
.bi-calendar-x-fill::before { content: "\f1f4"; }
.bi-calendar-x::before { content: "\f1f5"; }
.bi-calendar::before { content: "\f1f6"; }
.bi-calendar2-check-fill::before { content: "\f1f7"; }
.bi-calendar2-check::before { content: "\f1f8"; }
.bi-calendar2-date-fill::before { content: "\f1f9"; }
.bi-calendar2-date::before { content: "\f1fa"; }
.bi-calendar2-day-fill::before { content: "\f1fb"; }
.bi-calendar2-day::before { content: "\f1fc"; }
.bi-calendar2-event-fill::before { content: "\f1fd"; }
.bi-calendar2-event::before { content: "\f1fe"; }
.bi-calendar2-fill::before { content: "\f1ff"; }
.bi-calendar2-minus-fill::before { content: "\f200"; }
.bi-calendar2-minus::before { content: "\f201"; }
.bi-calendar2-month-fill::before { content: "\f202"; }
.bi-calendar2-month::before { content: "\f203"; }
.bi-calendar2-plus-fill::before { content: "\f204"; }
.bi-calendar2-plus::before { content: "\f205"; }
.bi-calendar2-range-fill::before { content: "\f206"; }
.bi-calendar2-range::before { content: "\f207"; }
.bi-calendar2-week-fill::before { content: "\f208"; }
.bi-calendar2-week::before { content: "\f209"; }
.bi-calendar2-x-fill::before { content: "\f20a"; }
.bi-calendar2-x::before { content: "\f20b"; }
.bi-calendar2::before { content: "\f20c"; }
.bi-calendar3-event-fill::before { content: "\f20d"; }
.bi-calendar3-event::before { content: "\f20e"; }
.bi-calendar3-fill::before { content: "\f20f"; }
.bi-calendar3-range-fill::before { content: "\f210"; }
.bi-calendar3-range::before { content: "\f211"; }
.bi-calendar3-week-fill::before { content: "\f212"; }
.bi-calendar3-week::before { content: "\f213"; }
.bi-calendar3::before { content: "\f214"; }
.bi-calendar4-event::before { content: "\f215"; }
.bi-calendar4-range::before { content: "\f216"; }
.bi-calendar4-week::before { content: "\f217"; }
.bi-calendar4::before { content: "\f218"; }
.bi-camera-fill::before { content: "\f219"; }
.bi-camera-reels-fill::before { content: "\f21a"; }
.bi-camera-reels::before { content: "\f21b"; }
.bi-camera-video-fill::before { content: "\f21c"; }
.bi-camera-video-off-fill::before { content: "\f21d"; }
.bi-camera-video-off::before { content: "\f21e"; }
.bi-camera-video::before { content: "\f21f"; }
.bi-camera::before { content: "\f220"; }
.bi-camera2::before { content: "\f221"; }
.bi-capslock-fill::before { content: "\f222"; }
.bi-capslock::before { content: "\f223"; }
.bi-card-checklist::before { content: "\f224"; }
.bi-card-heading::before { content: "\f225"; }
.bi-card-image::before { content: "\f226"; }
.bi-card-list::before { content: "\f227"; }
.bi-card-text::before { content: "\f228"; }
.bi-caret-down-fill::before { content: "\f229"; }
.bi-caret-down-square-fill::before { content: "\f22a"; }
.bi-caret-down-square::before { content: "\f22b"; }
.bi-caret-down::before { content: "\f22c"; }
.bi-caret-left-fill::before { content: "\f22d"; }
.bi-caret-left-square-fill::before { content: "\f22e"; }
.bi-caret-left-square::before { content: "\f22f"; }
.bi-caret-left::before { content: "\f230"; }
.bi-caret-right-fill::before { content: "\f231"; }
.bi-caret-right-square-fill::before { content: "\f232"; }
.bi-caret-right-square::before { content: "\f233"; }
.bi-caret-right::before { content: "\f234"; }
.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-up-square-fill::before { content: "\f236"; }
.bi-caret-up-square::before { content: "\f237"; }
.bi-caret-up::before { content: "\f238"; }
.bi-cart-check-fill::before { content: "\f239"; }
.bi-cart-check::before { content: "\f23a"; }
.bi-cart-dash-fill::before { content: "\f23b"; }
.bi-cart-dash::before { content: "\f23c"; }
.bi-cart-fill::before { content: "\f23d"; }
.bi-cart-plus-fill::before { content: "\f23e"; }
.bi-cart-plus::before { content: "\f23f"; }
.bi-cart-x-fill::before { content: "\f240"; }
.bi-cart-x::before { content: "\f241"; }
.bi-cart::before { content: "\f242"; }
.bi-cart2::before { content: "\f243"; }
.bi-cart3::before { content: "\f244"; }
.bi-cart4::before { content: "\f245"; }
.bi-cash-stack::before { content: "\f246"; }
.bi-cash::before { content: "\f247"; }
.bi-cast::before { content: "\f248"; }
.bi-chat-dots-fill::before { content: "\f249"; }
.bi-chat-dots::before { content: "\f24a"; }
.bi-chat-fill::before { content: "\f24b"; }
.bi-chat-left-dots-fill::before { content: "\f24c"; }
.bi-chat-left-dots::before { content: "\f24d"; }
.bi-chat-left-fill::before { content: "\f24e"; }
.bi-chat-left-quote-fill::before { content: "\f24f"; }
.bi-chat-left-quote::before { content: "\f250"; }
.bi-chat-left-text-fill::before { content: "\f251"; }
.bi-chat-left-text::before { content: "\f252"; }
.bi-chat-left::before { content: "\f253"; }
.bi-chat-quote-fill::before { content: "\f254"; }
.bi-chat-quote::before { content: "\f255"; }
.bi-chat-right-dots-fill::before { content: "\f256"; }
.bi-chat-right-dots::before { content: "\f257"; }
.bi-chat-right-fill::before { content: "\f258"; }
.bi-chat-right-quote-fill::before { content: "\f259"; }
.bi-chat-right-quote::before { content: "\f25a"; }
.bi-chat-right-text-fill::before { content: "\f25b"; }
.bi-chat-right-text::before { content: "\f25c"; }
.bi-chat-right::before { content: "\f25d"; }
.bi-chat-square-dots-fill::before { content: "\f25e"; }
.bi-chat-square-dots::before { content: "\f25f"; }
.bi-chat-square-fill::before { content: "\f260"; }
.bi-chat-square-quote-fill::before { content: "\f261"; }
.bi-chat-square-quote::before { content: "\f262"; }
.bi-chat-square-text-fill::before { content: "\f263"; }
.bi-chat-square-text::before { content: "\f264"; }
.bi-chat-square::before { content: "\f265"; }
.bi-chat-text-fill::before { content: "\f266"; }
.bi-chat-text::before { content: "\f267"; }
.bi-chat::before { content: "\f268"; }
.bi-check-all::before { content: "\f269"; }
.bi-check-circle-fill::before { content: "\f26a"; }
.bi-check-circle::before { content: "\f26b"; }
.bi-check-square-fill::before { content: "\f26c"; }
.bi-check-square::before { content: "\f26d"; }
.bi-check::before { content: "\f26e"; }
.bi-check2-all::before { content: "\f26f"; }
.bi-check2-circle::before { content: "\f270"; }
.bi-check2-square::before { content: "\f271"; }
.bi-check2::before { content: "\f272"; }
.bi-chevron-bar-contract::before { content: "\f273"; }
.bi-chevron-bar-down::before { content: "\f274"; }
.bi-chevron-bar-expand::before { content: "\f275"; }
.bi-chevron-bar-left::before { content: "\f276"; }
.bi-chevron-bar-right::before { content: "\f277"; }
.bi-chevron-bar-up::before { content: "\f278"; }
.bi-chevron-compact-down::before { content: "\f279"; }
.bi-chevron-compact-left::before { content: "\f27a"; }
.bi-chevron-compact-right::before { content: "\f27b"; }
.bi-chevron-compact-up::before { content: "\f27c"; }
.bi-chevron-contract::before { content: "\f27d"; }
.bi-chevron-double-down::before { content: "\f27e"; }
.bi-chevron-double-left::before { content: "\f27f"; }
.bi-chevron-double-right::before { content: "\f280"; }
.bi-chevron-double-up::before { content: "\f281"; }
.bi-chevron-down::before { content: "\f282"; }
.bi-chevron-expand::before { content: "\f283"; }
.bi-chevron-left::before { content: "\f284"; }
.bi-chevron-right::before { content: "\f285"; }
.bi-chevron-up::before { content: "\f286"; }
.bi-circle-fill::before { content: "\f287"; }
.bi-circle-half::before { content: "\f288"; }
.bi-circle-square::before { content: "\f289"; }
.bi-circle::before { content: "\f28a"; }
.bi-clipboard-check::before { content: "\f28b"; }
.bi-clipboard-data::before { content: "\f28c"; }
.bi-clipboard-minus::before { content: "\f28d"; }
.bi-clipboard-plus::before { content: "\f28e"; }
.bi-clipboard-x::before { content: "\f28f"; }
.bi-clipboard::before { content: "\f290"; }
.bi-clock-fill::before { content: "\f291"; }
.bi-clock-history::before { content: "\f292"; }
.bi-clock::before { content: "\f293"; }
.bi-cloud-arrow-down-fill::before { content: "\f294"; }
.bi-cloud-arrow-down::before { content: "\f295"; }
.bi-cloud-arrow-up-fill::before { content: "\f296"; }
.bi-cloud-arrow-up::before { content: "\f297"; }
.bi-cloud-check-fill::before { content: "\f298"; }
.bi-cloud-check::before { content: "\f299"; }
.bi-cloud-download-fill::before { content: "\f29a"; }
.bi-cloud-download::before { content: "\f29b"; }
.bi-cloud-drizzle-fill::before { content: "\f29c"; }
.bi-cloud-drizzle::before { content: "\f29d"; }
.bi-cloud-fill::before { content: "\f29e"; }
.bi-cloud-fog-fill::before { content: "\f29f"; }
.bi-cloud-fog::before { content: "\f2a0"; }
.bi-cloud-fog2-fill::before { content: "\f2a1"; }
.bi-cloud-fog2::before { content: "\f2a2"; }
.bi-cloud-hail-fill::before { content: "\f2a3"; }
.bi-cloud-hail::before { content: "\f2a4"; }
.bi-cloud-haze-1::before { content: "\f2a5"; }
.bi-cloud-haze-fill::before { content: "\f2a6"; }
.bi-cloud-haze::before { content: "\f2a7"; }
.bi-cloud-haze2-fill::before { content: "\f2a8"; }
.bi-cloud-lightning-fill::before { content: "\f2a9"; }
.bi-cloud-lightning-rain-fill::before { content: "\f2aa"; }
.bi-cloud-lightning-rain::before { content: "\f2ab"; }
.bi-cloud-lightning::before { content: "\f2ac"; }
.bi-cloud-minus-fill::before { content: "\f2ad"; }
.bi-cloud-minus::before { content: "\f2ae"; }
.bi-cloud-moon-fill::before { content: "\f2af"; }
.bi-cloud-moon::before { content: "\f2b0"; }
.bi-cloud-plus-fill::before { content: "\f2b1"; }
.bi-cloud-plus::before { content: "\f2b2"; }
.bi-cloud-rain-fill::before { content: "\f2b3"; }
.bi-cloud-rain-heavy-fill::before { content: "\f2b4"; }
.bi-cloud-rain-heavy::before { content: "\f2b5"; }
.bi-cloud-rain::before { content: "\f2b6"; }
.bi-cloud-slash-fill::before { content: "\f2b7"; }
.bi-cloud-slash::before { content: "\f2b8"; }
.bi-cloud-sleet-fill::before { content: "\f2b9"; }
.bi-cloud-sleet::before { content: "\f2ba"; }
.bi-cloud-snow-fill::before { content: "\f2bb"; }
.bi-cloud-snow::before { content: "\f2bc"; }
.bi-cloud-sun-fill::before { content: "\f2bd"; }
.bi-cloud-sun::before { content: "\f2be"; }
.bi-cloud-upload-fill::before { content: "\f2bf"; }
.bi-cloud-upload::before { content: "\f2c0"; }
.bi-cloud::before { content: "\f2c1"; }
.bi-clouds-fill::before { content: "\f2c2"; }
.bi-clouds::before { content: "\f2c3"; }
.bi-cloudy-fill::before { content: "\f2c4"; }
.bi-cloudy::before { content: "\f2c5"; }
.bi-code-slash::before { content: "\f2c6"; }
.bi-code-square::before { content: "\f2c7"; }
.bi-code::before { content: "\f2c8"; }
.bi-collection-fill::before { content: "\f2c9"; }
.bi-collection-play-fill::before { content: "\f2ca"; }
.bi-collection-play::before { content: "\f2cb"; }
.bi-collection::before { content: "\f2cc"; }
.bi-columns-gap::before { content: "\f2cd"; }
.bi-columns::before { content: "\f2ce"; }
.bi-command::before { content: "\f2cf"; }
.bi-compass-fill::before { content: "\f2d0"; }
.bi-compass::before { content: "\f2d1"; }
.bi-cone-striped::before { content: "\f2d2"; }
.bi-cone::before { content: "\f2d3"; }
.bi-controller::before { content: "\f2d4"; }
.bi-cpu-fill::before { content: "\f2d5"; }
.bi-cpu::before { content: "\f2d6"; }
.bi-credit-card-2-back-fill::before { content: "\f2d7"; }
.bi-credit-card-2-back::before { content: "\f2d8"; }
.bi-credit-card-2-front-fill::before { content: "\f2d9"; }
.bi-credit-card-2-front::before { content: "\f2da"; }
.bi-credit-card-fill::before { content: "\f2db"; }
.bi-credit-card::before { content: "\f2dc"; }
.bi-crop::before { content: "\f2dd"; }
.bi-cup-fill::before { content: "\f2de"; }
.bi-cup-straw::before { content: "\f2df"; }
.bi-cup::before { content: "\f2e0"; }
.bi-cursor-fill::before { content: "\f2e1"; }
.bi-cursor-text::before { content: "\f2e2"; }
.bi-cursor::before { content: "\f2e3"; }
.bi-dash-circle-dotted::before { content: "\f2e4"; }
.bi-dash-circle-fill::before { content: "\f2e5"; }
.bi-dash-circle::before { content: "\f2e6"; }
.bi-dash-square-dotted::before { content: "\f2e7"; }
.bi-dash-square-fill::before { content: "\f2e8"; }
.bi-dash-square::before { content: "\f2e9"; }
.bi-dash::before { content: "\f2ea"; }
.bi-diagram-2-fill::before { content: "\f2eb"; }
.bi-diagram-2::before { content: "\f2ec"; }
.bi-diagram-3-fill::before { content: "\f2ed"; }
.bi-diagram-3::before { content: "\f2ee"; }
.bi-diamond-fill::before { content: "\f2ef"; }
.bi-diamond-half::before { content: "\f2f0"; }
.bi-diamond::before { content: "\f2f1"; }
.bi-dice-1-fill::before { content: "\f2f2"; }
.bi-dice-1::before { content: "\f2f3"; }
.bi-dice-2-fill::before { content: "\f2f4"; }
.bi-dice-2::before { content: "\f2f5"; }
.bi-dice-3-fill::before { content: "\f2f6"; }
.bi-dice-3::before { content: "\f2f7"; }
.bi-dice-4-fill::before { content: "\f2f8"; }
.bi-dice-4::before { content: "\f2f9"; }
.bi-dice-5-fill::before { content: "\f2fa"; }
.bi-dice-5::before { content: "\f2fb"; }
.bi-dice-6-fill::before { content: "\f2fc"; }
.bi-dice-6::before { content: "\f2fd"; }
.bi-disc-fill::before { content: "\f2fe"; }
.bi-disc::before { content: "\f2ff"; }
.bi-discord::before { content: "\f300"; }
.bi-display-fill::before { content: "\f301"; }
.bi-display::before { content: "\f302"; }
.bi-distribute-horizontal::before { content: "\f303"; }
.bi-distribute-vertical::before { content: "\f304"; }
.bi-door-closed-fill::before { content: "\f305"; }
.bi-door-closed::before { content: "\f306"; }
.bi-door-open-fill::before { content: "\f307"; }
.bi-door-open::before { content: "\f308"; }
.bi-dot::before { content: "\f309"; }
.bi-download::before { content: "\f30a"; }
.bi-droplet-fill::before { content: "\f30b"; }
.bi-droplet-half::before { content: "\f30c"; }
.bi-droplet::before { content: "\f30d"; }
.bi-earbuds::before { content: "\f30e"; }
.bi-easel-fill::before { content: "\f30f"; }
.bi-easel::before { content: "\f310"; }
.bi-egg-fill::before { content: "\f311"; }
.bi-egg-fried::before { content: "\f312"; }
.bi-egg::before { content: "\f313"; }
.bi-eject-fill::before { content: "\f314"; }
.bi-eject::before { content: "\f315"; }
.bi-emoji-angry-fill::before { content: "\f316"; }
.bi-emoji-angry::before { content: "\f317"; }
.bi-emoji-dizzy-fill::before { content: "\f318"; }
.bi-emoji-dizzy::before { content: "\f319"; }
.bi-emoji-expressionless-fill::before { content: "\f31a"; }
.bi-emoji-expressionless::before { content: "\f31b"; }
.bi-emoji-frown-fill::before { content: "\f31c"; }
.bi-emoji-frown::before { content: "\f31d"; }
.bi-emoji-heart-eyes-fill::before { content: "\f31e"; }
.bi-emoji-heart-eyes::before { content: "\f31f"; }
.bi-emoji-laughing-fill::before { content: "\f320"; }
.bi-emoji-laughing::before { content: "\f321"; }
.bi-emoji-neutral-fill::before { content: "\f322"; }
.bi-emoji-neutral::before { content: "\f323"; }
.bi-emoji-smile-fill::before { content: "\f324"; }
.bi-emoji-smile-upside-down-fill::before { content: "\f325"; }
.bi-emoji-smile-upside-down::before { content: "\f326"; }
.bi-emoji-smile::before { content: "\f327"; }
.bi-emoji-sunglasses-fill::before { content: "\f328"; }
.bi-emoji-sunglasses::before { content: "\f329"; }
.bi-emoji-wink-fill::before { content: "\f32a"; }
.bi-emoji-wink::before { content: "\f32b"; }
.bi-envelope-fill::before { content: "\f32c"; }
.bi-envelope-open-fill::before { content: "\f32d"; }
.bi-envelope-open::before { content: "\f32e"; }
.bi-envelope::before { content: "\f32f"; }
.bi-eraser-fill::before { content: "\f330"; }
.bi-eraser::before { content: "\f331"; }
.bi-exclamation-circle-fill::before { content: "\f332"; }
.bi-exclamation-circle::before { content: "\f333"; }
.bi-exclamation-diamond-fill::before { content: "\f334"; }
.bi-exclamation-diamond::before { content: "\f335"; }
.bi-exclamation-octagon-fill::before { content: "\f336"; }
.bi-exclamation-octagon::before { content: "\f337"; }
.bi-exclamation-square-fill::before { content: "\f338"; }
.bi-exclamation-square::before { content: "\f339"; }
.bi-exclamation-triangle-fill::before { content: "\f33a"; }
.bi-exclamation-triangle::before { content: "\f33b"; }
.bi-exclamation::before { content: "\f33c"; }
.bi-exclude::before { content: "\f33d"; }
.bi-eye-fill::before { content: "\f33e"; }
.bi-eye-slash-fill::before { content: "\f33f"; }
.bi-eye-slash::before { content: "\f340"; }
.bi-eye::before { content: "\f341"; }
.bi-eyedropper::before { content: "\f342"; }
.bi-eyeglasses::before { content: "\f343"; }
.bi-facebook::before { content: "\f344"; }
.bi-file-arrow-down-fill::before { content: "\f345"; }
.bi-file-arrow-down::before { content: "\f346"; }
.bi-file-arrow-up-fill::before { content: "\f347"; }
.bi-file-arrow-up::before { content: "\f348"; }
.bi-file-bar-graph-fill::before { content: "\f349"; }
.bi-file-bar-graph::before { content: "\f34a"; }
.bi-file-binary-fill::before { content: "\f34b"; }
.bi-file-binary::before { content: "\f34c"; }
.bi-file-break-fill::before { content: "\f34d"; }
.bi-file-break::before { content: "\f34e"; }
.bi-file-check-fill::before { content: "\f34f"; }
.bi-file-check::before { content: "\f350"; }
.bi-file-code-fill::before { content: "\f351"; }
.bi-file-code::before { content: "\f352"; }
.bi-file-diff-fill::before { content: "\f353"; }
.bi-file-diff::before { content: "\f354"; }
.bi-file-earmark-arrow-down-fill::before { content: "\f355"; }
.bi-file-earmark-arrow-down::before { content: "\f356"; }
.bi-file-earmark-arrow-up-fill::before { content: "\f357"; }
.bi-file-earmark-arrow-up::before { content: "\f358"; }
.bi-file-earmark-bar-graph-fill::before { content: "\f359"; }
.bi-file-earmark-bar-graph::before { content: "\f35a"; }
.bi-file-earmark-binary-fill::before { content: "\f35b"; }
.bi-file-earmark-binary::before { content: "\f35c"; }
.bi-file-earmark-break-fill::before { content: "\f35d"; }
.bi-file-earmark-break::before { content: "\f35e"; }
.bi-file-earmark-check-fill::before { content: "\f35f"; }
.bi-file-earmark-check::before { content: "\f360"; }
.bi-file-earmark-code-fill::before { content: "\f361"; }
.bi-file-earmark-code::before { content: "\f362"; }
.bi-file-earmark-diff-fill::before { content: "\f363"; }
.bi-file-earmark-diff::before { content: "\f364"; }
.bi-file-earmark-easel-fill::before { content: "\f365"; }
.bi-file-earmark-easel::before { content: "\f366"; }
.bi-file-earmark-excel-fill::before { content: "\f367"; }
.bi-file-earmark-excel::before { content: "\f368"; }
.bi-file-earmark-fill::before { content: "\f369"; }
.bi-file-earmark-font-fill::before { content: "\f36a"; }
.bi-file-earmark-font::before { content: "\f36b"; }
.bi-file-earmark-image-fill::before { content: "\f36c"; }
.bi-file-earmark-image::before { content: "\f36d"; }
.bi-file-earmark-lock-fill::before { content: "\f36e"; }
.bi-file-earmark-lock::before { content: "\f36f"; }
.bi-file-earmark-lock2-fill::before { content: "\f370"; }
.bi-file-earmark-lock2::before { content: "\f371"; }
.bi-file-earmark-medical-fill::before { content: "\f372"; }
.bi-file-earmark-medical::before { content: "\f373"; }
.bi-file-earmark-minus-fill::before { content: "\f374"; }
.bi-file-earmark-minus::before { content: "\f375"; }
.bi-file-earmark-music-fill::before { content: "\f376"; }
.bi-file-earmark-music::before { content: "\f377"; }
.bi-file-earmark-person-fill::before { content: "\f378"; }
.bi-file-earmark-person::before { content: "\f379"; }
.bi-file-earmark-play-fill::before { content: "\f37a"; }
.bi-file-earmark-play::before { content: "\f37b"; }
.bi-file-earmark-plus-fill::before { content: "\f37c"; }
.bi-file-earmark-plus::before { content: "\f37d"; }
.bi-file-earmark-post-fill::before { content: "\f37e"; }
.bi-file-earmark-post::before { content: "\f37f"; }
.bi-file-earmark-ppt-fill::before { content: "\f380"; }
.bi-file-earmark-ppt::before { content: "\f381"; }
.bi-file-earmark-richtext-fill::before { content: "\f382"; }
.bi-file-earmark-richtext::before { content: "\f383"; }
.bi-file-earmark-ruled-fill::before { content: "\f384"; }
.bi-file-earmark-ruled::before { content: "\f385"; }
.bi-file-earmark-slides-fill::before { content: "\f386"; }
.bi-file-earmark-slides::before { content: "\f387"; }
.bi-file-earmark-spreadsheet-fill::before { content: "\f388"; }
.bi-file-earmark-spreadsheet::before { content: "\f389"; }
.bi-file-earmark-text-fill::before { content: "\f38a"; }
.bi-file-earmark-text::before { content: "\f38b"; }
.bi-file-earmark-word-fill::before { content: "\f38c"; }
.bi-file-earmark-word::before { content: "\f38d"; }
.bi-file-earmark-x-fill::before { content: "\f38e"; }
.bi-file-earmark-x::before { content: "\f38f"; }
.bi-file-earmark-zip-fill::before { content: "\f390"; }
.bi-file-earmark-zip::before { content: "\f391"; }
.bi-file-earmark::before { content: "\f392"; }
.bi-file-easel-fill::before { content: "\f393"; }
.bi-file-easel::before { content: "\f394"; }
.bi-file-excel-fill::before { content: "\f395"; }
.bi-file-excel::before { content: "\f396"; }
.bi-file-fill::before { content: "\f397"; }
.bi-file-font-fill::before { content: "\f398"; }
.bi-file-font::before { content: "\f399"; }
.bi-file-image-fill::before { content: "\f39a"; }
.bi-file-image::before { content: "\f39b"; }
.bi-file-lock-fill::before { content: "\f39c"; }
.bi-file-lock::before { content: "\f39d"; }
.bi-file-lock2-fill::before { content: "\f39e"; }
.bi-file-lock2::before { content: "\f39f"; }
.bi-file-medical-fill::before { content: "\f3a0"; }
.bi-file-medical::before { content: "\f3a1"; }
.bi-file-minus-fill::before { content: "\f3a2"; }
.bi-file-minus::before { content: "\f3a3"; }
.bi-file-music-fill::before { content: "\f3a4"; }
.bi-file-music::before { content: "\f3a5"; }
.bi-file-person-fill::before { content: "\f3a6"; }
.bi-file-person::before { content: "\f3a7"; }
.bi-file-play-fill::before { content: "\f3a8"; }
.bi-file-play::before { content: "\f3a9"; }
.bi-file-plus-fill::before { content: "\f3aa"; }
.bi-file-plus::before { content: "\f3ab"; }
.bi-file-post-fill::before { content: "\f3ac"; }
.bi-file-post::before { content: "\f3ad"; }
.bi-file-ppt-fill::before { content: "\f3ae"; }
.bi-file-ppt::before { content: "\f3af"; }
.bi-file-richtext-fill::before { content: "\f3b0"; }
.bi-file-richtext::before { content: "\f3b1"; }
.bi-file-ruled-fill::before { content: "\f3b2"; }
.bi-file-ruled::before { content: "\f3b3"; }
.bi-file-slides-fill::before { content: "\f3b4"; }
.bi-file-slides::before { content: "\f3b5"; }
.bi-file-spreadsheet-fill::before { content: "\f3b6"; }
.bi-file-spreadsheet::before { content: "\f3b7"; }
.bi-file-text-fill::before { content: "\f3b8"; }
.bi-file-text::before { content: "\f3b9"; }
.bi-file-word-fill::before { content: "\f3ba"; }
.bi-file-word::before { content: "\f3bb"; }
.bi-file-x-fill::before { content: "\f3bc"; }
.bi-file-x::before { content: "\f3bd"; }
.bi-file-zip-fill::before { content: "\f3be"; }
.bi-file-zip::before { content: "\f3bf"; }
.bi-file::before { content: "\f3c0"; }
.bi-files-alt::before { content: "\f3c1"; }
.bi-files::before { content: "\f3c2"; }
.bi-film::before { content: "\f3c3"; }
.bi-filter-circle-fill::before { content: "\f3c4"; }
.bi-filter-circle::before { content: "\f3c5"; }
.bi-filter-left::before { content: "\f3c6"; }
.bi-filter-right::before { content: "\f3c7"; }
.bi-filter-square-fill::before { content: "\f3c8"; }
.bi-filter-square::before { content: "\f3c9"; }
.bi-filter::before { content: "\f3ca"; }
.bi-flag-fill::before { content: "\f3cb"; }
.bi-flag::before { content: "\f3cc"; }
.bi-flower1::before { content: "\f3cd"; }
.bi-flower2::before { content: "\f3ce"; }
.bi-flower3::before { content: "\f3cf"; }
.bi-folder-check::before { content: "\f3d0"; }
.bi-folder-fill::before { content: "\f3d1"; }
.bi-folder-minus::before { content: "\f3d2"; }
.bi-folder-plus::before { content: "\f3d3"; }
.bi-folder-symlink-fill::before { content: "\f3d4"; }
.bi-folder-symlink::before { content: "\f3d5"; }
.bi-folder-x::before { content: "\f3d6"; }
.bi-folder::before { content: "\f3d7"; }
.bi-folder2-open::before { content: "\f3d8"; }
.bi-folder2::before { content: "\f3d9"; }
.bi-fonts::before { content: "\f3da"; }
.bi-forward-fill::before { content: "\f3db"; }
.bi-forward::before { content: "\f3dc"; }
.bi-front::before { content: "\f3dd"; }
.bi-fullscreen-exit::before { content: "\f3de"; }
.bi-fullscreen::before { content: "\f3df"; }
.bi-funnel-fill::before { content: "\f3e0"; }
.bi-funnel::before { content: "\f3e1"; }
.bi-gear-fill::before { content: "\f3e2"; }
.bi-gear-wide-connected::before { content: "\f3e3"; }
.bi-gear-wide::before { content: "\f3e4"; }
.bi-gear::before { content: "\f3e5"; }
.bi-gem::before { content: "\f3e6"; }
.bi-geo-alt-fill::before { content: "\f3e7"; }
.bi-geo-alt::before { content: "\f3e8"; }
.bi-geo-fill::before { content: "\f3e9"; }
.bi-geo::before { content: "\f3ea"; }
.bi-gift-fill::before { content: "\f3eb"; }
.bi-gift::before { content: "\f3ec"; }
.bi-github::before { content: "\f3ed"; }
.bi-globe::before { content: "\f3ee"; }
.bi-globe2::before { content: "\f3ef"; }
.bi-google::before { content: "\f3f0"; }
.bi-graph-down::before { content: "\f3f1"; }
.bi-graph-up::before { content: "\f3f2"; }
.bi-grid-1x2-fill::before { content: "\f3f3"; }
.bi-grid-1x2::before { content: "\f3f4"; }
.bi-grid-3x2-gap-fill::before { content: "\f3f5"; }
.bi-grid-3x2-gap::before { content: "\f3f6"; }
.bi-grid-3x2::before { content: "\f3f7"; }
.bi-grid-3x3-gap-fill::before { content: "\f3f8"; }
.bi-grid-3x3-gap::before { content: "\f3f9"; }
.bi-grid-3x3::before { content: "\f3fa"; }
.bi-grid-fill::before { content: "\f3fb"; }
.bi-grid::before { content: "\f3fc"; }
.bi-grip-horizontal::before { content: "\f3fd"; }
.bi-grip-vertical::before { content: "\f3fe"; }
.bi-hammer::before { content: "\f3ff"; }
.bi-hand-index-fill::before { content: "\f400"; }
.bi-hand-index-thumb-fill::before { content: "\f401"; }
.bi-hand-index-thumb::before { content: "\f402"; }
.bi-hand-index::before { content: "\f403"; }
.bi-hand-thumbs-down-fill::before { content: "\f404"; }
.bi-hand-thumbs-down::before { content: "\f405"; }
.bi-hand-thumbs-up-fill::before { content: "\f406"; }
.bi-hand-thumbs-up::before { content: "\f407"; }
.bi-handbag-fill::before { content: "\f408"; }
.bi-handbag::before { content: "\f409"; }
.bi-hash::before { content: "\f40a"; }
.bi-hdd-fill::before { content: "\f40b"; }
.bi-hdd-network-fill::before { content: "\f40c"; }
.bi-hdd-network::before { content: "\f40d"; }
.bi-hdd-rack-fill::before { content: "\f40e"; }
.bi-hdd-rack::before { content: "\f40f"; }
.bi-hdd-stack-fill::before { content: "\f410"; }
.bi-hdd-stack::before { content: "\f411"; }
.bi-hdd::before { content: "\f412"; }
.bi-headphones::before { content: "\f413"; }
.bi-headset::before { content: "\f414"; }
.bi-heart-fill::before { content: "\f415"; }
.bi-heart-half::before { content: "\f416"; }
.bi-heart::before { content: "\f417"; }
.bi-heptagon-fill::before { content: "\f418"; }
.bi-heptagon-half::before { content: "\f419"; }
.bi-heptagon::before { content: "\f41a"; }
.bi-hexagon-fill::before { content: "\f41b"; }
.bi-hexagon-half::before { content: "\f41c"; }
.bi-hexagon::before { content: "\f41d"; }
.bi-hourglass-bottom::before { content: "\f41e"; }
.bi-hourglass-split::before { content: "\f41f"; }
.bi-hourglass-top::before { content: "\f420"; }
.bi-hourglass::before { content: "\f421"; }
.bi-house-door-fill::before { content: "\f422"; }
.bi-house-door::before { content: "\f423"; }
.bi-house-fill::before { content: "\f424"; }
.bi-house::before { content: "\f425"; }
.bi-hr::before { content: "\f426"; }
.bi-hurricane::before { content: "\f427"; }
.bi-image-alt::before { content: "\f428"; }
.bi-image-fill::before { content: "\f429"; }
.bi-image::before { content: "\f42a"; }
.bi-images::before { content: "\f42b"; }
.bi-inbox-fill::before { content: "\f42c"; }
.bi-inbox::before { content: "\f42d"; }
.bi-inboxes-fill::before { content: "\f42e"; }
.bi-inboxes::before { content: "\f42f"; }
.bi-info-circle-fill::before { content: "\f430"; }
.bi-info-circle::before { content: "\f431"; }
.bi-info-square-fill::before { content: "\f432"; }
.bi-info-square::before { content: "\f433"; }
.bi-info::before { content: "\f434"; }
.bi-input-cursor-text::before { content: "\f435"; }
.bi-input-cursor::before { content: "\f436"; }
.bi-instagram::before { content: "\f437"; }
.bi-intersect::before { content: "\f438"; }
.bi-journal-album::before { content: "\f439"; }
.bi-journal-arrow-down::before { content: "\f43a"; }
.bi-journal-arrow-up::before { content: "\f43b"; }
.bi-journal-bookmark-fill::before { content: "\f43c"; }
.bi-journal-bookmark::before { content: "\f43d"; }
.bi-journal-check::before { content: "\f43e"; }
.bi-journal-code::before { content: "\f43f"; }
.bi-journal-medical::before { content: "\f440"; }
.bi-journal-minus::before { content: "\f441"; }
.bi-journal-plus::before { content: "\f442"; }
.bi-journal-richtext::before { content: "\f443"; }
.bi-journal-text::before { content: "\f444"; }
.bi-journal-x::before { content: "\f445"; }
.bi-journal::before { content: "\f446"; }
.bi-journals::before { content: "\f447"; }
.bi-joystick::before { content: "\f448"; }
.bi-justify-left::before { content: "\f449"; }
.bi-justify-right::before { content: "\f44a"; }
.bi-justify::before { content: "\f44b"; }
.bi-kanban-fill::before { content: "\f44c"; }
.bi-kanban::before { content: "\f44d"; }
.bi-key-fill::before { content: "\f44e"; }
.bi-key::before { content: "\f44f"; }
.bi-keyboard-fill::before { content: "\f450"; }
.bi-keyboard::before { content: "\f451"; }
.bi-ladder::before { content: "\f452"; }
.bi-lamp-fill::before { content: "\f453"; }
.bi-lamp::before { content: "\f454"; }
.bi-laptop-fill::before { content: "\f455"; }
.bi-laptop::before { content: "\f456"; }
.bi-layer-backward::before { content: "\f457"; }
.bi-layer-forward::before { content: "\f458"; }
.bi-layers-fill::before { content: "\f459"; }
.bi-layers-half::before { content: "\f45a"; }
.bi-layers::before { content: "\f45b"; }
.bi-layout-sidebar-inset-reverse::before { content: "\f45c"; }
.bi-layout-sidebar-inset::before { content: "\f45d"; }
.bi-layout-sidebar-reverse::before { content: "\f45e"; }
.bi-layout-sidebar::before { content: "\f45f"; }
.bi-layout-split::before { content: "\f460"; }
.bi-layout-text-sidebar-reverse::before { content: "\f461"; }
.bi-layout-text-sidebar::before { content: "\f462"; }
.bi-layout-text-window-reverse::before { content: "\f463"; }
.bi-layout-text-window::before { content: "\f464"; }
.bi-layout-three-columns::before { content: "\f465"; }
.bi-layout-wtf::before { content: "\f466"; }
.bi-life-preserver::before { content: "\f467"; }
.bi-lightbulb-fill::before { content: "\f468"; }
.bi-lightbulb-off-fill::before { content: "\f469"; }
.bi-lightbulb-off::before { content: "\f46a"; }
.bi-lightbulb::before { content: "\f46b"; }
.bi-lightning-charge-fill::before { content: "\f46c"; }
.bi-lightning-charge::before { content: "\f46d"; }
.bi-lightning-fill::before { content: "\f46e"; }
.bi-lightning::before { content: "\f46f"; }
.bi-link-45deg::before { content: "\f470"; }
.bi-link::before { content: "\f471"; }
.bi-linkedin::before { content: "\f472"; }
.bi-list-check::before { content: "\f473"; }
.bi-list-nested::before { content: "\f474"; }
.bi-list-ol::before { content: "\f475"; }
.bi-list-stars::before { content: "\f476"; }
.bi-list-task::before { content: "\f477"; }
.bi-list-ul::before { content: "\f478"; }
.bi-list::before { content: "\f479"; }
.bi-lock-fill::before { content: "\f47a"; }
.bi-lock::before { content: "\f47b"; }
.bi-mailbox::before { content: "\f47c"; }
.bi-mailbox2::before { content: "\f47d"; }
.bi-map-fill::before { content: "\f47e"; }
.bi-map::before { content: "\f47f"; }
.bi-markdown-fill::before { content: "\f480"; }
.bi-markdown::before { content: "\f481"; }
.bi-mask::before { content: "\f482"; }
.bi-megaphone-fill::before { content: "\f483"; }
.bi-megaphone::before { content: "\f484"; }
.bi-menu-app-fill::before { content: "\f485"; }
.bi-menu-app::before { content: "\f486"; }
.bi-menu-button-fill::before { content: "\f487"; }
.bi-menu-button-wide-fill::before { content: "\f488"; }
.bi-menu-button-wide::before { content: "\f489"; }
.bi-menu-button::before { content: "\f48a"; }
.bi-menu-down::before { content: "\f48b"; }
.bi-menu-up::before { content: "\f48c"; }
.bi-mic-fill::before { content: "\f48d"; }
.bi-mic-mute-fill::before { content: "\f48e"; }
.bi-mic-mute::before { content: "\f48f"; }
.bi-mic::before { content: "\f490"; }
.bi-minecart-loaded::before { content: "\f491"; }
.bi-minecart::before { content: "\f492"; }
.bi-moisture::before { content: "\f493"; }
.bi-moon-fill::before { content: "\f494"; }
.bi-moon-stars-fill::before { content: "\f495"; }
.bi-moon-stars::before { content: "\f496"; }
.bi-moon::before { content: "\f497"; }
.bi-mouse-fill::before { content: "\f498"; }
.bi-mouse::before { content: "\f499"; }
.bi-mouse2-fill::before { content: "\f49a"; }
.bi-mouse2::before { content: "\f49b"; }
.bi-mouse3-fill::before { content: "\f49c"; }
.bi-mouse3::before { content: "\f49d"; }
.bi-music-note-beamed::before { content: "\f49e"; }
.bi-music-note-list::before { content: "\f49f"; }
.bi-music-note::before { content: "\f4a0"; }
.bi-music-player-fill::before { content: "\f4a1"; }
.bi-music-player::before { content: "\f4a2"; }
.bi-newspaper::before { content: "\f4a3"; }
.bi-node-minus-fill::before { content: "\f4a4"; }
.bi-node-minus::before { content: "\f4a5"; }
.bi-node-plus-fill::before { content: "\f4a6"; }
.bi-node-plus::before { content: "\f4a7"; }
.bi-nut-fill::before { content: "\f4a8"; }
.bi-nut::before { content: "\f4a9"; }
.bi-octagon-fill::before { content: "\f4aa"; }
.bi-octagon-half::before { content: "\f4ab"; }
.bi-octagon::before { content: "\f4ac"; }
.bi-option::before { content: "\f4ad"; }
.bi-outlet::before { content: "\f4ae"; }
.bi-paint-bucket::before { content: "\f4af"; }
.bi-palette-fill::before { content: "\f4b0"; }
.bi-palette::before { content: "\f4b1"; }
.bi-palette2::before { content: "\f4b2"; }
.bi-paperclip::before { content: "\f4b3"; }
.bi-paragraph::before { content: "\f4b4"; }
.bi-patch-check-fill::before { content: "\f4b5"; }
.bi-patch-check::before { content: "\f4b6"; }
.bi-patch-exclamation-fill::before { content: "\f4b7"; }
.bi-patch-exclamation::before { content: "\f4b8"; }
.bi-patch-minus-fill::before { content: "\f4b9"; }
.bi-patch-minus::before { content: "\f4ba"; }
.bi-patch-plus-fill::before { content: "\f4bb"; }
.bi-patch-plus::before { content: "\f4bc"; }
.bi-patch-question-fill::before { content: "\f4bd"; }
.bi-patch-question::before { content: "\f4be"; }
.bi-pause-btn-fill::before { content: "\f4bf"; }
.bi-pause-btn::before { content: "\f4c0"; }
.bi-pause-circle-fill::before { content: "\f4c1"; }
.bi-pause-circle::before { content: "\f4c2"; }
.bi-pause-fill::before { content: "\f4c3"; }
.bi-pause::before { content: "\f4c4"; }
.bi-peace-fill::before { content: "\f4c5"; }
.bi-peace::before { content: "\f4c6"; }
.bi-pen-fill::before { content: "\f4c7"; }
.bi-pen::before { content: "\f4c8"; }
.bi-pencil-fill::before { content: "\f4c9"; }
.bi-pencil-square::before { content: "\f4ca"; }
.bi-pencil::before { content: "\f4cb"; }
.bi-pentagon-fill::before { content: "\f4cc"; }
.bi-pentagon-half::before { content: "\f4cd"; }
.bi-pentagon::before { content: "\f4ce"; }
.bi-people-fill::before { content: "\f4cf"; }
.bi-people::before { content: "\f4d0"; }
.bi-percent::before { content: "\f4d1"; }
.bi-person-badge-fill::before { content: "\f4d2"; }
.bi-person-badge::before { content: "\f4d3"; }
.bi-person-bounding-box::before { content: "\f4d4"; }
.bi-person-check-fill::before { content: "\f4d5"; }
.bi-person-check::before { content: "\f4d6"; }
.bi-person-circle::before { content: "\f4d7"; }
.bi-person-dash-fill::before { content: "\f4d8"; }
.bi-person-dash::before { content: "\f4d9"; }
.bi-person-fill::before { content: "\f4da"; }
.bi-person-lines-fill::before { content: "\f4db"; }
.bi-person-plus-fill::before { content: "\f4dc"; }
.bi-person-plus::before { content: "\f4dd"; }
.bi-person-square::before { content: "\f4de"; }
.bi-person-x-fill::before { content: "\f4df"; }
.bi-person-x::before { content: "\f4e0"; }
.bi-person::before { content: "\f4e1"; }
.bi-phone-fill::before { content: "\f4e2"; }
.bi-phone-landscape-fill::before { content: "\f4e3"; }
.bi-phone-landscape::before { content: "\f4e4"; }
.bi-phone-vibrate-fill::before { content: "\f4e5"; }
.bi-phone-vibrate::before { content: "\f4e6"; }
.bi-phone::before { content: "\f4e7"; }
.bi-pie-chart-fill::before { content: "\f4e8"; }
.bi-pie-chart::before { content: "\f4e9"; }
.bi-pin-angle-fill::before { content: "\f4ea"; }
.bi-pin-angle::before { content: "\f4eb"; }
.bi-pin-fill::before { content: "\f4ec"; }
.bi-pin::before { content: "\f4ed"; }
.bi-pip-fill::before { content: "\f4ee"; }
.bi-pip::before { content: "\f4ef"; }
.bi-play-btn-fill::before { content: "\f4f0"; }
.bi-play-btn::before { content: "\f4f1"; }
.bi-play-circle-fill::before { content: "\f4f2"; }
.bi-play-circle::before { content: "\f4f3"; }
.bi-play-fill::before { content: "\f4f4"; }
.bi-play::before { content: "\f4f5"; }
.bi-plug-fill::before { content: "\f4f6"; }
.bi-plug::before { content: "\f4f7"; }
.bi-plus-circle-dotted::before { content: "\f4f8"; }
.bi-plus-circle-fill::before { content: "\f4f9"; }
.bi-plus-circle::before { content: "\f4fa"; }
.bi-plus-square-dotted::before { content: "\f4fb"; }
.bi-plus-square-fill::before { content: "\f4fc"; }
.bi-plus-square::before { content: "\f4fd"; }
.bi-plus::before { content: "\f4fe"; }
.bi-power::before { content: "\f4ff"; }
.bi-printer-fill::before { content: "\f500"; }
.bi-printer::before { content: "\f501"; }
.bi-puzzle-fill::before { content: "\f502"; }
.bi-puzzle::before { content: "\f503"; }
.bi-question-circle-fill::before { content: "\f504"; }
.bi-question-circle::before { content: "\f505"; }
.bi-question-diamond-fill::before { content: "\f506"; }
.bi-question-diamond::before { content: "\f507"; }
.bi-question-octagon-fill::before { content: "\f508"; }
.bi-question-octagon::before { content: "\f509"; }
.bi-question-square-fill::before { content: "\f50a"; }
.bi-question-square::before { content: "\f50b"; }
.bi-question::before { content: "\f50c"; }
.bi-rainbow::before { content: "\f50d"; }
.bi-receipt-cutoff::before { content: "\f50e"; }
.bi-receipt::before { content: "\f50f"; }
.bi-reception-0::before { content: "\f510"; }
.bi-reception-1::before { content: "\f511"; }
.bi-reception-2::before { content: "\f512"; }
.bi-reception-3::before { content: "\f513"; }
.bi-reception-4::before { content: "\f514"; }
.bi-record-btn-fill::before { content: "\f515"; }
.bi-record-btn::before { content: "\f516"; }
.bi-record-circle-fill::before { content: "\f517"; }
.bi-record-circle::before { content: "\f518"; }
.bi-record-fill::before { content: "\f519"; }
.bi-record::before { content: "\f51a"; }
.bi-record2-fill::before { content: "\f51b"; }
.bi-record2::before { content: "\f51c"; }
.bi-reply-all-fill::before { content: "\f51d"; }
.bi-reply-all::before { content: "\f51e"; }
.bi-reply-fill::before { content: "\f51f"; }
.bi-reply::before { content: "\f520"; }
.bi-rss-fill::before { content: "\f521"; }
.bi-rss::before { content: "\f522"; }
.bi-rulers::before { content: "\f523"; }
.bi-save-fill::before { content: "\f524"; }
.bi-save::before { content: "\f525"; }
.bi-save2-fill::before { content: "\f526"; }
.bi-save2::before { content: "\f527"; }
.bi-scissors::before { content: "\f528"; }
.bi-screwdriver::before { content: "\f529"; }
.bi-search::before { content: "\f52a"; }
.bi-segmented-nav::before { content: "\f52b"; }
.bi-server::before { content: "\f52c"; }
.bi-share-fill::before { content: "\f52d"; }
.bi-share::before { content: "\f52e"; }
.bi-shield-check::before { content: "\f52f"; }
.bi-shield-exclamation::before { content: "\f530"; }
.bi-shield-fill-check::before { content: "\f531"; }
.bi-shield-fill-exclamation::before { content: "\f532"; }
.bi-shield-fill-minus::before { content: "\f533"; }
.bi-shield-fill-plus::before { content: "\f534"; }
.bi-shield-fill-x::before { content: "\f535"; }
.bi-shield-fill::before { content: "\f536"; }
.bi-shield-lock-fill::before { content: "\f537"; }
.bi-shield-lock::before { content: "\f538"; }
.bi-shield-minus::before { content: "\f539"; }
.bi-shield-plus::before { content: "\f53a"; }
.bi-shield-shaded::before { content: "\f53b"; }
.bi-shield-slash-fill::before { content: "\f53c"; }
.bi-shield-slash::before { content: "\f53d"; }
.bi-shield-x::before { content: "\f53e"; }
.bi-shield::before { content: "\f53f"; }
.bi-shift-fill::before { content: "\f540"; }
.bi-shift::before { content: "\f541"; }
.bi-shop-window::before { content: "\f542"; }
.bi-shop::before { content: "\f543"; }
.bi-shuffle::before { content: "\f544"; }
.bi-signpost-2-fill::before { content: "\f545"; }
.bi-signpost-2::before { content: "\f546"; }
.bi-signpost-fill::before { content: "\f547"; }
.bi-signpost-split-fill::before { content: "\f548"; }
.bi-signpost-split::before { content: "\f549"; }
.bi-signpost::before { content: "\f54a"; }
.bi-sim-fill::before { content: "\f54b"; }
.bi-sim::before { content: "\f54c"; }
.bi-skip-backward-btn-fill::before { content: "\f54d"; }
.bi-skip-backward-btn::before { content: "\f54e"; }
.bi-skip-backward-circle-fill::before { content: "\f54f"; }
.bi-skip-backward-circle::before { content: "\f550"; }
.bi-skip-backward-fill::before { content: "\f551"; }
.bi-skip-backward::before { content: "\f552"; }
.bi-skip-end-btn-fill::before { content: "\f553"; }
.bi-skip-end-btn::before { content: "\f554"; }
.bi-skip-end-circle-fill::before { content: "\f555"; }
.bi-skip-end-circle::before { content: "\f556"; }
.bi-skip-end-fill::before { content: "\f557"; }
.bi-skip-end::before { content: "\f558"; }
.bi-skip-forward-btn-fill::before { content: "\f559"; }
.bi-skip-forward-btn::before { content: "\f55a"; }
.bi-skip-forward-circle-fill::before { content: "\f55b"; }
.bi-skip-forward-circle::before { content: "\f55c"; }
.bi-skip-forward-fill::before { content: "\f55d"; }
.bi-skip-forward::before { content: "\f55e"; }
.bi-skip-start-btn-fill::before { content: "\f55f"; }
.bi-skip-start-btn::before { content: "\f560"; }
.bi-skip-start-circle-fill::before { content: "\f561"; }
.bi-skip-start-circle::before { content: "\f562"; }
.bi-skip-start-fill::before { content: "\f563"; }
.bi-skip-start::before { content: "\f564"; }
.bi-slack::before { content: "\f565"; }
.bi-slash-circle-fill::before { content: "\f566"; }
.bi-slash-circle::before { content: "\f567"; }
.bi-slash-square-fill::before { content: "\f568"; }
.bi-slash-square::before { content: "\f569"; }
.bi-slash::before { content: "\f56a"; }
.bi-sliders::before { content: "\f56b"; }
.bi-smartwatch::before { content: "\f56c"; }
.bi-snow::before { content: "\f56d"; }
.bi-snow2::before { content: "\f56e"; }
.bi-snow3::before { content: "\f56f"; }
.bi-sort-alpha-down-alt::before { content: "\f570"; }
.bi-sort-alpha-down::before { content: "\f571"; }
.bi-sort-alpha-up-alt::before { content: "\f572"; }
.bi-sort-alpha-up::before { content: "\f573"; }
.bi-sort-down-alt::before { content: "\f574"; }
.bi-sort-down::before { content: "\f575"; }
.bi-sort-numeric-down-alt::before { content: "\f576"; }
.bi-sort-numeric-down::before { content: "\f577"; }
.bi-sort-numeric-up-alt::before { content: "\f578"; }
.bi-sort-numeric-up::before { content: "\f579"; }
.bi-sort-up-alt::before { content: "\f57a"; }
.bi-sort-up::before { content: "\f57b"; }
.bi-soundwave::before { content: "\f57c"; }
.bi-speaker-fill::before { content: "\f57d"; }
.bi-speaker::before { content: "\f57e"; }
.bi-speedometer::before { content: "\f57f"; }
.bi-speedometer2::before { content: "\f580"; }
.bi-spellcheck::before { content: "\f581"; }
.bi-square-fill::before { content: "\f582"; }
.bi-square-half::before { content: "\f583"; }
.bi-square::before { content: "\f584"; }
.bi-stack::before { content: "\f585"; }
.bi-star-fill::before { content: "\f586"; }
.bi-star-half::before { content: "\f587"; }
.bi-star::before { content: "\f588"; }
.bi-stars::before { content: "\f589"; }
.bi-stickies-fill::before { content: "\f58a"; }
.bi-stickies::before { content: "\f58b"; }
.bi-sticky-fill::before { content: "\f58c"; }
.bi-sticky::before { content: "\f58d"; }
.bi-stop-btn-fill::before { content: "\f58e"; }
.bi-stop-btn::before { content: "\f58f"; }
.bi-stop-circle-fill::before { content: "\f590"; }
.bi-stop-circle::before { content: "\f591"; }
.bi-stop-fill::before { content: "\f592"; }
.bi-stop::before { content: "\f593"; }
.bi-stoplights-fill::before { content: "\f594"; }
.bi-stoplights::before { content: "\f595"; }
.bi-stopwatch-fill::before { content: "\f596"; }
.bi-stopwatch::before { content: "\f597"; }
.bi-subtract::before { content: "\f598"; }
.bi-suit-club-fill::before { content: "\f599"; }
.bi-suit-club::before { content: "\f59a"; }
.bi-suit-diamond-fill::before { content: "\f59b"; }
.bi-suit-diamond::before { content: "\f59c"; }
.bi-suit-heart-fill::before { content: "\f59d"; }
.bi-suit-heart::before { content: "\f59e"; }
.bi-suit-spade-fill::before { content: "\f59f"; }
.bi-suit-spade::before { content: "\f5a0"; }
.bi-sun-fill::before { content: "\f5a1"; }
.bi-sun::before { content: "\f5a2"; }
.bi-sunglasses::before { content: "\f5a3"; }
.bi-sunrise-fill::before { content: "\f5a4"; }
.bi-sunrise::before { content: "\f5a5"; }
.bi-sunset-fill::before { content: "\f5a6"; }
.bi-sunset::before { content: "\f5a7"; }
.bi-symmetry-horizontal::before { content: "\f5a8"; }
.bi-symmetry-vertical::before { content: "\f5a9"; }
.bi-table::before { content: "\f5aa"; }
.bi-tablet-fill::before { content: "\f5ab"; }
.bi-tablet-landscape-fill::before { content: "\f5ac"; }
.bi-tablet-landscape::before { content: "\f5ad"; }
.bi-tablet::before { content: "\f5ae"; }
.bi-tag-fill::before { content: "\f5af"; }
.bi-tag::before { content: "\f5b0"; }
.bi-tags-fill::before { content: "\f5b1"; }
.bi-tags::before { content: "\f5b2"; }
.bi-telegram::before { content: "\f5b3"; }
.bi-telephone-fill::before { content: "\f5b4"; }
.bi-telephone-forward-fill::before { content: "\f5b5"; }
.bi-telephone-forward::before { content: "\f5b6"; }
.bi-telephone-inbound-fill::before { content: "\f5b7"; }
.bi-telephone-inbound::before { content: "\f5b8"; }
.bi-telephone-minus-fill::before { content: "\f5b9"; }
.bi-telephone-minus::before { content: "\f5ba"; }
.bi-telephone-outbound-fill::before { content: "\f5bb"; }
.bi-telephone-outbound::before { content: "\f5bc"; }
.bi-telephone-plus-fill::before { content: "\f5bd"; }
.bi-telephone-plus::before { content: "\f5be"; }
.bi-telephone-x-fill::before { content: "\f5bf"; }
.bi-telephone-x::before { content: "\f5c0"; }
.bi-telephone::before { content: "\f5c1"; }
.bi-terminal-fill::before { content: "\f5c2"; }
.bi-terminal::before { content: "\f5c3"; }
.bi-text-center::before { content: "\f5c4"; }
.bi-text-indent-left::before { content: "\f5c5"; }
.bi-text-indent-right::before { content: "\f5c6"; }
.bi-text-left::before { content: "\f5c7"; }
.bi-text-paragraph::before { content: "\f5c8"; }
.bi-text-right::before { content: "\f5c9"; }
.bi-textarea-resize::before { content: "\f5ca"; }
.bi-textarea-t::before { content: "\f5cb"; }
.bi-textarea::before { content: "\f5cc"; }
.bi-thermometer-half::before { content: "\f5cd"; }
.bi-thermometer-high::before { content: "\f5ce"; }
.bi-thermometer-low::before { content: "\f5cf"; }
.bi-thermometer-snow::before { content: "\f5d0"; }
.bi-thermometer-sun::before { content: "\f5d1"; }
.bi-thermometer::before { content: "\f5d2"; }
.bi-three-dots-vertical::before { content: "\f5d3"; }
.bi-three-dots::before { content: "\f5d4"; }
.bi-toggle-off::before { content: "\f5d5"; }
.bi-toggle-on::before { content: "\f5d6"; }
.bi-toggle2-off::before { content: "\f5d7"; }
.bi-toggle2-on::before { content: "\f5d8"; }
.bi-toggles::before { content: "\f5d9"; }
.bi-toggles2::before { content: "\f5da"; }
.bi-tools::before { content: "\f5db"; }
.bi-tornado::before { content: "\f5dc"; }
.bi-trash-fill::before { content: "\f5dd"; }
.bi-trash::before { content: "\f5de"; }
.bi-trash2-fill::before { content: "\f5df"; }
.bi-trash2::before { content: "\f5e0"; }
.bi-tree-fill::before { content: "\f5e1"; }
.bi-tree::before { content: "\f5e2"; }
.bi-triangle-fill::before { content: "\f5e3"; }
.bi-triangle-half::before { content: "\f5e4"; }
.bi-triangle::before { content: "\f5e5"; }
.bi-trophy-fill::before { content: "\f5e6"; }
.bi-trophy::before { content: "\f5e7"; }
.bi-tropical-storm::before { content: "\f5e8"; }
.bi-truck-flatbed::before { content: "\f5e9"; }
.bi-truck::before { content: "\f5ea"; }
.bi-tsunami::before { content: "\f5eb"; }
.bi-tv-fill::before { content: "\f5ec"; }
.bi-tv::before { content: "\f5ed"; }
.bi-twitch::before { content: "\f5ee"; }
.bi-twitter::before { content: "\f5ef"; }
.bi-type-bold::before { content: "\f5f0"; }
.bi-type-h1::before { content: "\f5f1"; }
.bi-type-h2::before { content: "\f5f2"; }
.bi-type-h3::before { content: "\f5f3"; }
.bi-type-italic::before { content: "\f5f4"; }
.bi-type-strikethrough::before { content: "\f5f5"; }
.bi-type-underline::before { content: "\f5f6"; }
.bi-type::before { content: "\f5f7"; }
.bi-ui-checks-grid::before { content: "\f5f8"; }
.bi-ui-checks::before { content: "\f5f9"; }
.bi-ui-radios-grid::before { content: "\f5fa"; }
.bi-ui-radios::before { content: "\f5fb"; }
.bi-umbrella-fill::before { content: "\f5fc"; }
.bi-umbrella::before { content: "\f5fd"; }
.bi-union::before { content: "\f5fe"; }
.bi-unlock-fill::before { content: "\f5ff"; }
.bi-unlock::before { content: "\f600"; }
.bi-upc-scan::before { content: "\f601"; }
.bi-upc::before { content: "\f602"; }
.bi-upload::before { content: "\f603"; }
.bi-vector-pen::before { content: "\f604"; }
.bi-view-list::before { content: "\f605"; }
.bi-view-stacked::before { content: "\f606"; }
.bi-vinyl-fill::before { content: "\f607"; }
.bi-vinyl::before { content: "\f608"; }
.bi-voicemail::before { content: "\f609"; }
.bi-volume-down-fill::before { content: "\f60a"; }
.bi-volume-down::before { content: "\f60b"; }
.bi-volume-mute-fill::before { content: "\f60c"; }
.bi-volume-mute::before { content: "\f60d"; }
.bi-volume-off-fill::before { content: "\f60e"; }
.bi-volume-off::before { content: "\f60f"; }
.bi-volume-up-fill::before { content: "\f610"; }
.bi-volume-up::before { content: "\f611"; }
.bi-vr::before { content: "\f612"; }
.bi-wallet-fill::before { content: "\f613"; }
.bi-wallet::before { content: "\f614"; }
.bi-wallet2::before { content: "\f615"; }
.bi-watch::before { content: "\f616"; }
.bi-water::before { content: "\f617"; }
.bi-whatsapp::before { content: "\f618"; }
.bi-wifi-1::before { content: "\f619"; }
.bi-wifi-2::before { content: "\f61a"; }
.bi-wifi-off::before { content: "\f61b"; }
.bi-wifi::before { content: "\f61c"; }
.bi-wind::before { content: "\f61d"; }
.bi-window-dock::before { content: "\f61e"; }
.bi-window-sidebar::before { content: "\f61f"; }
.bi-window::before { content: "\f620"; }
.bi-wrench::before { content: "\f621"; }
.bi-x-circle-fill::before { content: "\f622"; }
.bi-x-circle::before { content: "\f623"; }
.bi-x-diamond-fill::before { content: "\f624"; }
.bi-x-diamond::before { content: "\f625"; }
.bi-x-octagon-fill::before { content: "\f626"; }
.bi-x-octagon::before { content: "\f627"; }
.bi-x-square-fill::before { content: "\f628"; }
.bi-x-square::before { content: "\f629"; }
.bi-x::before { content: "\f62a"; }
.bi-youtube::before { content: "\f62b"; }
.bi-zoom-in::before { content: "\f62c"; }
.bi-zoom-out::before { content: "\f62d"; }
.bi-bank::before { content: "\f62e"; }
.bi-bank2::before { content: "\f62f"; }
.bi-bell-slash-fill::before { content: "\f630"; }
.bi-bell-slash::before { content: "\f631"; }
.bi-cash-coin::before { content: "\f632"; }
.bi-check-lg::before { content: "\f633"; }
.bi-coin::before { content: "\f634"; }
.bi-currency-bitcoin::before { content: "\f635"; }
.bi-currency-dollar::before { content: "\f636"; }
.bi-currency-euro::before { content: "\f637"; }
.bi-currency-exchange::before { content: "\f638"; }
.bi-currency-pound::before { content: "\f639"; }
.bi-currency-yen::before { content: "\f63a"; }
.bi-dash-lg::before { content: "\f63b"; }
.bi-exclamation-lg::before { content: "\f63c"; }
.bi-file-earmark-pdf-fill::before { content: "\f63d"; }
.bi-file-earmark-pdf::before { content: "\f63e"; }
.bi-file-pdf-fill::before { content: "\f63f"; }
.bi-file-pdf::before { content: "\f640"; }
.bi-gender-ambiguous::before { content: "\f641"; }
.bi-gender-female::before { content: "\f642"; }
.bi-gender-male::before { content: "\f643"; }
.bi-gender-trans::before { content: "\f644"; }
.bi-headset-vr::before { content: "\f645"; }
.bi-info-lg::before { content: "\f646"; }
.bi-mastodon::before { content: "\f647"; }
.bi-messenger::before { content: "\f648"; }
.bi-piggy-bank-fill::before { content: "\f649"; }
.bi-piggy-bank::before { content: "\f64a"; }
.bi-pin-map-fill::before { content: "\f64b"; }
.bi-pin-map::before { content: "\f64c"; }
.bi-plus-lg::before { content: "\f64d"; }
.bi-question-lg::before { content: "\f64e"; }
.bi-recycle::before { content: "\f64f"; }
.bi-reddit::before { content: "\f650"; }
.bi-safe-fill::before { content: "\f651"; }
.bi-safe2-fill::before { content: "\f652"; }
.bi-safe2::before { content: "\f653"; }
.bi-sd-card-fill::before { content: "\f654"; }
.bi-sd-card::before { content: "\f655"; }
.bi-skype::before { content: "\f656"; }
.bi-slash-lg::before { content: "\f657"; }
.bi-translate::before { content: "\f658"; }
.bi-x-lg::before { content: "\f659"; }
.bi-safe::before { content: "\f65a"; }
.bi-apple::before { content: "\f65b"; }
.bi-microsoft::before { content: "\f65d"; }
.bi-windows::before { content: "\f65e"; }
.bi-behance::before { content: "\f65c"; }
.bi-dribbble::before { content: "\f65f"; }
.bi-line::before { content: "\f660"; }
.bi-medium::before { content: "\f661"; }
.bi-paypal::before { content: "\f662"; }
.bi-pinterest::before { content: "\f663"; }
.bi-signal::before { content: "\f664"; }
.bi-snapchat::before { content: "\f665"; }
.bi-spotify::before { content: "\f666"; }
.bi-stack-overflow::before { content: "\f667"; }
.bi-strava::before { content: "\f668"; }
.bi-wordpress::before { content: "\f669"; }
.bi-vimeo::before { content: "\f66a"; }
.bi-activity::before { content: "\f66b"; }
.bi-easel2-fill::before { content: "\f66c"; }
.bi-easel2::before { content: "\f66d"; }
.bi-easel3-fill::before { content: "\f66e"; }
.bi-easel3::before { content: "\f66f"; }
.bi-fan::before { content: "\f670"; }
.bi-fingerprint::before { content: "\f671"; }
.bi-graph-down-arrow::before { content: "\f672"; }
.bi-graph-up-arrow::before { content: "\f673"; }
.bi-hypnotize::before { content: "\f674"; }
.bi-magic::before { content: "\f675"; }
.bi-person-rolodex::before { content: "\f676"; }
.bi-person-video::before { content: "\f677"; }
.bi-person-video2::before { content: "\f678"; }
.bi-person-video3::before { content: "\f679"; }
.bi-person-workspace::before { content: "\f67a"; }
.bi-radioactive::before { content: "\f67b"; }
.bi-webcam-fill::before { content: "\f67c"; }
.bi-webcam::before { content: "\f67d"; }
.bi-yin-yang::before { content: "\f67e"; }
.bi-bandaid-fill::before { content: "\f680"; }
.bi-bandaid::before { content: "\f681"; }
.bi-bluetooth::before { content: "\f682"; }
.bi-body-text::before { content: "\f683"; }
.bi-boombox::before { content: "\f684"; }
.bi-boxes::before { content: "\f685"; }
.bi-dpad-fill::before { content: "\f686"; }
.bi-dpad::before { content: "\f687"; }
.bi-ear-fill::before { content: "\f688"; }
.bi-ear::before { content: "\f689"; }
.bi-envelope-check-1::before { content: "\f68a"; }
.bi-envelope-check-fill::before { content: "\f68b"; }
.bi-envelope-check::before { content: "\f68c"; }
.bi-envelope-dash-1::before { content: "\f68d"; }
.bi-envelope-dash-fill::before { content: "\f68e"; }
.bi-envelope-dash::before { content: "\f68f"; }
.bi-envelope-exclamation-1::before { content: "\f690"; }
.bi-envelope-exclamation-fill::before { content: "\f691"; }
.bi-envelope-exclamation::before { content: "\f692"; }
.bi-envelope-plus-fill::before { content: "\f693"; }
.bi-envelope-plus::before { content: "\f694"; }
.bi-envelope-slash-1::before { content: "\f695"; }
.bi-envelope-slash-fill::before { content: "\f696"; }
.bi-envelope-slash::before { content: "\f697"; }
.bi-envelope-x-1::before { content: "\f698"; }
.bi-envelope-x-fill::before { content: "\f699"; }
.bi-envelope-x::before { content: "\f69a"; }
.bi-explicit-fill::before { content: "\f69b"; }
.bi-explicit::before { content: "\f69c"; }
.bi-git::before { content: "\f69d"; }
.bi-infinity::before { content: "\f69e"; }
.bi-list-columns-reverse::before { content: "\f69f"; }
.bi-list-columns::before { content: "\f6a0"; }
.bi-meta::before { content: "\f6a1"; }
.bi-mortorboard-fill::before { content: "\f6a2"; }
.bi-mortorboard::before { content: "\f6a3"; }
.bi-nintendo-switch::before { content: "\f6a4"; }
.bi-pc-display-horizontal::before { content: "\f6a5"; }
.bi-pc-display::before { content: "\f6a6"; }
.bi-pc-horizontal::before { content: "\f6a7"; }
.bi-pc::before { content: "\f6a8"; }
.bi-playstation::before { content: "\f6a9"; }
.bi-plus-slash-minus::before { content: "\f6aa"; }
.bi-projector-fill::before { content: "\f6ab"; }
.bi-projector::before { content: "\f6ac"; }
.bi-qr-code-scan::before { content: "\f6ad"; }
.bi-qr-code::before { content: "\f6ae"; }
.bi-quora::before { content: "\f6af"; }
.bi-quote::before { content: "\f6b0"; }
.bi-robot::before { content: "\f6b1"; }
.bi-send-check-fill::before { content: "\f6b2"; }
.bi-send-check::before { content: "\f6b3"; }
.bi-send-dash-fill::before { content: "\f6b4"; }
.bi-send-dash::before { content: "\f6b5"; }
.bi-send-exclamation-1::before { content: "\f6b6"; }
.bi-send-exclamation-fill::before { content: "\f6b7"; }
.bi-send-exclamation::before { content: "\f6b8"; }
.bi-send-fill::before { content: "\f6b9"; }
.bi-send-plus-fill::before { content: "\f6ba"; }
.bi-send-plus::before { content: "\f6bb"; }
.bi-send-slash-fill::before { content: "\f6bc"; }
.bi-send-slash::before { content: "\f6bd"; }
.bi-send-x-fill::before { content: "\f6be"; }
.bi-send-x::before { content: "\f6bf"; }
.bi-send::before { content: "\f6c0"; }
.bi-steam::before { content: "\f6c1"; }
.bi-terminal-dash-1::before { content: "\f6c2"; }
.bi-terminal-dash::before { content: "\f6c3"; }
.bi-terminal-plus::before { content: "\f6c4"; }
.bi-terminal-split::before { content: "\f6c5"; }
.bi-ticket-detailed-fill::before { content: "\f6c6"; }
.bi-ticket-detailed::before { content: "\f6c7"; }
.bi-ticket-fill::before { content: "\f6c8"; }
.bi-ticket-perforated-fill::before { content: "\f6c9"; }
.bi-ticket-perforated::before { content: "\f6ca"; }
.bi-ticket::before { content: "\f6cb"; }
.bi-tiktok::before { content: "\f6cc"; }
.bi-window-dash::before { content: "\f6cd"; }
.bi-window-desktop::before { content: "\f6ce"; }
.bi-window-fullscreen::before { content: "\f6cf"; }
.bi-window-plus::before { content: "\f6d0"; }
.bi-window-split::before { content: "\f6d1"; }
.bi-window-stack::before { content: "\f6d2"; }
.bi-window-x::before { content: "\f6d3"; }
.bi-xbox::before { content: "\f6d4"; }
.bi-ethernet::before { content: "\f6d5"; }
.bi-hdmi-fill::before { content: "\f6d6"; }
.bi-hdmi::before { content: "\f6d7"; }
.bi-usb-c-fill::before { content: "\f6d8"; }
.bi-usb-c::before { content: "\f6d9"; }
.bi-usb-fill::before { content: "\f6da"; }
.bi-usb-plug-fill::before { content: "\f6db"; }
.bi-usb-plug::before { content: "\f6dc"; }
.bi-usb-symbol::before { content: "\f6dd"; }
.bi-usb::before { content: "\f6de"; }
.bi-boombox-fill::before { content: "\f6df"; }
.bi-displayport-1::before { content: "\f6e0"; }
.bi-displayport::before { content: "\f6e1"; }
.bi-gpu-card::before { content: "\f6e2"; }
.bi-memory::before { content: "\f6e3"; }
.bi-modem-fill::before { content: "\f6e4"; }
.bi-modem::before { content: "\f6e5"; }
.bi-motherboard-fill::before { content: "\f6e6"; }
.bi-motherboard::before { content: "\f6e7"; }
.bi-optical-audio-fill::before { content: "\f6e8"; }
.bi-optical-audio::before { content: "\f6e9"; }
.bi-pci-card::before { content: "\f6ea"; }
.bi-router-fill::before { content: "\f6eb"; }
.bi-router::before { content: "\f6ec"; }
.bi-ssd-fill::before { content: "\f6ed"; }
.bi-ssd::before { content: "\f6ee"; }
.bi-thunderbolt-fill::before { content: "\f6ef"; }
.bi-thunderbolt::before { content: "\f6f0"; }
.bi-usb-drive-fill::before { content: "\f6f1"; }
.bi-usb-drive::before { content: "\f6f2"; }
.bi-usb-micro-fill::before { content: "\f6f3"; }
.bi-usb-micro::before { content: "\f6f4"; }
.bi-usb-mini-fill::before { content: "\f6f5"; }
.bi-usb-mini::before { content: "\f6f6"; }
.bi-cloud-haze2::before { content: "\f6f7"; }
.bi-device-hdd-fill::before { content: "\f6f8"; }
.bi-device-hdd::before { content: "\f6f9"; }
.bi-device-ssd-fill::before { content: "\f6fa"; }
.bi-device-ssd::before { content: "\f6fb"; }
.bi-displayport-fill::before { content: "\f6fc"; }
.bi-mortarboard-fill::before { content: "\f6fd"; }
.bi-mortarboard::before { content: "\f6fe"; }
.bi-terminal-x::before { content: "\f6ff"; }
.bi-arrow-through-heart-fill::before { content: "\f700"; }
.bi-arrow-through-heart::before { content: "\f701"; }
.bi-badge-sd-fill::before { content: "\f702"; }
.bi-badge-sd::before { content: "\f703"; }
.bi-bag-heart-fill::before { content: "\f704"; }
.bi-bag-heart::before { content: "\f705"; }
.bi-balloon-fill::before { content: "\f706"; }
.bi-balloon-heart-fill::before { content: "\f707"; }
.bi-balloon-heart::before { content: "\f708"; }
.bi-balloon::before { content: "\f709"; }
.bi-box2-fill::before { content: "\f70a"; }
.bi-box2-heart-fill::before { content: "\f70b"; }
.bi-box2-heart::before { content: "\f70c"; }
.bi-box2::before { content: "\f70d"; }
.bi-braces-asterisk::before { content: "\f70e"; }
.bi-calendar-heart-fill::before { content: "\f70f"; }
.bi-calendar-heart::before { content: "\f710"; }
.bi-calendar2-heart-fill::before { content: "\f711"; }
.bi-calendar2-heart::before { content: "\f712"; }
.bi-chat-heart-fill::before { content: "\f713"; }
.bi-chat-heart::before { content: "\f714"; }
.bi-chat-left-heart-fill::before { content: "\f715"; }
.bi-chat-left-heart::before { content: "\f716"; }
.bi-chat-right-heart-fill::before { content: "\f717"; }
.bi-chat-right-heart::before { content: "\f718"; }
.bi-chat-square-heart-fill::before { content: "\f719"; }
.bi-chat-square-heart::before { content: "\f71a"; }
.bi-clipboard-check-fill::before { content: "\f71b"; }
.bi-clipboard-data-fill::before { content: "\f71c"; }
.bi-clipboard-fill::before { content: "\f71d"; }
.bi-clipboard-heart-fill::before { content: "\f71e"; }
.bi-clipboard-heart::before { content: "\f71f"; }
.bi-clipboard-minus-fill::before { content: "\f720"; }
.bi-clipboard-plus-fill::before { content: "\f721"; }
.bi-clipboard-pulse::before { content: "\f722"; }
.bi-clipboard-x-fill::before { content: "\f723"; }
.bi-clipboard2-check-fill::before { content: "\f724"; }
.bi-clipboard2-check::before { content: "\f725"; }
.bi-clipboard2-data-fill::before { content: "\f726"; }
.bi-clipboard2-data::before { content: "\f727"; }
.bi-clipboard2-fill::before { content: "\f728"; }
.bi-clipboard2-heart-fill::before { content: "\f729"; }
.bi-clipboard2-heart::before { content: "\f72a"; }
.bi-clipboard2-minus-fill::before { content: "\f72b"; }
.bi-clipboard2-minus::before { content: "\f72c"; }
.bi-clipboard2-plus-fill::before { content: "\f72d"; }
.bi-clipboard2-plus::before { content: "\f72e"; }
.bi-clipboard2-pulse-fill::before { content: "\f72f"; }
.bi-clipboard2-pulse::before { content: "\f730"; }
.bi-clipboard2-x-fill::before { content: "\f731"; }
.bi-clipboard2-x::before { content: "\f732"; }
.bi-clipboard2::before { content: "\f733"; }
.bi-emoji-kiss-fill::before { content: "\f734"; }
.bi-emoji-kiss::before { content: "\f735"; }
.bi-envelope-heart-fill::before { content: "\f736"; }
.bi-envelope-heart::before { content: "\f737"; }
.bi-envelope-open-heart-fill::before { content: "\f738"; }
.bi-envelope-open-heart::before { content: "\f739"; }
.bi-envelope-paper-fill::before { content: "\f73a"; }
.bi-envelope-paper-heart-fill::before { content: "\f73b"; }
.bi-envelope-paper-heart::before { content: "\f73c"; }
.bi-envelope-paper::before { content: "\f73d"; }
.bi-filetype-aac::before { content: "\f73e"; }
.bi-filetype-ai::before { content: "\f73f"; }
.bi-filetype-bmp::before { content: "\f740"; }
.bi-filetype-cs::before { content: "\f741"; }
.bi-filetype-css::before { content: "\f742"; }
.bi-filetype-csv::before { content: "\f743"; }
.bi-filetype-doc::before { content: "\f744"; }
.bi-filetype-docx::before { content: "\f745"; }
.bi-filetype-exe::before { content: "\f746"; }
.bi-filetype-gif::before { content: "\f747"; }
.bi-filetype-heic::before { content: "\f748"; }
.bi-filetype-html::before { content: "\f749"; }
.bi-filetype-java::before { content: "\f74a"; }
.bi-filetype-jpg::before { content: "\f74b"; }
.bi-filetype-js::before { content: "\f74c"; }
.bi-filetype-jsx::before { content: "\f74d"; }
.bi-filetype-key::before { content: "\f74e"; }
.bi-filetype-m4p::before { content: "\f74f"; }
.bi-filetype-md::before { content: "\f750"; }
.bi-filetype-mdx::before { content: "\f751"; }
.bi-filetype-mov::before { content: "\f752"; }
.bi-filetype-mp3::before { content: "\f753"; }
.bi-filetype-mp4::before { content: "\f754"; }
.bi-filetype-otf::before { content: "\f755"; }
.bi-filetype-pdf::before { content: "\f756"; }
.bi-filetype-php::before { content: "\f757"; }
.bi-filetype-png::before { content: "\f758"; }
.bi-filetype-ppt-1::before { content: "\f759"; }
.bi-filetype-ppt::before { content: "\f75a"; }
.bi-filetype-psd::before { content: "\f75b"; }
.bi-filetype-py::before { content: "\f75c"; }
.bi-filetype-raw::before { content: "\f75d"; }
.bi-filetype-rb::before { content: "\f75e"; }
.bi-filetype-sass::before { content: "\f75f"; }
.bi-filetype-scss::before { content: "\f760"; }
.bi-filetype-sh::before { content: "\f761"; }
.bi-filetype-svg::before { content: "\f762"; }
.bi-filetype-tiff::before { content: "\f763"; }
.bi-filetype-tsx::before { content: "\f764"; }
.bi-filetype-ttf::before { content: "\f765"; }
.bi-filetype-txt::before { content: "\f766"; }
.bi-filetype-wav::before { content: "\f767"; }
.bi-filetype-woff::before { content: "\f768"; }
.bi-filetype-xls-1::before { content: "\f769"; }
.bi-filetype-xls::before { content: "\f76a"; }
.bi-filetype-xml::before { content: "\f76b"; }
.bi-filetype-yml::before { content: "\f76c"; }
.bi-heart-arrow::before { content: "\f76d"; }
.bi-heart-pulse-fill::before { content: "\f76e"; }
.bi-heart-pulse::before { content: "\f76f"; }
.bi-heartbreak-fill::before { content: "\f770"; }
.bi-heartbreak::before { content: "\f771"; }
.bi-hearts::before { content: "\f772"; }
.bi-hospital-fill::before { content: "\f773"; }
.bi-hospital::before { content: "\f774"; }
.bi-house-heart-fill::before { content: "\f775"; }
.bi-house-heart::before { content: "\f776"; }
.bi-incognito::before { content: "\f777"; }
.bi-magnet-fill::before { content: "\f778"; }
.bi-magnet::before { content: "\f779"; }
.bi-person-heart::before { content: "\f77a"; }
.bi-person-hearts::before { content: "\f77b"; }
.bi-phone-flip::before { content: "\f77c"; }
.bi-plugin::before { content: "\f77d"; }
.bi-postage-fill::before { content: "\f77e"; }
.bi-postage-heart-fill::before { content: "\f77f"; }
.bi-postage-heart::before { content: "\f780"; }
.bi-postage::before { content: "\f781"; }
.bi-postcard-fill::before { content: "\f782"; }
.bi-postcard-heart-fill::before { content: "\f783"; }
.bi-postcard-heart::before { content: "\f784"; }
.bi-postcard::before { content: "\f785"; }
.bi-search-heart-fill::before { content: "\f786"; }
.bi-search-heart::before { content: "\f787"; }
.bi-sliders2-vertical::before { content: "\f788"; }
.bi-sliders2::before { content: "\f789"; }
.bi-trash3-fill::before { content: "\f78a"; }
.bi-trash3::before { content: "\f78b"; }
.bi-valentine::before { content: "\f78c"; }
.bi-valentine2::before { content: "\f78d"; }
.bi-wrench-adjustable-circle-fill::before { content: "\f78e"; }
.bi-wrench-adjustable-circle::before { content: "\f78f"; }
.bi-wrench-adjustable::before { content: "\f790"; }
.bi-filetype-json::before { content: "\f791"; }
.bi-filetype-pptx::before { content: "\f792"; }
.bi-filetype-xlsx::before { content: "\f793"; }
.bi-1-circle-1::before { content: "\f794"; }
.bi-1-circle-fill-1::before { content: "\f795"; }
.bi-1-circle-fill::before { content: "\f796"; }
.bi-1-circle::before { content: "\f797"; }
.bi-1-square-fill::before { content: "\f798"; }
.bi-1-square::before { content: "\f799"; }
.bi-2-circle-1::before { content: "\f79a"; }
.bi-2-circle-fill-1::before { content: "\f79b"; }
.bi-2-circle-fill::before { content: "\f79c"; }
.bi-2-circle::before { content: "\f79d"; }
.bi-2-square-fill::before { content: "\f79e"; }
.bi-2-square::before { content: "\f79f"; }
.bi-3-circle-1::before { content: "\f7a0"; }
.bi-3-circle-fill-1::before { content: "\f7a1"; }
.bi-3-circle-fill::before { content: "\f7a2"; }
.bi-3-circle::before { content: "\f7a3"; }
.bi-3-square-fill::before { content: "\f7a4"; }
.bi-3-square::before { content: "\f7a5"; }
.bi-4-circle-1::before { content: "\f7a6"; }
.bi-4-circle-fill-1::before { content: "\f7a7"; }
.bi-4-circle-fill::before { content: "\f7a8"; }
.bi-4-circle::before { content: "\f7a9"; }
.bi-4-square-fill::before { content: "\f7aa"; }
.bi-4-square::before { content: "\f7ab"; }
.bi-5-circle-1::before { content: "\f7ac"; }
.bi-5-circle-fill-1::before { content: "\f7ad"; }
.bi-5-circle-fill::before { content: "\f7ae"; }
.bi-5-circle::before { content: "\f7af"; }
.bi-5-square-fill::before { content: "\f7b0"; }
.bi-5-square::before { content: "\f7b1"; }
.bi-6-circle-1::before { content: "\f7b2"; }
.bi-6-circle-fill-1::before { content: "\f7b3"; }
.bi-6-circle-fill::before { content: "\f7b4"; }
.bi-6-circle::before { content: "\f7b5"; }
.bi-6-square-fill::before { content: "\f7b6"; }
.bi-6-square::before { content: "\f7b7"; }
.bi-7-circle-1::before { content: "\f7b8"; }
.bi-7-circle-fill-1::before { content: "\f7b9"; }
.bi-7-circle-fill::before { content: "\f7ba"; }
.bi-7-circle::before { content: "\f7bb"; }
.bi-7-square-fill::before { content: "\f7bc"; }
.bi-7-square::before { content: "\f7bd"; }
.bi-8-circle-1::before { content: "\f7be"; }
.bi-8-circle-fill-1::before { content: "\f7bf"; }
.bi-8-circle-fill::before { content: "\f7c0"; }
.bi-8-circle::before { content: "\f7c1"; }
.bi-8-square-fill::before { content: "\f7c2"; }
.bi-8-square::before { content: "\f7c3"; }
.bi-9-circle-1::before { content: "\f7c4"; }
.bi-9-circle-fill-1::before { content: "\f7c5"; }
.bi-9-circle-fill::before { content: "\f7c6"; }
.bi-9-circle::before { content: "\f7c7"; }
.bi-9-square-fill::before { content: "\f7c8"; }
.bi-9-square::before { content: "\f7c9"; }
.bi-airplane-engines-fill::before { content: "\f7ca"; }
.bi-airplane-engines::before { content: "\f7cb"; }
.bi-airplane-fill::before { content: "\f7cc"; }
.bi-airplane::before { content: "\f7cd"; }
.bi-alexa::before { content: "\f7ce"; }
.bi-alipay::before { content: "\f7cf"; }
.bi-android::before { content: "\f7d0"; }
.bi-android2::before { content: "\f7d1"; }
.bi-box-fill::before { content: "\f7d2"; }
.bi-box-seam-fill::before { content: "\f7d3"; }
.bi-browser-chrome::before { content: "\f7d4"; }
.bi-browser-edge::before { content: "\f7d5"; }
.bi-browser-firefox::before { content: "\f7d6"; }
.bi-browser-safari::before { content: "\f7d7"; }
.bi-c-circle-1::before { content: "\f7d8"; }
.bi-c-circle-fill-1::before { content: "\f7d9"; }
.bi-c-circle-fill::before { content: "\f7da"; }
.bi-c-circle::before { content: "\f7db"; }
.bi-c-square-fill::before { content: "\f7dc"; }
.bi-c-square::before { content: "\f7dd"; }
.bi-capsule-pill::before { content: "\f7de"; }
.bi-capsule::before { content: "\f7df"; }
.bi-car-front-fill::before { content: "\f7e0"; }
.bi-car-front::before { content: "\f7e1"; }
.bi-cassette-fill::before { content: "\f7e2"; }
.bi-cassette::before { content: "\f7e3"; }
.bi-cc-circle-1::before { content: "\f7e4"; }
.bi-cc-circle-fill-1::before { content: "\f7e5"; }
.bi-cc-circle-fill::before { content: "\f7e6"; }
.bi-cc-circle::before { content: "\f7e7"; }
.bi-cc-square-fill::before { content: "\f7e8"; }
.bi-cc-square::before { content: "\f7e9"; }
.bi-cup-hot-fill::before { content: "\f7ea"; }
.bi-cup-hot::before { content: "\f7eb"; }
.bi-currency-rupee::before { content: "\f7ec"; }
.bi-dropbox::before { content: "\f7ed"; }
.bi-escape::before { content: "\f7ee"; }
.bi-fast-forward-btn-fill::before { content: "\f7ef"; }
.bi-fast-forward-btn::before { content: "\f7f0"; }
.bi-fast-forward-circle-fill::before { content: "\f7f1"; }
.bi-fast-forward-circle::before { content: "\f7f2"; }
.bi-fast-forward-fill::before { content: "\f7f3"; }
.bi-fast-forward::before { content: "\f7f4"; }
.bi-filetype-sql::before { content: "\f7f5"; }
.bi-fire::before { content: "\f7f6"; }
.bi-google-play::before { content: "\f7f7"; }
.bi-h-circle-1::before { content: "\f7f8"; }
.bi-h-circle-fill-1::before { content: "\f7f9"; }
.bi-h-circle-fill::before { content: "\f7fa"; }
.bi-h-circle::before { content: "\f7fb"; }
.bi-h-square-fill::before { content: "\f7fc"; }
.bi-h-square::before { content: "\f7fd"; }
.bi-indent::before { content: "\f7fe"; }
.bi-lungs-fill::before { content: "\f7ff"; }
.bi-lungs::before { content: "\f800"; }
.bi-microsoft-teams::before { content: "\f801"; }
.bi-p-circle-1::before { content: "\f802"; }
.bi-p-circle-fill-1::before { content: "\f803"; }
.bi-p-circle-fill::before { content: "\f804"; }
.bi-p-circle::before { content: "\f805"; }
.bi-p-square-fill::before { content: "\f806"; }
.bi-p-square::before { content: "\f807"; }
.bi-pass-fill::before { content: "\f808"; }
.bi-pass::before { content: "\f809"; }
.bi-prescription::before { content: "\f80a"; }
.bi-prescription2::before { content: "\f80b"; }
.bi-r-circle-1::before { content: "\f80c"; }
.bi-r-circle-fill-1::before { content: "\f80d"; }
.bi-r-circle-fill::before { content: "\f80e"; }
.bi-r-circle::before { content: "\f80f"; }
.bi-r-square-fill::before { content: "\f810"; }
.bi-r-square::before { content: "\f811"; }
.bi-repeat-1::before { content: "\f812"; }
.bi-repeat::before { content: "\f813"; }
.bi-rewind-btn-fill::before { content: "\f814"; }
.bi-rewind-btn::before { content: "\f815"; }
.bi-rewind-circle-fill::before { content: "\f816"; }
.bi-rewind-circle::before { content: "\f817"; }
.bi-rewind-fill::before { content: "\f818"; }
.bi-rewind::before { content: "\f819"; }
.bi-train-freight-front-fill::before { content: "\f81a"; }
.bi-train-freight-front::before { content: "\f81b"; }
.bi-train-front-fill::before { content: "\f81c"; }
.bi-train-front::before { content: "\f81d"; }
.bi-train-lightrail-front-fill::before { content: "\f81e"; }
.bi-train-lightrail-front::before { content: "\f81f"; }
.bi-truck-front-fill::before { content: "\f820"; }
.bi-truck-front::before { content: "\f821"; }
.bi-ubuntu::before { content: "\f822"; }
.bi-unindent::before { content: "\f823"; }
.bi-unity::before { content: "\f824"; }
.bi-universal-access-circle::before { content: "\f825"; }
.bi-universal-access::before { content: "\f826"; }
.bi-virus::before { content: "\f827"; }
.bi-virus2::before { content: "\f828"; }
.bi-wechat::before { content: "\f829"; }
.bi-yelp::before { content: "\f82a"; }
.bi-sign-stop-fill::before { content: "\f82b"; }
.bi-sign-stop-lights-fill::before { content: "\f82c"; }
.bi-sign-stop-lights::before { content: "\f82d"; }
.bi-sign-stop::before { content: "\f82e"; }
.bi-sign-turn-left-fill::before { content: "\f82f"; }
.bi-sign-turn-left::before { content: "\f830"; }
.bi-sign-turn-right-fill::before { content: "\f831"; }
.bi-sign-turn-right::before { content: "\f832"; }
.bi-sign-turn-slight-left-fill::before { content: "\f833"; }
.bi-sign-turn-slight-left::before { content: "\f834"; }
.bi-sign-turn-slight-right-fill::before { content: "\f835"; }
.bi-sign-turn-slight-right::before { content: "\f836"; }
.bi-sign-yield-fill::before { content: "\f837"; }
.bi-sign-yield::before { content: "\f838"; }
.bi-ev-station-fill::before { content: "\f839"; }
.bi-ev-station::before { content: "\f83a"; }
.bi-fuel-pump-diesel-fill::before { content: "\f83b"; }
.bi-fuel-pump-diesel::before { content: "\f83c"; }
.bi-fuel-pump-fill::before { content: "\f83d"; }
.bi-fuel-pump::before { content: "\f83e"; }
/*==============================================
Template Name: Echofy - Echofy NFT Portfolio HTML5 Template 
Author:  https://themeforest.net/user/dreamit-solution
Description: Description
Version: 1.0.0
Text Domain: Echofy
Tags: consulting, finance, corporate, business, consultant, multipurpose, technology, it-solution, software, agency, company, portfolio, bangking, insurance, digital-agency, digital-marketing.
================================================*/

/*TABLE OF CONTENTS*/
/*=====================
01. Echofy Header Menu Area
02. Echofy Nav Menu Area
03. Echofy Hero Area
04. Echofy About Area
05. Echofy Service Area
06. Echofy Services Details Area
07. Echofy Faqs Area
08. Echofy Skill Area
09. Echofy Counter Area
10. Echofy Process Area
11. Echofy Project Area
12. Echofy Project Details Area
13. Echofy Team Area
14. Echofy Testimonial Area
15. Echofy Brand Area
16. Echofy Donatione Area
17. Echofy Donation Details Area
18. Echofy Blog Area
19. Echofy Blog List Area
20. Echofy Blog 2column
21. Echofy Blog Details Area
22. Echofy Contact Area
23. Echofy Footer Area
24. Echofy Loader
25. Echofy Scrollup
26. Echofy Sideber
27. Echofy Search
28. Echofy Top Menu

=======================*/




/*---=================================
   <!--Echofy Top Header Area Css-->
==================================---*/
.top-header-area {
    padding: 11px 0;
    border-bottom: 1px solid #49ae4436;
    z-index: 9;
    position: relative;
}

.top-header-info ul li {
    display: inline-block;
    color: #fff;
    margin-right: 29px;
}

.top-header-info ul li i {
    color: #49af45;
    display: inline-block;
    font-size: 17px;
    padding-right: 5px;
}

.top-header-right {
    text-align: right;
}

.top-header-contact {
    display: inline-block;
    margin-right: 51px;
}

.top-header-contact span {
    display: inline-block;
    color: #fff;
}

.top-header-contact span i {
    display: inline-block;
    color: #49af45;
    padding-right: 8px;
}

.top-header-social-icon {
    display: inline-block;
}

.top-header-social-icon ul li {
    display: inline-block;
}

.top-header-social-icon ul li i {
    color: #fff;
    font-size: 15px;
    padding-left: 14px;
    transition: 0.5s;
}

.top-header-social-icon ul li i:hover{
   color: #49af45;
}

/*---=================================
   <!--Echofy Header Area Css-->
==================================---*/

.header-area {
    border-bottom: 1px solid #49ae4421;
    z-index: 9;
    position: relative;
    margin-bottom: -143px;
}

.header-menu {
    text-align: right;
}

.header-menu ul li {
    display: inline-block;
   margin-right: 57px;
}

.header-menu ul li:last-child {
    margin-right: 50px;
}

.header-menu ul {
    display: inline-block;
}

.header-menu ul li a {
    display: inline-block;
    color: #fff;
    padding: 33px 0;
    font-size: 17px;
    font-weight: 500;
    transition: 0.5s;
}

.header-menu ul li a:hover{
   color: #49af45;
}

.header-menu ul li i {
    display: inline-block;
    font-size: 12px;
    position: relative;
    left: 6px;
    top: 0px;
}

.header-secrch-icon {
    display: inline-block;
}

.header-secrch-icon i {
    display: inline-block;
    color: #49af45;
    font-size: 16px;
    cursor: pointer;
}

.header-button {
    display: inline-block;
}

.header-button a {
    display: inline-block;
    background: #49AF45;
    padding: 11px 26px;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    margin-left: 36px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.header-button a:hover{
    color:#49AF45 !important;
}

.header-button a:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#fff;
    z-index: -1;
    border-radius: 5px;
    transform: scale(0);
    transition: 0.5s;
}

.header-button a:hover:before{
    transform: scale(1);
}

.header-button i{
    transition: 0.5s;
}

.header-button a:hover i{
    color:#49AF45 !important;
}

.sticky {
    left: 0;
    margin: auto;
    position: fixed !important;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px -2px rgba(0, 0, 0, 0.1);
    background: #111111 !important;
    transition: 0.5s;
    z-index: 999 !important;
    -webkit-animation: 300ms running fadeInDown;
    animation: 500ms running fadeInUp;
    animation-name: slideInDown;
}

/*sub-menu*/
.header-menu ul li.menu-item-has-children {
    position: relative;
}

.header-menu ul li .sub-menu {
    position: absolute;
    width: 200px;
    display: block;
    text-align: left;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    top: 150%;
    z-index: 2;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-top: 5px solid #49AF45;
    border-radius: 3px 3px 0 0;
}

.header-menu ul li:hover .sub-menu{
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.header-menu ul li .sub-menu li a {
    display: block;
    padding: 8px 19px !important;
    color: #1e1e1e;
    width: 200px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 500;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.header-menu ul li .sub-menu li a:hover{
    color: #fff !important;
}

.header-menu ul li .sub-menu li a:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    background:#49AF45;
    z-index: -1;
    transition: 0.5s;
}

.header-menu ul li .sub-menu li a:hover:before{
    height:100%;
    top: 0;
}




/*---=================================
   <!--Echofy Hero Area Css-->
==================================---*/
.hero-area {
    /* background: url(../img/hero-bg-1.jpg); */
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 950px;
    padding-top: 125px;
    position: relative;
}

.hero-style.hero-area{
    /* background: url(../img/hero-bg2.jpg); */
}

.hero-content h4 {
    color: #4baf47;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.hero-content h1 {
    font-size: 76px;
    color: #fff;
    font-weight: 800;
    line-height: 71px;
}

.hero-content p {
    opacity: 0.800;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    width: 49%;
    margin: 20px 0 0;
}

.hero-social-icon {
    position: absolute;
    left: 85px;
    top: 41%;
}

.hero-social-icon ul li i {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    margin-bottom: 28px;
    transition: 0.5s;
}

.hero-social-icon ul li i:hover{
   color: #49AF45;
}

.hero-social-icon ul li.text {
    color: #fff;
    text-transform: uppercase;
    transform: rotate(-90deg);
    position: relative;
    top: 100px;
    left: -36px;
}

.hero-social-icon ul li.text:before {
    position: absolute;
    content: "";
    width: 56px;
    height: 1px;
    left: 111px;
    top: 10px;
    background: #fff;
}


/* Hero Slide CSS */
.hero-slides .owl-dots {
    position: absolute;
    bottom: 42%;
    right: 56px;
}

.hero-slides .owl-dots .owl-dot {
    position: relative;
    z-index: 1;
    margin: 18px 5px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid #49b047cf;
}

.hero-slides .owl-dots .owl-dot.active {
    background-color: #49AF45;
    position: relative;
    width: 11px;
    height: 11px;
}

.hero-slides .owl-dots .owl-dot.active::after {
    position: absolute;
    width: 25px;
    height: 25px;
    z-index: 1;
    content: "";
    border: 2px solid #49AF45;
    left: -9px;
    top: -9px;
    border-radius: 50%;
    text-align: center;
}


/*Echofy--button*/
.echofy-button {
    margin-top: 40px;
    display: inline-block;
}

.echofy-button a {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 14px 40px;
    border-radius: 6px;
    border: 2px solid #49AF45;
    position: relative;
    z-index: 1;
}

.echofy-button a:hover{
    color: #49AF45;
}

.echofy-button a:before{
    position: absolute;
    content: "";
    width:0;
    height: 100%;
    left: 50%;
    top: 0;
    background:#fff;
    border-radius: 5px;
    z-index: -1;
    transition: 0.5s;
}

.echofy-button a:hover:before{
    width: 100%;
    left: 0;
}

.echofy-button img {
    position: relative;
    top: -2px;
    left: 4px;
    display: inline-block !important;
    transition: 0.5s;
}

.echofy-button img.two {
    position: relative;
    left: -58px;
    top: -2px;
    opacity: 1;
    transition: 0.5s;
    z-index: 1;
    opacity: 0
}

.echofy-button:hover img.two{
    opacity: 1;
}


.echofy-button.two {
    display: inline-block;
    padding-left: 16px;
    border: transparent;
}

.echofy-button.two a {
    display: inline-block;
    background: transparent;
    border: 2px solid #ffffff61;
    padding: 14px 37px;
}



/*
<!-- =====================================-->
<!-- Start echofy-text-section  -->
<!-- =====================================-->*/
.echofy-text-section {
    position: relative;
    background: #49AF45;
    z-index: 1;
    padding: 40px 0 44px;
}

.echofy-text-section .inner-container {
    max-width: 1812px;
    margin: 0 auto;
}

.echofy-text-section .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;
}

.echofy-text-section .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: 0;
    min-width: 87%;
    -webkit-animation: scroll 30s linear infinite;
    animation: scroll 30s linear infinite;
}

.echofy-text-section .marquee-block .content-box {
    position: relative;
    margin-right:0px;
}

.echofy-text-section .marquee-block .content-box:last-child {
    margin-right:0px;
}

.echofy-text-section .marquee-block .content-box:last-child::before {
    display: none;
}

.echofy-text-section .marquee-block .content-box .title{
    margin:0;
}

.echofy-text-section .marquee-block .content-box h6.title {
    display: inline-block;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    padding: 0 48px;
}

.echofy-text-section .marquee-block .content-box h6.title img {
    position: relative;
    left: -49px;
}

  @-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)));
    }
  }
  @keyframes scroll {
    0% {
      -webkit-transform: translateX(0);
      transform: translateX(0);
    }
    100% {
      -webkit-transform: translateX(calc(-100% - var(--gap)));
      transform: translateX(calc(-100% - var(--gap)));
    }
  }







/*---=================================
   <!--Echofy About Area Css-->
==================================---*/
.about-area {
    background: url(../img/home1/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 124px 0 125px;
}

.about-thumb {
    position: relative;
    left: -45px;
}

img.about-thumb-shape {
    position: absolute;
    bottom: 18px;
    left: -6px;
    animation: dance1 4s linear infinite;
}

@keyframes dance1 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}


.about-right {
    position: relative;
}

.single-about-box {
    margin-bottom: 30px;
}

.single-about-box:nth-child(3) {
    border-bottom: 1px solid #61616133;
    padding-bottom: 31px;
    margin-bottom: 3px;
}

.about-box-icon {
    float: left;
    margin-right: 24px;
    margin-top: 8px;
}

.about-box-content h4 {
    font-size: 24px;
    font-weight: 600;
}

.about-box-content p {
    overflow: hidden;
    margin: 14px 0 0;
    width: 80%;
}

.about-shape-1 {
    position: absolute;
    top: -42px;
    right: -153px;
    animation: dance2 4s linear infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

.about-shape-2 {
    position: absolute;
    bottom: 0;
    left: 272px;
    animation: dance3 4s linear infinite;
}

@keyframes dance3 {
    0% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }

    50% {
        -webkit-transform: translateX(-15px);
        transform: translateX(-15px);
    }

    100% {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
    }
}


/*section-title*/
.section-title.left {
    margin-bottom: 49px;
}

.section-title.left img {
    margin-right: 12px;
}

.section-title.left h4 {
    text-transform: uppercase;
    color: #49af45;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 26px;
}

.section-title.left h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
}
/*section-title-center*/
.section-title.center {
    margin-bottom: 49px;
}

.section-title.center img {
    margin-right: 12px;
}

.section-title.center h4 {
    text-transform: uppercase;
    color: #49af45;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 26px;
}

.section-title.center h1 {
    font-size: 46px;
    font-weight: 700;
    line-height: 44px;
}


p.section-desc {
    width: 90%;
    margin: 26px 0 0;
}




/*---=================================
   <!--Echofy Service Area Css-->
==================================---*/
.service-area {
    padding: 113px 0 125px;
    background: url(../img/home1/service-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.single-service-box {
    position: relative;
    overflow: hidden;
    padding: 0 12px;
}

.service-content {
    background: #f7f6ee;
    padding: 35px 38px 159px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.single-service-box:hover .service-content{
    background: transparent;
}

.service-content:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    border: 2px solid #49AF45;
    z-index: -1;
    border-radius: 5px;
    transition: 0.5s;
    opacity: 0;
}

.single-service-box:hover .service-content:before{
    height: 100%;
    opacity: 1
}

.service-content:after {
    position: absolute;
    content: "";
    width:0;
    height: 7px;
    left: 50%;
    top: 0;
    background: #49AF45;
    z-index: -1;
    border-radius: 5px 5px 0 0;
    transition: 0.5s;
    opacity: 0;
}

.single-service-box:hover .service-content:after {
    width: 100%;
    opacity: 1;
    left: 0;
}

.service-content h4 {
    font-size: 26px;
    font-weight: 600;
    margin: 23px 0 25px;
    position: relative;
}

.service-content h4:before {
    position: absolute;
    content: "";
    width: 34px;
    height: 2px;
    left: 0;
    bottom: -13px;
    background: #49AF45;
}

.service-content p {
    font-size: 17px;
    margin: 0;
}

.service-thumb img {
    width: 100%;
    padding: 0 43px;
    margin-top: -132px;
    position: relative;
    z-index: 1;
}

.service-box-shape {
    position: absolute;
    right: 10px;
    top: 12px;
}

.service-area .owl-nav {
    position: relative;
}

.service-area .owl-prev {
    position: absolute;
    right: 84px;
    top: -633px;
}

.service-area .owl-prev i {
    background: #E6E7E9;
    display: inline-block;
    color: #222;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 3px;
    font-size: 18px;
    transition: 0.5s;
}

.service-area .owl-prev i:hover{
    background:#49AF45;
    color:#fff;
}

.service-area .owl-next {
    position: absolute;
    right: 17px;
    top: -633px;
}

.service-area .owl-next i {
    background: #E6E7E9;
    display: inline-block;
    color: #222;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 3px;
    font-size: 18px;
    transition: 0.5s;
}

.owl-next i:hover{
    background:#49AF45;
    color:#fff;
}







/*---=================================
   <!--Echofy Skill Area Css-->
==================================---*/

.skill-area {
    background: #F6F6EE;
    padding: 114px 0 110px;
}

.skill-area .section-title.left {
    margin-bottom: 35px;
}

.skills-item {
    display: inline-block;
    margin-bottom: 34px;
}

.skills-item-content {
    display: flex;
    align-items: center;
    gap: 18px;
    background: #FFF;
    padding: 18px 59px 18px 26px;
    border-radius: 5px;
    margin-right: 15px;
    position: relative;
    z-index: 1;
}

.skills-item-content:before{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #47AD49;
    z-index: -1;
    transition: 0.5s;
}

.skills-item-content:hover:before{
    width: 100%;
}

.skills-item-content::last-child {
    margin-right: 0;
}

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

.skills-item-content:hover .skills-item-icon i{
    background:#fff;
    color: #47AD49;
}

.skills-item-title h4 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    transition: 0.5s;
}

.skills-item-content:hover .skills-item-title h4{
    color:#fff;
}


.skills {
  text-align: right;
}

.skills-content p {
    font-size: 18px;
    color: #001819;
    font-weight: 600;
    margin: 0;
    margin-bottom: 13px;
}

.skill-bg {
    background: #222;
    width: 95%;
    height: 8px;
    border-radius: 4px;
}

span.number {
    position: relative;
    top: -38px;
    left: 17px;
    color: #001818;
    display: inline-block;
    font-weight: 600;
}

.html {
    width: 80%;
    background-color: #4CAF50;
    display: inline-block;
    animation: html5 2s ease-out;
    height: 8px;
    top: -8px;
    position: relative;
    left: 0px;
    border-radius: 3px;
}

.css {
    width: 70%;
    background-color: #4CAF50;
    display: inline-block;
    animation: html5 2s ease-out;
    height: 8px;
    top: -8px;
    position: relative;
    left: 0px;
    border-radius: 3px;

}

@keyframes html5 {
  0% {
    width: 0px;
  }
  100% {
    width: 80%;
  }
}

@keyframes css3 {
  0% {
    width: 0px;
  }
  100% {
    width: 70%;
  }
}

.skills-thumb {
    position: relative;
    left: 43px;
    z-index: 1;
}

.skills-shape {
    position: absolute;
    top: 28px;
    left: 22px;
    animation: dance4 4s linear infinite;
}

@keyframes dance4 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}


.skills-shape-2 {
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: -1;
    animation: dance4 4s linear infinite;
}

/*---=================================
   <!--Echofy Counter Area Css-->
==================================---*/
.counter-area {
    background: url(../img/home1/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 150px;
}

.single-counter-box {
    text-align: center;
    margin-bottom: 20px;
}

.counter-content h4 {
    font-size: 46px;
    color: #fff;
    display: inline-block;
    margin-top: 20px;
}

.counter-content span{
    font-size: 46px;
    color: #fff;
    display: inline-block;
    font-weight: 700;
}

.counter-content p {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin: 3px 0 0;
}


/*---=================================
   <!--Echofy Counter Area Css-->
==================================---*/
#poress-row {
    background: #F6F6EE;
    margin-top: -93px;
    position: relative;
    z-index: 1;
}

#poress-row .section-title.left {
    margin-bottom: 0;
}

.porcess-thumb {
    position: relative;
    left: -12px;
}

.process-left {
    position: relative;
    padding: 0 0 13px;
}

.process-shape {
    position: absolute;
    left: 257px;
    bottom: -3px;
    animation: dance3 4s linear infinite;
}


/*---=================================
   <!--Echofy Project Area Css-->
==================================---*/
.project-area {
    background: url(../img/home1/project-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 556px 0 0;
    margin-top: -444px;
    padding-left: 281px;
}

.single-project-box {
    margin-right: 21px;
}

.project-thumb img{
    width: 100%;
}

.project-content {
    background: #fff;
    padding: 30px 34px 28px;
    width: 88%;
    border-left: 5px solid #49af45;
    position: relative;
    margin-top: -38px;
    transition: 0.5s;
    border-radius: 3px;
    height: 117px;
}

.single-project-box:hover .project-content {
    background: #001819;
    height: 159px;
    margin-top: -83px;
}

.project-content h4 {
    color: #868681;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 12px;
    transition: 0.5s;
}

.single-project-box:hover .project-content h4{
    color: #49af45;
}

.project-content a {
    display: inline-block;
    color: #001819;
    font-size: 26px;
    font-weight: 600;
    transition: 0.5s;
}

.project-content a:hover{
    color:#49af45 !important;
}

.single-project-box:hover .project-content a {
    color: #fff;
}

a.project-button {
    font-size: 17px !important;
    display: inherit;
    color: #fff;
    font-weight: 500;
    margin-top: 19px;
    display: none;
    transition: 0.5s;
}

a.project-button:hover{
    color:#49af45 !important;
}

.single-project-box:hover a.project-button{
    display: block;
} 

a.project-button  i {
    display: inline-block;
    color: #fff;
    font-size: 22px;
    position: relative;
    top: 3px;
    transition: 0.5s;
}

a.project-button:hover i{
    color:#49af45 !important;
}

.project-shape {
    position: absolute;
    right: 14px;
    bottom: 22px;
    display: none;
    transition: 0.5s;
}

.single-project-box:hover .project-shape{
    display: block;
}

.project-area .owl-nav {
    position: relative;
}

.project-area .owl-prev {
    position: absolute;
    right: 351px;
    top: -633px;
}

.project-area .owl-prev i {
    background: #E6E7E9;
    display: inline-block;
    color: #222;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 3px;
    font-size: 18px;
    transition: 0.5s;
}

.project-area .owl-prev i:hover{
    background:#49AF45;
    color:#fff;
}

.project-area .owl-next {
    position: absolute;
    right: 281px;
    top: -633px;
}

.project-area .owl-next i {
    background: #E6E7E9;
    display: inline-block;
    color: #222;
    width: 55px;
    height: 55px;
    text-align: center;
    line-height: 55px;
    border-radius: 3px;
    font-size: 18px;
    transition: 0.5s;
}

.project-area .owl-next i:hover{
    background:#49AF45;
    color:#fff;
}


/*---=================================
   <!--Echofy Process Area Two-->
==================================---*/
.process-area-two {
    background: #F6F6EE;
    padding: 192px 0 93px;
    margin-top: -80px;
}

.process-area-two .section-title.center {
    margin-bottom: 61px;
}

.single-process-box-two {
    text-align: center;
    padding: 0 46px 0;
    position: relative;
    margin-bottom: 25px;
}

.single-process-box-two:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    right: 84px;
    top: 98px;
    background: url(../img/home1/process-two-shape-1.png);
    background-repeat: no-repeat;
}

.single-process-box-two.style-one:before{
    background: transparent;
}

.single-process-box-two.style-three:before{
    background: url(../img/home1/process-two-shape-2.png);
    background-repeat: no-repeat;
}

.process-icon-thumb-two{
    position: relative;
    z-index: 1;
}

.process-icon-thumb-two:before {
    position: absolute;
    content: "";
    width: 200px;
    height: 200px;
    left: 0;
    right: 0;
    top: 17px;
    border: 2px dashed #49AF45;
    border-radius: 50%;
    margin: auto;
    animation: rotateme 20s linear infinite;
    z-index: -1;
}

@keyframes rotateme {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

.process-two-content {
    z-index: 1;
    position: relative;
}

.process-two-content h4 {
    font-size: 24px;
    font-weight: 700;
    margin: 45px 0 15px;
}




/*---=================================
   <!--Echofy Testimonial Area-->
==================================---*/

.testimonial-area {
    background: #fff;
    padding: 111px 0 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.testimonial-area .section-title.center {
    margin-bottom: 0;
}

.single-testimonial-box {
    filter: drop-shadow(0px 10px 30px rgba(179,179,179,0.2));
    background-color: #ffffff;
    border-radius: 5px;
    padding: 34px 43px 32px;
    position: relative;
    margin: 66px 10px;
}

.testi-qutoe {
    float: right;
    position: relative;
    top: 12px;
    left: 0;
}

.testi-author {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testi-author-rating ul li {
    display: inline-block;
    color: #FFAA16;
    font-size: 15px;
    margin-right: 3px;
}

.testi-author-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0 9px;
}

.testi-author-content p {
    font-size: 16px;
    margin: 0;
}

p.testi-desc {
    font-size: 18px;
    line-height: 30px;
    margin: 22px 0 17px;
}

.what-for-comment p {
    color: #49af45;
    font-size: 18px;
    margin: 0;
    font-weight: 500;
}



.testi-shape {
    position: absolute;
    top: -66px;
    left: 24%;
    animation: rotateme2 50s linear infinite;
    z-index: -1;
}

@keyframes rotateme2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

.testi-shape-tow {
    position: absolute;
    top: 139px;
    left: 11%;
    animation: dance4 4s linear infinite;
}

.testi-shape-three {
    position: absolute;
    top: 51px;
    left: 20%;
     animation: dance 2s alternate infinite;
}

.testi-shape-four {
    position: absolute;
    top: 139px;
    right: 11%;
    animation: dance4 4s linear infinite;
}

.testi-shape-five {
    position: absolute;
    top: 51px;
    right: 20%;
     animation: dance 2s alternate infinite;
}

@keyframes dance {
  0% {
    -webkit-transform: scale(0.5);
  }

  100% {
    -webkit-transform: scale(1.2);
  }
}

/*---=================================
   <!--Echofy Brand Area-->
==================================---*/
.brand-area {
    position: relative;
    padding: 62px 0 0;
}

#brand-bg {
    background: url(../img/home1/brand-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 66px;
    text-align: center;
    z-index: 1;
    position: relative;
}

.brand-content h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    position: relative;
    display: inline-block;
    /* margin-bottom: 47px; */
}

.brand-content h4:before {
    position: absolute;
    content: "";
    width: 35px;
    height: 1px;
    right: -42px;
    top: 17px;
    background: #fff;
}

.brand-content h4:after {
    position: absolute;
    content: "";
    width: 35px;
    height: 1px;
    left: -42px;
    top: 17px;
    background: #fff;
}

.single-brand-box {
    text-align: center;
    display: inline-block;
}

.single-shape {
    position: absolute;
    right: 184px;
    top: -1px;
    animation: dance3 4s linear infinite;
}

/*---=================================
   <!--Echofy Team Area-->
==================================---*/
.team-area {
    padding: 192px 0 125px;
    background: url(../img/home1/team-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -82px;
}

.team-area .section-title.center {
    margin-bottom: 0;
}

.single-team-box {
    text-align: center;
    margin-top: -71px;
}

.single-team-thumb {
    position: relative;
    top: 124px;
    z-index: 1;
}

.team-content {
    background: #fff;
    padding: 152px 0 38px;
    position: relative;
}

.team-content:before{
    position: absolute;
    content: "";
    width: 0;
    height: 5px;
    left: 50%;
    bottom: 0;
    background:#49AF45;
    transition: 0.5s;
}

.single-team-box:hover .team-content:before{
    width: 100%;
    left: 0;
}

.team-content h4 {
    font-size: 26px;
    font-weight: 600;
    margin: 0 0 11px;
}

.team-content p {
    margin: 0;
    color: #49af45;
    font-size: 16px;
    font-weight: 500;
}

.team-social-icon {
    margin-top: 28px;
}

.team-social-icon ul li {
    display: inline-block;
    margin: 0 2px;
}

.team-social-icon ul li 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-social-icon ul li i:after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#49AF45;
    border-radius: 50%;
    z-index: -1;
    transform:scale(0);
    transition: 0.5s;
}

.team-social-icon ul li i:hover:after{
    transform: scale(1);
}

.team-social-icon ul li i:hover{
    color: #fff;
}



/*---=================================
   <!--Echofy Blog Area-->
==================================---*/
.blog-area {
    padding: 113px 0 103px;
}

.blog-area .echofy-button {
    margin-top: 60px;
    display: inline-block;
    float: right;
}

.single-blog-box{
    margin-bottom:20px ;
}

.single-blog-thumb{
    overflow: hidden;
}

.single-blog-thumb img {
    width: 100%;
    transition: 0.5s;
}

.single-blog-box:hover .single-blog-thumb img {
    transform: scale(1.2) skew(-10deg);
}

.blog-content {
    border: 1px solid rgba(0,24,25,0.1);
    padding: 27px 32px 28px;
}

.blog-content a {
    font-size: 24px;
    font-weight: 600;
    display: inline-block;
    color: #001819;
    line-height: 32px;
    transition: 0.5s;
}

.blog-content a:hover{
    color: #49AF45;
}

.blog-content p {
    margin: 14px 0 0px;
}

.blog-arthor {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(0,24,25,0.1);
    border-top: transparent;
    padding: 13px 28px 14px;
    border-radius: 0 0 5px 5px;
}

.blog-author-title span {
    display: inline-block;
    background: #49AF45;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    color: #fff;
    margin-right: 9px;
}

.blog-author-title h6 {
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}

.blog-button i {
    font-size: 26px;
    display: inline-block;
    transition: 0.5s;
}

.blog-button i:hover{
    color: #49AF45;
}



/*---=================================
   <!--Echofy Footer Area-->
==================================---*/
.footer-area {
    background: url(../img/home1/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 125px 0 0px;
}

.footer-social-address {
    background: url(../img/home1/footer-social-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 49px 66px 55px;
    border-radius: 5px;
}

.footer-social-address-content h4 {
    font-size: 40px;
    color: #fff;
    margin: 0;
}

.footer-social-icon {
    text-align: right;
}

.footer-social-icon ul li {
    display: inline-block;
}

.footer-social-icon ul li.text {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    margin-right: 9px;
}

.footer-social-icon ul li i {
    display: inline-block;
    font-size: 16px;
    border: 2px solid #fff;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin: 0 3px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.footer-social-icon ul li i:hover{
   color:#49AE44;
} 

.footer-social-icon ul li 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;
} 

.footer-social-icon ul li i:hover:after{
    transform: scale(1);
}

.footer-area .row.add-footer-class {
    padding: 111px 0 0;
}

p.footer-desc {
    margin: 24px 0 0;
    color: #fff;
    opacity: 0.6;
}

.footer-contect-info {
    margin-top: 23px;
}

.footer-contact-info-title h4 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    padding-left: 30px;
    position: relative;
}

.footer-contact-info-title h4:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 2px;
    left: 0;
    top: 11px;
    background: #49AE44;
}

.footer-contect-info ul li {
    color: #fff;
     margin-top: 18px;
}

.footer-contect-info ul li i {
    color: #49AE44;
    display: inline-block;
    margin-right: 12px;
}

.footer-widget-title h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 23px;
}

.footer-widget-menu ul li a {
    display: inline-block;
    color: #fff;
    opacity: 0.6;
    line-height: 40px;
    font-size: 16px;
    transition: 0.5s;
}

.footer-widget-menu ul li a:hover{
    color: #49AE44;
    opacity: 1;
}

.footer-widget-menu ul li i {
    font-size: 16px;
    color: #fff;
    display: inline-block;
    opacity: 0.6;
    margin-right: 8px;
    transition: 0.5s;
}

.footer-widget-menu ul li a:hover i{
    color: #49AE44;
    opacity: 1;
}

.single-newsletter-box input {
    background: transparent;
    width: 100%;
    height: 60px;
    border: 1px solid #ffffff47;
    border-radius: 5px;
    padding: 0 14px;
    outline: 0;
    color: #fff;
}

.single-newsletter-box input::placeholder{
    color: #fff;
}

.single-newsletter-box button {
    background-color: #49AE44;
    width: 100%;
    padding: 16px 0;
    border: transparent;
    margin-top: 16px;
    font-size: 16px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 500;
    border-radius: 5px;
}

.footer-bottom-area {
    padding: 96px 0 33px;
}

.footer-bottom-area .row.footer-bottom {
    border-top: 1px solid #ffffff3d;
    padding-top: 18px;
}

.footer-bottom-content h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.footer-bottom-content a {
    display: inline-block;
    color: #49AF45;
}



/*---==============================================================
   <!--Echofy Home Two Area-->
===============================================================---*/
.top-header-area.home-two {
    background-color: #001819;
    border: transparent;
}

.home-two.header-area {
    border: transparent;
    margin-bottom: -92px;
}

.sticky.home-two.header-area {
    background: transparent !important;
    box-shadow: inherit;
}

.home-two.header-area .row.add-background {
    background: #49AE44;
    border-radius: 0 0 5px 5px;
    padding: 0 15px;
}

.home-two.header-area .header-menu ul li {
    display: inline-block;
    margin-right: 45px;
}

.home-two.header-area .header-menu ul li a:hover{
    color:#fff;
}

.home-two .header-secrch-icon i {
    color: #fff;
}

.home-two .header-button a {
    border: 1px solid #fff;
}

.header-sidbar-button {
    display: inline-block;
}

.header-sidbar-button i {
    font-size: 33px;
    color: #fff;
    display: inline-block;
    cursor: pointer;
    position: relative;
    top: 8px;
    margin-left: 22px;
}


/*---=================================
   <!--Echofy Hero Area Home Two-->
==================================---*/
.hero-area.home-two {
    background: url(../images/home2/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 860px;
    padding-top: 76px;
}

.home-two .hero-thumb {
    position: relative;
    top: -102px;
    left: 16px;
}

.home-two .hero-content h4 {
    display: inline-block;
}

.home-two .hero-content h4 img {
    float: left;
    margin-right: 10px;
}

.home-two .hero-content h1 {
    color: #001819;
}

.home-two .hero-content p {
    opacity: 0.700;
    color: #001819;
    width: 100%;
}

.home-two .hero-social-icon {
    top: 38%;
}

.home-two .hero-social-icon ul li.text {
    color: #001819;
}

.home-two .hero-social-icon ul li.text:before {
    background:#001819;
}

.home-two .hero-social-icon ul li i {
    color: #001819;
    transition: 0.5s;
}

.home-two .hero-social-icon ul li i:hover{
    color: #49AF45;
}

.hero-slides-2 .owl-dots {
    display: none;
}

.home-two .hero-shape {
    position: absolute;
    top: 14px;
    left: 0;
}


/*---=================================
   <!--Echofy About Area Home Two-->
==================================---*/

.home-two.about-area{
    background: #fff;
}

.home-two.about-area .section-title.left {
    margin-bottom: 33px;
}

.home-two .about-thumb {
    position: relative;
    left: -59px;
}

.home-two .about-video {
    position: absolute;
    right: 97px;
    top: 98px;
    z-index: 1;
}

.home-two .about-video:after {
    position: absolute;
    content: "";
    width: 120px;
    height: 120px;
    left: -16px;
    top: -15px;
    background-color: rgba(0,24,25,0.2);
    border-radius: 50%;
    z-index: -1;
}

.home-two .about-video:before {
    position: absolute;
    content: "";
    width: 150px;
    height: 150px;
    left: -31px;
    top: -29px;
    border: 3px dotted #49AF45;
    border-radius: 50%;
    z-index: -1;
    animation: rotateme2 20s linear infinite;
}

@keyframes rotateme2 {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

.home-two .about-video i {
    display: inline-block;
    background: #49AE44;
    color: #fff;
    width: 90px;
    height: 90px;
    text-align: center;
    font-size: 28px;
    border-radius: 50%;
    line-height: 81px;
    border: 5px solid #fff;
    position: relative;
}

.home-two .about-text a {
    display: inline-block;
    color: #49af45;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 2px solid #49af45;
    margin-left: 20px;
}

.home-two p.about-desc {
    margin: 37px 0 20px;
}

.home-two .about-list-item {
    border-bottom: 1px solid #E6E7E9;
    padding-bottom: 16px;
}

.home-two .about-list-item ul li {
    font-size: 18px;
    color: #001819;
    font-weight: 500;
    line-height: 41px;
}

.home-two .about-list-item ul li i {
    background: #49AF45;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 20px;
    position: relative;
    top: 1px;
    margin-right: 16px;
}

.home-two .about-single-box {
    display: flex;
    align-items: center;
    gap: 94px;
    margin-top: 33px;
}

.home-two .about-author-box {
    display: flex;
    align-items: center;
    gap: 20px;
}

.home-two .about-author-content h4 {
    font-size: 20px;
    margin: 0;
}

.home-two .about-author-content p {
    color: #49af45;
    margin-bottom: 0;
    margin-top: 6px;
}

.home-two.about-area .echofy-button {
    margin-top: 0;
    display: inline-block;
}


/*---=================================
   <!--Echofy Servics Title Area Home Two-->
==================================---*/
.service-title-area {
    background: url(../images/home2/services-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 112px 0 286px;
    position: relative;
}

.service-title-area .section-title.center h1 {
    color: #fff;
}

.services-shape-one {
    position: absolute;
    top: 26%;
    left: 10%;
    animation: dance2 4s linear infinite;
}

.services-shape-two {
    position: absolute;
    top: 26%;
    right: 10%;
    animation: dance2 4s linear infinite;
}


/*---=================================
   <!--Echofy Servics Area Home Two-->
==================================---*/

.service-area.home-two {
    background: #F6F6EE;
    padding: 113px 0 308px;
}

.home-two .row.service-up {
    margin-top: -394px;
}

.single-service-box {
    position: relative;
    padding: 10px;
}

.home-two .service-thumb{
    overflow: hidden;
}

.home-two .service-thumb img {
    width: 100%;
    padding: 0;
    margin-top: 0;
    transition: 0.5s;
}

.home-two .single-service-box:hover .service-thumb img{
    transform: scale(1.1);
}

.home-two .service-content {
    background: #fff;
    padding: 64px 38px 23px;
    position: relative;
}

.home-two  .services-icon {
    position: absolute;
    top: -16%;
    left: 27px;
}

.home-two .service-content a {
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    position: relative;
    transition: 0.5s;
}

.home-two .service-content a:hover{
    color: #49AE44;
}

.home-two .service-content a:before {
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    bottom: -20px;
    left: 0;
    background: #49AE44;
}

.home-two .service-content p {
    margin: 36px 0 16px;
    border-bottom: 1px solid rgba(0,24,25,0.10);
    padding-bottom: 24px;
}

.home-two .service-button a {
    display: inline-block;
    font-size: 16px !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-two .service-button a:before{
    background: transparent;
}

.home-two .service-button i {
    display: inline-block;
    font-size: 24px;
    border-radius: 50%;
    color: #111111;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    transform: rotate(-45deg);
    position: relative;
    border: 1px solid rgba(0,24,25,0.10);
    transition: 0.5s;
}

.home-two .service-button a:hover i{
    background:#49AE44;
    color:#fff;
}

/*coustomise-home-1-css*/
.home-two .single-service-box:hover .service-content {
    background: #fff;
}

.home-two .service-content:before{
    border: transparent;
}

.home-two .service-content:after{
    background: transparent;
}

.service-list-2 .owl-dots {
    text-align: center;
    position: relative;
    top: 45px;
    left: 0;
}

.service-list-2 .owl-dot {
    background: #C5CAC3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
}

.service-list-2 .owl-dot.active{
    background:#49AE44;
    position: relative;
}

.service-list-2 .owl-dot.active:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: -5px;
    top: -5px;
    border: 1px solid #49AE44;
    border-radius: 50%;
}


/*---=================================
   <!--Echofy Counter Area Home Two-->
==================================---*/

.home-two.counter-area {
    background: transparent;
    padding: 0;
}

.home-two .row.fade-de {
    background: url(../images/home2/counter-bg.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 85px 45px 55px;
    border-radius: 5px;
    position: relative;
    margin: -144px 0;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 41px;
    line-height: 40px;
    color: #fff;
}

.home-two .single-counter-box {
    text-align: left;
    margin-bottom: 20px;
    display: flex;
    gap: 29px;
    align-items: center;
}

.home-two .counter-content h4 {
    margin-top: 0;
}


/*---=================================
   <!--Echofy Project Area Home Two-->
==================================---*/
.project-area.home-two {
    background: #fff;
    margin-top: 0;
    padding: 256px 0 167px;
}

.home-two .single-project-box {
    margin-right: 21px;
    position: relative;
    overflow: hidden;
}

.home-two .project-content {
    background: #EEF0EB;
    padding: 30px 34px 28px;
    width: 60%;
    border-left: 0;
    border-bottom: 5px solid #49af45;
    position: relative;
    margin-top: 0;
    transition: 0.5s;
    border-radius: 3px;
    height: 117px;
    position: absolute;
    bottom: -166px;
    left: 36px;
}

.home-two .single-project-box:hover .project-content {
    background:#EEF0EB;
    height: 117px;
    margin-top: 0px;
    bottom: 0;
}

.home-two .project-content h4 {
    color: #49af45;
    margin: 0 0 7px;
}

.home-two .single-project-box:hover .project-content a {
    color: #001819;
}

.home-two .project-content i {
    background: #49AE44;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    transform: rotate(-46deg);
    color: #fff;
    position: relative;
    left: 54px;
    top: -15px;
}


.home-two .project-thumb img {
    width: auto;
}

.project-list-2 .owl-dots {
    text-align: center;
    position: relative;
    top: 45px;
    left: 0;
}

.project-list-2 .owl-dot {
    background: #C5CAC3;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 0 6px;
}

.project-list-2 .owl-dot.active{
    background:#49AE44;
    position: relative;
}

.project-list-2 .owl-dot.active:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: -5px;
    top: -5px;
    border: 1px solid #49AE44;
    border-radius: 50%;
}


/*---=================================
   <!--Echofy Faqs Area Home Two-->
==================================---*/
.faqs-area {
    background: url(../images/home2/faqs-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 124px 0 196px;
    overflow: hidden;
}

.faqs-left {
    position: relative;
}

.faqs-area .section-title.left {
    margin-bottom: 36px;
}

.faqs-area .echofy-button {
    margin-top: 0;
    display: inline-block;
}

.faqs-container{
    overflow: hidden;
}

.faq-singular {
    position: relative;
    background: #ffff;
    margin-bottom: 20px;
}

.faq-singular.active:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 63px;
    left: 0;
    top: 0;
    background: #49AE44;
    z-index: 1;
    border-radius: 5px 5px 0 0;
   transition: 0.5s;
}

.faq-singular .faq-question {
    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;
}

.faq-singular.active .faq-question{
    color: #fff;
}

.faq-singular .faq-question:before {
    position: absolute;
    content: ">";
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 400;
    transition: 0.5s;
}

.faq-singular.active .faq-question:before {
    transform: translateY(-50%) rotate(87deg);
    color: #fff;
}

.faq-question:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 24px;
    left: 71px;
    top: 20px;
    background: #cccccc9e;
    transition: 0.5s;
}

.faq-singular.active .faq-question:after{
    background:#fff;
}

.faq-question img {
    padding-right: 27px;
    transition: 0.5s;
}

.faq-singular.active .faq-question img {
    filter: brightness(0) invert(1);
}

.faq-answer {
    display: none;
    padding: 21px 30px 25px;
}

.faqs-shape {
    position: absolute;
    left: 240px;
    bottom: -43px;
    animation: dance3 4s linear infinite;
}

.faqs-shape-2 {
    position: absolute;
    top: -103px;
    right: 13px;
    animation: dance3 4s linear infinite;
}


/*---=================================
   <!--Echofy Brand Area Home Two-->
==================================---*/
.brand-area.home-two {
    padding: 100px 0 87px;
}

.home-two .single-brand-box {
    text-align: center;
    display: block;
}

.brand-area.home-two .owl-carousel .owl-item img {
    display: inline-block;
    text-align: center;
}


/*---===============================================
   <!--Echofy Donatione Title Area Home Two-->
===================================================---*/
.donation-title-area {
    background: url(../images/home2/services-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 109px 0 294px;
    position: relative;
}

.donation-title-area .section-title.center h1 {
    color: #ffff;
}

.donation-shape-one {
    position: absolute;
    top: 26%;
    left: 10%;
    animation: dance2 4s linear infinite;
}

.donation-shape-two {
    position: absolute;
    top: 26%;
    right: 10%;
    animation: dance2 4s linear infinite;
}

/*---=================================
   <!--Echofy Donatione Area Home Two-->
==================================---*/
.donation-area {
    background-color: #f1faf0;
    padding: 4px 0 125px;
}

.donation-area .row.donate {
    margin-top: -282px;
}

.single-donation-box {
    margin: 0 12px;
}

.donation-thumb{
    position: relative;
}

.donation-thumb img {
    width: 100%;
    transition: 0.5s;
}

.single-donation-box:hover .donation-thumb img{
    opacity: 0.5;
} 

.donate-button {
    position: absolute;
    bottom: 0px;
    left: 32%;
    opacity: 0;
    transition: 0.5s;
}

.single-donation-box:hover .donate-button {
   bottom: 114px;
   opacity: 1;
}

.donate-button a {
    display: inline-block;
    background: #49AE44;
    color: #fff;
    font-size: 16px;
    padding: 11px 23px;
    border-radius: 5px;
}

.donation-content {
    background: #fff;
    padding: 26px 35px 23px;
}

.donation-content a {
    display: inline-block;
    color: #001819;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    transition: 0.5s;
}

.donation-content a:hover{
    color:#49AE44 ;
}

.donation-content p {
    margin: 19px 0 39px;
}

.donation-area .skill-bg {
    background: #DCEFDB;
    width: 100%;
}

.donation-area span.number {
    top: -31px;
    color: #001819;
}

.donation-area .skills.html.style-one {
    width: 75%;
}

.donation-area .skills.html.style-two {
    width: 60%;
}

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



/*---=================================
   <!--Echofy Testimonial Area Home Two-->
==================================---*/
.home-two.testimonial-area {
  background:url(../images/home2/testi-bg.jpg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center center;
  padding: 100px 0 100px;
} 

.home-two.testimonial-area .section-title.left {
    margin-bottom: 0;
}

.home-two.testimonial-area .single-testimonial-box {
    filter: blur(0);
    background-color: #F6F6EE;
    margin: 45px 10px;
}

.home-two.testimonial-area .owl-prev {
    display: inline-block;
    margin-right: 11px;
}

.home-two.testimonial-area .owl-prev 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;
}

.home-two.testimonial-area .owl-prev i:hover{
    background:#49AE44;
    color: #fff;
}

.home-two.testimonial-area .owl-next {
    display: inline-block;
}

.home-two.testimonial-area .owl-next 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;
}

.home-two.testimonial-area .owl-next i:hover{
    background:#49AE44;
    color: #fff;
}

.home-two.testimonial-area .testi-shape {
    position: absolute;
    top: -66px;
    left: 41%;
    animation: rotateme2 50s linear infinite;
    z-index: -1;
}


/*---=================================
   <!--Echofy Marquee Area Home Two-->
==================================---*/

.home-two.marquee {
    display: flex;
    overflow: hidden;
    min-width: fit-content;
    grid-column-gap: 1rem;
    background-color: #49AE44;
    padding: 57px 0 58px;
}
.home-two .marquee-content {
    display: flex;
    justify-content: space-around;
    flex: 0 0 auto;
    grid-column-gap: 1rem;
    width: fit-content;
}
.scroll {
    animation: scroll 10s linear infinite;
}
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(calc(-100% - 1rem)); }
}
.text-block {
    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: 4vw;
    line-height: 1;
    font-weight: 900;
    text-transform: uppercase;
}
.reverse {
    animation-direction: reverse;
}


/*---=================================
   <!--Echofy Footer Area Home Two-->
==================================---*/

.home-two.footer-area .echofy-button {
    margin-top: 0;
    display: inherit;
    text-align: right;
}

.home-two.footer-area .echofy-button a {
    border: 1px solid #fff;
    background: transparent;
}

.home-two p.footer-desc {
    width: 70%;
    margin: 32px 0 0;
}

.home-two .footer-subscribe {
    margin-top: 40px;
}

.home-two .single-newsletter-box {
    position: relative;
}

.home-two .single-newsletter-box input {
    background: transparent;
    width: 83%;
    height: 60px;
    border: 1px solid #ffffff47;
    border-radius: 5px;
    padding: 0 14px;
    outline: 0;
    color: #fff;
}

.home-two .single-newsletter-box button {
    background-color: transparent;
    padding: 0;
    border: transparent;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 0;
}

.home-two .single-newsletter-box button i {
    display: inline-block;
    float: right;
    top: -44px;
    width: 55%;
    position: relative;
    font-size: 26px;
    color: #49AE44;
}

.home-two .footer-widget-social-icon ul li {
    display: inline-block;
    margin-right: 18px;
}

.home-two .footer-widget-social-icon ul li i {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    transition: 0.5s;
}

.home-two .footer-widget-social-icon ul li i:hover{
    color: #49AE44;
}

.home-two .footer-widget-blog {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 27px;
}

.home-two .footer-widget-blog-content a {
    display: inline-block;
    font-size: 19px;
    color: #fff;
    font-weight: 500;
    line-height: 29px;
    transition: 0.5s;
}

.home-two .footer-widget-blog-content a:hover{
    color: #49AE44;
}

.home-two .footer-widget-blog-content p {
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    margin: 4px 0 0;
    padding-left: 20px;
    position: relative;
}

.home-two .footer-widget-blog-content p:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: 0;
    top: 9px;
    background: #fff;
    opacity: 0.5;
    border-radius: 50%;
}

.home-two .footer-widget-title h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 43px;
}

.home-two .footer-widget-info {
    display: flex;
    gap: 20px;
    margin-bottom: 19px;
}

.home-two .footer-widget-info-icon i {
    display: inline-block;
    background: #1E352B;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    line-height: 45px;
    color: #fff;
    margin-top: 7px;
    position: relative;
}

.home-two .footer-widget-info-icon i:after {
    position: absolute;
    content: "";
    width: 48px;
    height: 48px;
    left: -2px;
    top: -2px;
    border: 1px dashed #fff;
    border-radius: 50%;
    opacity: 0.5;
    animation: rotateme2 20s linear infinite;
    transition: 0.5s;
}

.home-two .footer-widget-info:hover .footer-widget-info-icon i:after{
   opacity: 1;
}

.home-two .footer-widget-info-content h4 {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    margin: 0 0 5px;
}

.home-two .footer-widget-info-content p {
    margin: 0;
    color: #fff;
    opacity: 0.6;
    font-size: 14px;
    width: 100%;
}





/*---=====================================================================================
   <!--Strat Echofy Home Three-->
========================================================================================---*/
.home-three.header-area {
    border-bottom: transparent;
    z-index: 1;
    position: relative;
    padding: 0 88px;
}

.home-three .header-menu ul li {
    margin-right: 52px;
}

.home-three .header-menu ul li a {
    text-transform: uppercase;
    font-size: 16px;
}

.home-three .header-button {
    margin-right: 35px;
}

.home-three .header-button a {
    display: inline-block;
    background: #49AF45;
    padding: 14px 47px;
    color: #fff;
    font-weight: 500;
    border-radius: 5px;
    margin-left: 0;
    text-transform: uppercase;
}

.home-three .header-button i {
    color: #fff;
    display: inline-block;
    position: relative;
    left: 12px;
    top: 1px;
}

.home-three .header-secrch-icon i {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    border-bottom: 1px solid #49af454a;
    width: 206px;
    position: relative;
}


/*---=================================
   <!--Echofy Text Area Home Three-->
==================================---*/

.home-three.text-area {
    background: url(../images/home3/text-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 242px 0 111px;
}

.home-three .text-area-content h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

.home-three .text-area-content p {
    font-size: 17px;
    opacity: 0.7;
    color: #fff;
    width: 72%;
    margin: auto;
    margin-top: 16px;
}




/*---=================================
   <!--Echofy Hero Area Home Three-->
==================================---*/

.home-three.hero-area {
    background: url(../images/home3/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 550px;
    padding-top: 207px;
}

.home-three .hero-content h2 {
    font-size: 37px;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 30px;
}

.style-two.echofy-button {
    margin-top: 28px;
}

.style-two.echofy-button a {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 15px 40px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: 0.5s;
}

.style-two.echofy-button a:hover{
    color: #49AF45;
}

.style-two.echofy-button i {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    position: relative;
    left: 4px;
    top: 1px;
    transition: 0.5s;
}

.style-two.echofy-button a:hover i{
    color: #49AF45;
}




/*---=================================
   <!--Echofy About Area Home Three-->
==================================---*/
.home-three.about-area{
    background: #fff;
}

.home-three.about-area .section-title.left {
    margin-bottom: 42px;
}

.home-three .about-thumb {
    position: relative;
    left: -48px;
}

/*bootstrap-tab-coustomaize*/

.home-three .nav-link {
    display: block;
    color: #001819;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #f6f7f9 !important;
    padding: 12px 32px;
    margin-right: 20px;
}

.home-three .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #ffff;
    background-color: #49AF45 !important;
    border-radius: 5px;
}

.home-three .about-desc p {
    width: 90%;
    margin-bottom: 18px;
    margin-top: 41px;
}

.home-three .single-about-item {
    display: flex;
    align-items: center;
    gap: 88px;
}

.home-three .about-list-item ul li {
    color: #001819;
    font-weight: 600;
    margin-bottom: 11px;
}

.home-three .about-list-item ul li img {
    margin-right: 10px;
    position: relative;
}






/*section-title-home-three*/
.home-three .section-title span {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    padding: 6px 9px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 16px;
    margin-right: 6px;
}

.home-three .section-title h4 {
    font-weight: 700;
}




/*---================================================
   <!--Echofy service Title Area Home Three-->
===================================================---*/
.home-three.service-title-area {
    background: #F6F7F9;
    padding: 112px 0 14px;
}

.home-three.service-title-area .section-title.center h1 {
    color: #001819;
}


.home-three.services-area {
    padding: 13px 0 117px;
}

.home-three.services-area .row.add-background {
    background: #F6F7F9;
    padding: 0 30px 39px;
    margin-top: -13px;
}

.home-three .single-service-box {
    text-align: center;
    background: #fff;
    padding: 50px 22px 49px;
}

.home-three .services-icon-thumb {
    background:#F6F7F9;
    width: 82px;
    height: 82px;
    line-height: 82px;
    border-radius: 50%;
    margin: auto;
    position: relative;
}

.home-three .services-icon-thumb:before{
    position: absolute;
    content: "";
    width: 82px;
    height: 82px;
    left: 0;
    top: 0;
    background:#49AE44;
    border-radius: 50%;
    transform: scale(0);
    transition: 0.5s;
}

.home-three .single-service-box:hover .services-icon-thumb:before{
    transform: scale(1);
}

.home-three .services-icon-thumb img{
    transition: 0.5s;
}

.home-three .single-service-box:hover .services-icon-thumb img{
    filter: brightness(0) invert(1);
}

.home-three .services-content h4 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 32px 0 12px;
}

.home-three .services-button a {
    display: inline-block;
    background: #49AE44;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 28px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 18px;
    position: relative;
    z-index: 1;
}

.home-three .services-button a:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background:#001719;
    border-radius: 5px;
    transform: scale(0);
    transition: 0.5s;
    z-index: -1;
}

.home-three .single-service-box:hover .services-button a:before{
    transform: scale(1);
}

.home-three.services-area.echofy-button {
    margin-top: 58px;
}


/*---================================================
   <!--Echofy Counter Area Home Three-->
===================================================---*/
.home-three.counter-area {
    background: url(../images/home3/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 116px 0 117px;
}

.home-three.counter-area .section-title.left {
    margin-bottom: 36px;
}

.home-three.counter-area .section-title.left h1 {
    color: #fff;
}

.home-three .single-rating-box {
    display: flex;
    align-items: center;
    gap: 32px;
}

.home-three .average-rating h4 {
    background: #49AF45;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 8px 25px;
    border-radius: 5px;
    margin: 0;
}

.home-three .rating-content h4 {
    color: #fff;
    font-size: 20px;
    margin: 0;
}

.home-three .rating-content p {
    margin: 5px 0 0;
    font-size: 15px;
}

.home-three .single-counter-box {
    text-align: center;
    margin-bottom:0;
    border: 1px solid  #9ea1a56b;
    padding: 14px 0 40px;
    border-radius: 5px;
}

.home-three .counter-content p {
    font-size: 20px;
    font-weight: 400;
    margin: 3px 0 0;
    color: #9ea1a5;
}


/*---================================================
   <!--Echofy Project Area Home Three-->
===================================================---*/
.home-three.project-area {
    background: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 112px 0 122px;
    margin-top: 0;
    padding-left: 0px;
}

.home-three.project-area .section-title.left {
    margin-bottom: 70px;
}

.home-three.project-area .style-two.echofy-button {
    float: right;
    margin-top: 44px;
}

.home-three .single-project-box {
    margin-right: 21px;
    position: relative;
    overflow: hidden;
}

.home-three .single-project-content {
    background: url(../images/home3/project-content-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 20px 30px 19px;
    position: absolute;
    width: 92%;
    bottom: -170px;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 5px;
    transition: 0.5s;
}

.home-three .single-project-box:hover .single-project-content{
    bottom: 19px;
}

.home-three .single-project-content a {
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    color: #fff;
}

.home-three .single-project-content p {
    font-size: 15px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    margin-top: 5px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 290px;
}


/*---================================================
   <!--Echofy Skill Area Home Three-->
===================================================---*/
.home-three.skill-area {
    background: url(../images/home3/skills-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 112px 0 96px;
    background-position: center;
}

.home-three.skill-area p.section-desc {
    width: 100%;
}

.home-three .skill {
    margin-bottom: 10px;
    position: relative;
    overflow-x: hidden;
}

.home-three .skill > p {
    font-size: 15px;
    font-weight: 700;
    color: #1a1716;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.home-three .skill:before {
    width: 93%;
    height: 6px;
    content: "";
    display: block;
    position: absolute;
    background: #EEEEEE;
    bottom: 20px;
}

.home-three .skill-bar {
    width: 74%;
    height: 6px;
    background: #48AF45;
    display: block;
    position: relative;
}

.home-three .skill-bar span {
    font-size: 15px;
    /* padding: 3px 0; */
    font-weight: 700;
    float: right;
    top: -35px;
    position: relative;
    color: #001819;
}

.home-three .skill-bar {
    position: relative;
  
}

.home-three .skill1 .skill-count1 {
    right: 0;
}

/* SKILL 2 */
.home-three .skill2 {
    width: 65%;
}

.home-three .skill2 .skill-count2 {
    right: 0;
}

.home-three .solar-video {
    position: relative;
}

.home-three .vedio-content {
    position: absolute;
    top: 53%;
    left: 13%;
}

.home-three .vedio-content a {
    display: inline-block;
    font-size: 30px;
    text-transform: uppercase;
    color: #49AF45;
    font-weight: 500;
    background: #fff;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 74px;
    border-radius: 50%;
    position: relative;
}

.home-three .vedio-content a:before {
    position: absolute;
    content: "";
    width: 100px;
    height: 100px;
    top: -16px;
    left: -15px;
    border-radius: 50%;
    border: 1px solid #fff;
    -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
}

@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.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    }
 }



/*---================================================
   <!--Echofy Testimonial Area Home Three-->
===================================================---*/
.home-three.testimonial-area {
    background: url(../images/home3/testi-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 112px 0 124px;
}

.home-three.testimonial-area .section-title.center {
    margin-bottom: 60px;
}

.home-three.testimonial-area .section-title.center h1 {
    color: #fff;
}

.home-three .single-testi-box {
    border: 1px solid #ffffff47;
    border-radius: 5px;
    padding: 56px 37px 33px;
    position: relative;
    margin: 47px 13px 0;
}

.home-three .testi-thumb {
    position: absolute;
    top: -47px;
    left: 38px;
}

.home-three .testi-content p {
    font-size: 16px;
    font-style: italic;
    color: #fff;
    border-bottom: 1px solid #ffffff54;
    margin-bottom: 36px;
    padding-bottom: 33px;
}

.home-three .testi-rating-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-three .testi-rating-star ul li {
    display: inline-block;
    margin-right: 4px;
}

.home-three .testi-rating-star ul li i {
    display: inline-block;
    color: #49AF45;
    font-size: 18px;
}

.home-three .testi-rating-content span {
    display: inline-block;
    color: #fff;
}


/*---================================================
   <!--Echofy Faqs Area Home Three-->
===================================================---*/
.home-three.faqs-area {
    background: #fff;
    padding: 120px 0 122px;
}

.home-three.faqs-area .section-title.left {
    margin-bottom: 63px;
}

.home-three .faq-singular {
    background: #F6F7F9;
}

.home-three .faqs-thumb {
    position: relative;
    left: 85px;
    top: 0;
}

/*---================================================
   <!--Echofy Blog Area Home Three-->
===================================================---*/
.home-three.blog-area {
    background: #F5F7F9;
}

.home-three.blog-area .section-title.center {
    margin-bottom: 62px;
}

.single-blog-box {
    margin-bottom: 20px;
}

.home-three .blog-thumb{
    overflow: hidden;
}

.home-three .blog-thumb img {
    width: 100%;
    transform: scale(1.2);
    transition: 0.5s;
}

.home-three .single-blog-box:hover .blog-thumb img{
    transform: scale(1);
}

.home-three .blog-content {
    border: transparent;
    padding: 37px 32px 39px;
    background: #fff;
}

.home-three .meta-blog {
    margin-bottom: 15px;
}

.home-three .meta-blog i {
    display: inline-block;
    color: #49AF45;
    margin-right: 4px;
}

.home-three .meta-blog span {
    font-size: 16px;
    display: inline-block;
    font-weight: 500;
    margin-right: 39px;
}

.home-three .blog-title a {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    color: #001819;
    line-height: 33px;
    transition: 0.5s;
}

.home-three .blog-title a:hover{
    color: #49AF45;
}

.home-three .blog-button a {
    display: inline-block;
    font-size: 15px;
    background: #F6F7F9;
    color: #49AE44;
    padding: 9px 32px;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 36px;
    transition: 0.5s;
}

.home-three .blog-button a:hover{
    background:#49AE44;
    color: #fff;
}

.home-three .blog-button i {
    display: inline-block;
    font-size: 16px;
    position: relative;
    left: 5px;
    top: 1px;
    transition: 0.5s;
}

.home-three .blog-button a:hover i{
    color:#fff;
}


/*---================================================
   <!--Echofy Footer Area Home Three-->
===================================================---*/
.home-three.footer-area {
    background: url(../images/home3/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 120px 0 0px;
}

.home-three .subscribe-area {
    border-bottom: 1px solid #9ea1a52b;
    padding-bottom: 65px;
    margin-bottom: 87px;
}

.home-three .subscribe-content h4 {
    color: #fff;
    font-size: 25px;
    margin: 0;
}

.home-three .subscribe-content p {
    font-size: 15px;
    color: #9ea1a5;
    margin: 10px 0 0;
}

.home-three .subscribe-box input {
    background: transparent;
    border: 1px solid #9ea1a54a;
    width: 73%;
    height: 56px;
    padding: 0 16px;
    color: #fff;
    outline: 0;
    border-radius: 3px;
}

.home-three .subscribe-box button {
    background: #49AF45;
    border: transparent;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding: 15px 24px;
    position: relative;
    float: right;
    left: -6px;
    border-radius: 0 3px 3px 0;
}

.home-three p.footer-desc {
    margin: 24px 0 0;
    color: #fff;
    opacity: 0.6;
    width: 80%;
}

.home-three .footer-social-icon {
    text-align: left;
    margin-top: 31px;
}

.home-three .footer-social-icon ul li i {
    display: inline-block;
    font-size: 14px;
    border: 1px solid #9ea1a52b;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    margin: 0 3px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.home-three .footer-social-icon ul li i:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #49AF45;
    border-radius: 3px;
    z-index: -1;
    transform: scale(0);
    transition: 0.5s;
}

.home-three .footer-social-icon ul li i:hover:after{
    transform: scale(1);
}

.home-three .footer-widget-menu ul li strong {
    color: #ffff;
}

.home-three .footer-widget-menu.contact ul li {
    margin-bottom: 18px;
}

.home-three .footer-bottom-area {
    padding: 31px 0 11px;
    border-top: 1px solid #ffffff36;
    margin-top: 94px;
}

/*---================================================
   <!--Echofy Strat Home Four Css-->
===================================================---*/


.home-four .top-header-info ul li {
    display: inline-block;
    color: #868681;
    margin-right: 29px;
}

.home-four .top-header-contact span {
    display: inline-block;
    color: #868681;
}

.home-four .top-header-social-icon ul li i {
    color: #868681;
    font-size: 15px;
    padding-left: 14px;
    transition: 0.5s;
}

.home-four.header-area {
    border-bottom: transparent;
    z-index: 9;
    position: relative;
    margin-bottom: 0;
}

.home-four.header-area .container-fluid {
    padding: 0;
}

.home-four .header-logo a {
    display: inline-block;
    position: relative;
    background: #49AF45;
    text-align: center;
    padding: 18px 66px;
}

.home-four .header-menu ul li a {
    display: inline-block;
    color: #0e3d60;
    padding: 27px 0;
    font-size: 16px;
    font-weight: 400;
    transition: 0.5s;
}

.sticky.home-four .header-menu ul li a{
    color:#fff;
}

.sticky.home-four .header-menu ul li .sub-menu li a {
    color: #1e1e1e;
}

.home-four .col-lg-4.add-class {
    text-align: right;
}

.home-four .header-cart-button {
    display: inline-block;
    position: relative;
    top: -10px;
}

.home-four .header-cart-button:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 15px;
    right: -25px;
    top: 5px;
    background: #49af45;
}

.home-four .header-cart-button i{
   display: inline-block;
    color: #49af45;
}

.home-four .header-secrch-icon {
    display: inline-block;
    position: relative;
    top: -9px;
}

.home-four .header-secrch-icon i {
    display: inline-block;
    color: #49af45;
    font-size: 16px;
    margin: 0 45px;
}

.home-four .header-sidbar {
    display: inline-block;
}

.home-four .header-sidbar i {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    height: 80px;
    width: 82px;
    text-align: center;
    line-height: 82px;
    font-size: 45px;
}



/*---================================================
   <!--Echofy Strat Hero Area Home Four Css-->
===================================================---*/

.home-four.hero-area {
    background: url(../images/home4/hero-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 800px;
    padding-top: 0;
    position: relative;
}

.home-four .hero-content{
    position: relative;
    z-index: 1;
}

.home-four .hero-content img {
    padding-right: 7px;
}

.home-four .hero-content h4 {
    color: #4baf45;
    font-size: 16px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 19px;
    text-decoration: underline;
}

.home-four .hero-content h1 {
    font-size: 85px;
    font-weight: 900;
    line-height: 85px;
    color: #001819;
}

.home-four .hero-content p {
    opacity: 1;
    font-size: 16px;
    line-height: 26px;
    color: #868681;
    font-weight: 400;
    width: 83%;
    margin: 29px 0 0;
}

.home-four h2.solar-text {
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: #F4F4F4;
    font-size: 150px;
    text-transform: uppercase;
    position: absolute;
    top: -59px;
    left: -68px;
    z-index: -1;
}

.style-three.echofy-button {
   display: inline-block;
}

.style-three.echofy-button a {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 31px;
    border-radius: 0;
}

.style-three.echofy-button a:hover{
    color:#49AF45;
}

.style-three.echofy-button i{
    transition: 0.5s;
}

.style-three.echofy-button a:hover i{
    color:#49AF45;
}

.home-four .hero-contact {
    display: inline-block;
    margin-left: 23px;
}

.home-four .hero-contact p {
    color: #000000;
    font-weight: 500;
    text-decoration: underline;
}

.home-four .hero-contact a {
    font-weight: 500;
    display: inline-block;
    color: #49AF45;
    text-decoration: underline;
}

/*---================================================
   <!--Echofy Strat Counter Area Home Four Css-->
===================================================---*/

.home-four.counter-area{
    background: transparent;
    padding: 0 0 0;
}

.home-four .row.add-bg {
    position: relative;
    z-index: 1;
    margin-bottom: -185px;
}

.home-four .row.add-bg:before {
    position: absolute;
    content: "";
    width: 122%;
    height: 100%;
    left: 12px;
    top: 0;
    background: url(../images/home4/counter-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
}

.home-four .counter-thumb img {
    width: 100%;
}

.home-four .single-conter-box {
    display: flex;
    align-items: center;
    gap: 28px;
}

.home-four .counter-content h4 {
    font-size: 24px;
    display: inline-block;
    color: #fff;
    margin: 0;
}

.home-four .counter-content span {
    font-size: 24px;
    display: inline-block;
    color: #fff;
}

.home-four .counter-content p {
    margin: 0;
    font-size: 14px;
    color: #49af45;
}


/*---================================================
   <!--Echofy Strat About Area Home Four Css-->
===================================================---*/
.home-four.about-area {
    background: url(../images/home4/about-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 310px 0 145px;
}

.home-four.about-area .section-title.left {
    margin-bottom: 31px;
}

.home-four .about-left-box {
    position: relative;
    z-index: 1;
}

.home-four .about-thumb {
    position: relative;
    left: 48px;
}

.home-four .about-shape {
    position: absolute;
    left: -29px;
    bottom: -68px;
    z-index: -1;
    animation: dance2 4s linear infinite;
}

@keyframes dance2 {
    0% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }

    100% {
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }
}

.home-four .about-single-text-box {
    position: absolute;
    right: 70px;
    bottom: -75px;
    display: inline-block;
    background: #49AF45;
    padding: 34px 29px 34px;
    width: 40%;
    border-radius: 5px;
}

.home-four .about-text h4 {
    font-size: 20px;
    color: #ffff;
    font-weight: 500;
    line-height: 28px;
    margin-top: 23px;
}

.home-four .about-item-box {
    display: flex;
    align-items: center;
    gap: 16px;
}

.home-four .about-itme-list ul li {
    font-size: 20px;
    color: #0e3d60;
    font-weight: 500;
    line-height: 40px;
}

.home-four .about-itme-list ul li img {
    margin-right: 15px;
}

/*section-title Home Foure*/
.home-four .section-title h4 {
    text-transform: capitalize;
    color: #49af45;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 26px;
    text-decoration: underline;
}

.home-four p.section-desc {
    width: 88%;
    margin: 26px 0 0;
}



/*---================================================
   <!--Echofy Strat Services Area Home Four Css-->
===================================================---*/
.home-four.service-area{
    background: #fff;
}

.home-four .single-services-box {
    text-align: center;
    border: 1px solid #0e3d602b;
    padding: 35px 46px 45px;
    border-radius: 5px;
}

.home-four .services-content h4 {
    font-size: 28px;
    font-weight: 500;
    margin: 33px 0 21px;
}

.home-four .services-content p {
    margin-bottom: 9px;
}

.home-four a.services-button {
    display: inline-block;
    color: #0e3d60;
    font-weight: 500;
}

.home-four a.services-button i {
    display: inline-block;
    color: #0e3d60;
    font-weight: 500;
    font-size: 23px;
    position: relative;
    top: 4px;
}


/*---================================================
   <!--Echofy Strat Solar Text Area Home Four Css-->
===================================================---*/
.home-four.solar-text-area {
    background: url(../images/home4/solar-text-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 152px 0 152px;
}

.solar-text-contnet h4 {
    font-size: 150px;
    -webkit-text-stroke-width: 2px;
    color: transparent;
    -webkit-text-stroke-color: #Fff;
    text-transform: uppercase;
}


/*---================================================
   <!--Echofy Strat Skill Area Home Four Css-->
===================================================---*/
.home-four.skill-area {
    background: url(../images/home4/skill-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 106px 0 93px;
}

.home-four .skill {
    margin-bottom: 10px;
    position: relative;
    overflow-x: hidden;
}

.home-four .skill > p {
    font-size: 15px;
    font-weight: 700;
    color: #1a1716;
    margin: 0;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.home-four .skill:before {
    width: 93%;
    height: 6px;
    content: "";
    display: block;
    position: absolute;
    background: #EEEEEE;
    bottom: 20px;
}

.home-four .skill-bar {
    width: 74%;
    height: 6px;
    background: #48AF45;
    display: block;
    position: relative;
}

.home-four .skill-bar span {
    font-size: 15px;
    /* padding: 3px 0; */
    font-weight: 700;
    float: right;
    top: -35px;
    position: relative;
    color: #001819;
}

.home-four .skill-bar {
    position: relative;
  
}

.home-four .skill1 .skill-count1 {
    right: 0;
}

/* SKILL 2 */
.home-four .skill2 {
    width: 65%;
}

.home-four .skill2 .skill-count2 {
    right: 0;
}


/*---================================================
   <!--Echofy Strat Testimonial Area Home Four Css-->
===================================================---*/

.home-four.testimonial-area {
    background: url(../images/home4/testi-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 120px 0 215px;
}

.home-four .testi-thumb {
    position: relative;
    left: 36px;
}

.home-four .testi-content {
    background: #fff;
    display: inline-block;
    padding: 13px 30px;
    position: absolute;
    bottom: 0px;
    left: 0;
}

.home-four .testi-content h4 {
    font-size: 36px;
    display: inline-block;
}

.home-four .testi-content span {
    font-size: 36px;
    display: inline-block;
    color: #001819;
    font-weight: 700;
}

.home-four p.testi-text {
    text-align: right;
    background: #fff;
    font-size: 20px;
    color: #001819;
    font-weight: 500;
    font-style: italic;
    width: 78%;
    padding: 15px 48px 21px 0;
    margin: 0;
}

.home-four .testi-coustomar-text p {
    font-size: 20px;
    font-weight: 500;
    font-style: italic;
    width: 89%;
    line-height: 32px;
    margin: 23px 0 0;
}

.home-four .testi-coustomar-raing ul li {
    display: inline-block;
    color: #E7AB49;
    font-size: 11px;
    float: right;
    position: relative;
    left: -87px;
    margin-right: 5px;
    top: -11px;
}

.home-four .testi-author {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 21px;
}

.home-four .testi-author-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 4px;
}

.home-four .testi-author-content p {
    color: #49af45;
    margin: 0;
}



/*---=====================================================
   <!--Echofy Strat Info Area Home Four Css-->
=========================================================---*/

.home-four.info-area .row.nariye-abu {
    filter: drop-shadow(0 0 7.5px rgba(0,0,0,0.15));
    background: #fff;
    margin: -92px 0 0;
    position: relative;
    z-index: 1;
}

.home-four .info-thumb{
    position: relative;
}

.home-four .info-thumb img {
    width: 100%;
    position: relative;
    left: -12px;
}

.home-four .info-shape {
    position: absolute;
    right: -43px;
    top: 43px;
}

.home-four .info-content {
    margin-left: 30px;
}

.home-four .info-content h4 {
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 4px;
}

.home-four .info-content span {
    display: inline-block;
    color: #49AF45;
}

.home-four .info-content p {
    margin: 0;
}


/*---=====================================================
   <!--Echofy Strat Blog Area Home Four Css-->
=========================================================---*/
.home-four .blog-content {
    border: 1px solid rgba(0,24,25,0.1);
    padding: 27px 32px 21px;
}

.home-four .single-blog-box {
    margin-bottom: 20px;
    position: relative;
}

.home-four .blog-category span {
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 29px;
    left: 23px;
    color: #49AF45;
    padding: 4px 16px;
    border-radius: 3px;
    font-weight: 500;
}

.home-four .meta-blog {
    margin-bottom: 7px;
}

.home-four .meta-blog i {
    display: inline-block;
    color: #49af45;
    font-size: 15px;
    margin-right: 7px;
}

.home-four a.blog-button {
    display: inline-block;
    font-size: 16px;
    color: #001819;
    font-weight: 500;
    margin-top: 12px;
    transition: 0.5s;
}

.home-four a.blog-button:hover{
    color:#49AF45;
}

.home-four a.blog-button i {
    font-size: 19px;
    position: relative;
    top: 3px;
    transition: 0.5s;
}

.home-four a.blog-button:hover i{
    color:#49AF45;
}


/*---=====================================================
   <!--Echofy Strat Call-Do-Action Area Home Four Css-->
=========================================================---*/
.home-four.call-do-action-area {
   background: url(../images/home4/call-do-action-bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   padding: 100px 0 100px;
}

.home-four .call-do-action-content h4 {
    font-size: 46px;
    color: #fff;
    margin: 0;
    font-weight: 600;
}

.home-four.call-do-action-area .style-three.echofy-button {
    display: inline-block;
    margin: 0;
    float: right;
}

.home-four.call-do-action-area .style-three.echofy-button a {
    display: inline-block;
    background: #00181A;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    padding: 15px 31px;
    border-radius: 0;
    transition: 0.5s;
}

.home-four.call-do-action-area .style-three.echofy-button a:hover{
    color: #00181A;
}


/*---=====================================================
   <!--Echofy Strat Footer Area Home Four Css-->
=========================================================---*/
.home-four.footer-area {
    background: url(../images/home4/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 100px 0 0;
}

.home-four.footer-area .row.pagla {
    border-bottom: 1px solid #ffffff2e;
    padding-bottom: 48px;
    margin-bottom: 84px;
}

.home-four .footer-widget-title h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 40px;
}

.home-four .footer-widget-menu-list ul li {
    display: inline-block;
    float: right;
    margin-left: 31px;
}

.home-four .footer-widget-menu-list ul li a {
    display: inline-block;
    color: #fff;
    font-weight: 500;
}

.home-four .footer-widget-info p {
    color: #fff;
    text-transform: capitalize;
}

.home-four .footer-widget-social-info ul li {
    display: inline-block;
}

.home-four .footer-widget-social-info ul li i {
    display: inline-block;
    color: #ffff;
    font-size: 14px;
    margin-right: 14px;
    transition: 0.5s;
}

.home-four .footer-widget-social-info ul li i:hover{
    color: #49AE44;
}

.home-four .footer-widget-contact ul li {
    color: #fff;
    font-weight: 500;
}

.home-four .footer-widget-Instagram a {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 8px;
}

.home-four .footer-widget-subscribe p {
    color: #fff;
    width: 80%;
}

.home-four .footer-widget-input-box input {
    background: #14212A;
    border: transparent;
    padding: 0 16px;
    height: 43px;
    color: #fff;
    outline: 0;
    width: 73%;
    border-radius: 5px;
}

.home-four .footer-widget-input-box input::placeholder{
    color: #fff;
    font-size: 15px;
    opacity: 0.7
}

.footer-widget-input-box button {
    background: #49AF45;
    border: transparent;
    color: #fff;
    height: 44px;
    width: 45px;
    border-radius: 0 3px 3px 0;
    position: relative;
    left: -8px;
}

.home-four .footer-bottom-area {
    padding: 31px 0 11px;
    border-top: 1px solid #ffffff36;
    margin-top: 94px;
}



/*---==================================================================================
   <!--Echofy Strat Home Five Css-->
========================================================================================---*/

.home-five .top-header-menu ul li {
    display: inline-block;
}

.home-five .top-header-menu ul li a {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-left: 22px;
}

.home-five .header-menu ul li:last-child {
    margin-right: 22px;
}

.home-five .header-button a {
    padding: 17px 37px;
    text-transform: uppercase;
}

.home-five .header-button i {
    position: relative;
    left: 7px;
    top: 0;
    color: #fff;
    display: inline-block;
}





/*---=====================================================
   <!--Echofy Strat Hero Area Home Five Css-->
=========================================================---*/

.home-five.hero-area {
    background: url(../images/home5/hero-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 950px;
    padding-top: 125px;
    position: relative;
    padding-bottom: 123px;
}

.home-five.hero-area.style-two {
  background: url(../images/home5/hero-bg-2.jpg);
}


.home-five .hero-content h4 {
    color: #4baf47;
    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;
}

.home-five .hero-content h1 {
    font-size: 60px;
    line-height: 60px;
}

.home-five .hero-content p {
    opacity: 0.800;
    font-size: 18px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    width: 49%;
    margin: 24px 0 6px;
}

.home-five .hero-info {
    position: absolute;
    left: -176px;
    top: 53%;
    transform: rotate(-90deg);
}

.home-five .hero-info ul li {
    display: inline-block;
    color: #fff;
    opacity: 0.7;
    margin-right: 26px;
    font-size: 17px;
}

.home-five .hero-info ul li i {
    display: inline-block;
    color: #49AF45;
    margin-right: 14px;
    font-size: 14px;
}

.slider-counter {
    position: relative;
    left: 58%;
    bottom: 135px;
    color: #fff;
    z-index: 1;
    font-weight: 500;
}

.slider-counter:before {
    position: absolute;
    content: "";
    width: 91px;
    height: 1px;
    top: 13px;
    left: -113px;
    background: #ffffff85;
}

.hero-slide-five .owl-dots {
    position: relative;
    left: 40%;
    bottom: 60px;
    background: #00181A;
    width: 24%;
    text-align: left;
    padding: 49px 92px;
    border-radius: 5px;
    z-index: 999;
}

.hero-slide-five .owl-dot {
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 16px;
}

.hero-slide-five .owl-dot.active {
    background: #49AF45;
    width: 8px;
    height: 8px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 16px;
    position: relative;
}

.hero-slide-five .owl-dot.active:before {
    position: absolute;
    content: "";
    width: 22px;
    height: 22px;
    top: -7px;
    left: -7px;
    border: 1px solid #49AF45;
    border-radius: 50%;
}

/*button-style*/
.style-four.echofy-button{
    border-radius: 5px;
}

.style-four.echofy-button a {
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 0px;
}

.style-four.echofy-button i {
    color: #fff;
    display: inline-block;
    position: relative;
    left: 9px;
    transition: 0.5s;
}

.style-four.echofy-button a:hover i{
    color:#49AF45;
}


/*---=====================================================
   <!--Echofy Strat Video Area Home Five Css-->
=========================================================---*/
.home-five.video-area {
    margin-top: -336px;
    position: relative;
    z-index: 1;
    width: 24%;
    left: 282px;
    top: 0;
}

.home-five .single-video-box {
    background: url(../images/home5/video-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 100px 0 100px;
    text-align: center;
    position: relative;
    border-radius: 5px;
}

.home-five .video-content span {
    display: inline-block;
    font-size: 22px;
    color: #fff;
    font-weight: 600;
}

.home-five .video-content i {
    display: inline-block;
    background: #49AE44;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    font-size: 22px;
    margin-left: 33px;
}


/*---=====================================================
   <!--Echofy Strat Animal Area Home Five Css-->
=========================================================---*/
.home-five.animal-area {
    background: #F5F5F5;
    padding: 187px 0 124px;
    margin-top: -64px;
}

.home-five .single-animal-box {
    background: #E6E7E9;
    text-align: center;
    padding: 41px 0 37px;
    border-radius: 5px;
    position: relative;
}

.home-five .single-animal-box:before{
    position: absolute;
    content: "";
    width:100%;
    height: 0;
    left: 0;
    top: 0;
    background:url(../images/home5/animal-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    transition: 0.5s;
    border-radius: 5px;
}
.single-animal-box.active:before{
  height:100%;
}

.home-five .animal-icon {
    background: #fff;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    border-radius: 50%;
    margin: auto;
}

.home-five .animal-content h4 {
    font-size: 22px;
    margin-top: 15px;
}

.home-five .animal-link-icon a {
    background: #fff;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 23px;
    color: #49AF45;
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 78px;
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    transition: 0.5s;
}

.home-five .single-animal-box.active .animal-link-icon a{
   top: 39%;
   opacity: 1;
   visibility: visible;
}



/*---=====================================================
   <!--Echofy Strat About Area Home Five Css-->
=========================================================---*/
.home-five.about-area {
    background: transparent;
    position: relative;
    padding: 124px 0 111px;
}

.home-five.about-area .section-title.left {
    margin-bottom: 24px;
}

.home-five .about-thumb {
    position: relative;
    left: 0;
}

.home-five .single-about-box {
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    border: 7px solid #49AF45;
    border-radius: 5px;
    padding: 28px 38px 38px;
    background: #fff;
    position: absolute;
    right: 73px;
    bottom: 0;
}

.home-five .about-content h4 {
    font-size: 18px;
    font-weight: 500;
    margin: 24px 0 7px;
}

.home-five .about-content span {
    display: inline-block;
    color: #49AF45;
    font-weight: 500;
    padding-bottom: 14px;
}

.home-five a.about-button {
    display: inherit;
    color: #001819;
    font-weight: 600;
    font-size: 15px;
}

.home-five a.about-button i {
    display: inline-block;
    color: #49AF45;
    position: relative;
    left: 6px;
    top: 1px;
}

.home-five .about-text h4 {
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 24px;
}

.home-five .about-item-text {
    padding-bottom: 25px;
}

.home-five .about-item-text img {
    margin-right: 12px;
    position: relative;
    top: -1px;
}

.home-five .about-item-text h4 {
    font-size: 17px;
    font-weight: 600;
}

.home-five p.about-desc {
    margin-top: 10px;
    margin-bottom: 8px;
}

.home-five.about-area .echofy-button {
    margin-top: 0;
}

.home-five .about-contact-box {
    display: flex;
    align-items: center;
    gap: 21px;
    margin-top: 48px;
}

.home-five .about-contact-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

.home-five .about-contact-info-icon i {
    display: inline-block;
    color: #49AF45;
    border: 1px solid #49AF45;
    width: 54px;
    height: 54px;
    text-align: center;
    line-height: 54px;
    border-radius: 50%;
}

.home-five .about-contact-title p {
    margin: 0;
}

.home-five .about-contact-title span {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #001819;
}

.home-five .about-shape {
    position: absolute;
    left: 0;
    top: 72px;
}


/*home Five Section Title*/

.home-five .section-title.left h4 {
    text-transform: uppercase;
    color: #49af45;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 18px;
}

.home-five .section-title.left h1 {
    font-size: 46px;
    font-weight: 800;
    line-height: 44px;
}

.home-five p.section-desc {
    width: 96%;
    margin: 20px 0 0;
}

.section-title.center h4 {
    text-transform: uppercase;
    color: #49af45;
    font-weight:600;
    font-size: 16px;
    margin-bottom: 18px;
}

.home-five .section-title.center h1 {
    font-size: 46px;
    font-weight: 800;
    line-height: 44px;
}


/*---=====================================================
   <!--Echofy Strat Gallery Area Home Five Css-->
=========================================================---*/

.home-five.gallery-area {
    padding: 0 0 0px;
}

.home-five.gallery-area .section-title.left {
    margin-bottom: 62px;
}

.home-five.gallery-area .style-four.echofy-button {
    float: right;
    margin-top: 50px;
}

.home-five .gallery-box {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.home-five .gallery-box:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #010d0e;
    opacity: 0;
    transition: 0.5s;
}

.home-five .gallery-box:hover:before{
    opacity: 0.4;
}

.home-five .gallery-thumb img {
    width: 100%;
}

.home-five .gallery-content {
    position: absolute;
    bottom: -74px;
    left: 0;
    right: 0;
    transition: 0.5s;
}

.home-five .gallery-box:hover .gallery-content{
    bottom: 27px;
}

.home-five .gallery-content h4 {
    font-size: 22px;
    color: #fff;
    margin: 0 0 3px;
}

.home-five .gallery-content p {
    font-size: 16px;
    color: #fff;
    margin: 0;
    opacity: 0.8;
}

/*---=====================================================
   <!--Echofy Strat Contact info Area Home Five Css-->
=========================================================---*/
.home-five.contact-info-area {
    background-color: #001819;
    padding: 53px 0 62px;
}

.home-five.contact-info-area .echofy-button {
    margin-top: 0;
}

.home-five .contact-info-title h4 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.home-five .contact-info-title h1 {
    font-size: 26px;
    color: #fff;
    margin-top: 18px;
}

.home-five .contact-info-box {
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;
    padding-left: 39px;
}

.home-five .contact-info-box:before {
    position: absolute;
    content: "";
    width: 1px;
    height: 85px;
    left: -53px;
    top: -10px;
    background: #fff3;
}

.home-five .contact-info-box:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 85px;
    right: 77px;
    top: -10px;
    background: #fff3;
}

.home-five .contact-info-title p {
    color: #fff;
    margin: 0 0 0;
}

.home-five .contact-info-title h4 {
    font-size: 20px;
    font-weight: 600;
}



/*---=====================================================
   <!--Echofy Strat Event Area Home Five Css-->
=========================================================---*/
.home-five.event-area {
    padding: 100px 0 100px;
}

.home-five .single-event {
    background-color: #e9ebea;
    padding: 13px 13px 39px;
    border-radius: 10px;
    overflow: hidden;
    height: 257px;
    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: #49AF45;
    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: #49AF45;
}

.home-five .event-desc-box {
    padding: 27px 51px 0 237px;
    transition: 0.5s;
    position: relative;
    opacity: 0;
    transition: 0.5s;
}

.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: #49AF45;
}

/* Home Five Tab */
.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: #49AE45 !important;
    padding: 24px 106px;
    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;
}

.home-five .single-event-button {
    margin-top: 48px;
    display: inline-block;
    margin-right: 20px;
}

.home-five .single-event-button a {
    background: #00181A;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    padding: 20px 28px;
    border-radius: 5px;
}

.home-five .single-event-button i{
   position: relative;
   left: 10px;
}

.home-five .single-event-button.two a {
    background: #49AF45;
}



/*---=====================================================
   <!--Echofy Strat Donation Area Home Five Css-->
=========================================================---*/
.home-five.donation-area {
    background-color: #E9EBEA;
    padding: 125px 0 125px;
}

.home-five.donation-area .section-title.left h1 {
    color: #fff;
}

.home-five.donation-area p.section-desc {
    width: 80%;
    margin: 20px 0 0;
    color: #fff;
    opacity: 0.8;
}

.home-five .single-donation-box {
    margin: 0 0;
    background: url(../images/home5/donate-thumb-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 100px 73px 112px;
    border-radius: 10px;
}

.home-five .donation-list ul li{
    display: inline-block;
    margin-right: 10px;
}

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

.home-five .donation-list ul li a:hover{
    background: transparent;
    border: 2px solid #49AF45;
    color: #49AF45;
}

.home-five .donation-right {
    background: url(../images/home5/donate-thumb-2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 215px 38px 203px;
    border-radius: 10px;
}

.home-five .donation-right-content h4 {
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 8px;
}

.home-five .donation-right-content h1 {
    font-size: 36px;
    color: #fff;
    margin: 0;
}



/*---=====================================================
   <!--Echofy Strat Testimonial Area Home Five Css-->
=========================================================---*/
.home-five.testimonial-area {
    background: #fff;
    padding: 111px 0 120px;
}

.home-five .single-testimonial-box {
    filter: drop-shadow(0px 10px 30px rgba(179,179,179,0.2));
    background-color: #ffffff;
    border-radius: 5px;
    padding: 34px 33px 32px 58px;
    position: relative;
    margin: 66px 10px;
    margin-bottom: 26px;
}

.home-five .single-testimonial-box:before {
    position: absolute;
    content: "";
    width: 64px;
    height: 34px;
    left: 1px;
    bottom: -34px;
    background: #fff;
    clip-path: polygon(0% 0%, -100% 100%, 100% -105%, 0% 100%);
}

.home-five .testimonial-content p {
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    color: #868681;
    position: relative;
    z-index: 1;
}

.home-five .testimonial-content p:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: -35px;
    top: 8px;
    background: url(../images/home5/testi-desc-shape.png);
    background-repeat: no-repeat;
    z-index: -1;
}

.home-five .testi-rating ul li {
    display: inline-block;
    color: #FCBB00;
}

.home-five .testi-quote {
    float: right;
    transform: translate(-19px, -32px);
}

.home-five .testi-author {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-left: 50px;
}

.home-five .testi-content p {
    margin-bottom: 5px;
}

.home-five .testi-content h4 {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}


/*---=====================================================
   <!--Echofy Strat Video Area Home Five Css-->
=========================================================---*/
.home-five.animal-video-area {
   background: url(../images/home5/animal-video-bg.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center center;
   padding: 100px 0 100px;
}

.home-five.animal-video-area .section-title.left h1 {
    color: #fff;
}

.home-five.animal-video-area .echofy-button {
    margin-top: 0;
}

.home-five .animal-video-button {
    position: relative;
    z-index: 1;
    text-align: center;
    margin: auto;
    display: inline-block;
}

.home-five .animal-video-button:after {
    position: absolute;
    content: "";
    width: 101px;
    height: 101px;
    left: -14px;
    top: -12px;
    background-color: rgba(0,24,25,0.8);
    border-radius: 50%;
    z-index: -1;
}

.home-five .animal-video-button i {
    display: inline-block;
    background: #49AE44;
    color: #fff;
    width: 75px;
    height: 75px;
    text-align: center;
    font-size: 38px;
    border-radius: 50%;
    line-height: 78px;
    position: relative;
}

/*---=====================================================
   <!--Echofy Strat Blog Area Home Five Css-->
=========================================================---*/

.home-five.blog-area {
    padding: 113px 0 47px;
}

.home-five .blog-content {
    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;
}

.home-five .meta-blog {
    padding-bottom: 12px;
}

.home-five .meta-blog span {
    display: inline-block;
    color: #868681;
    font-weight: 500;
    margin-right: 29px;
}

.home-five .meta-blog i {
    font-size: 14px;
    color: #49af45;
    margin-right: 7px;
}

.home-five .blog-content a {
    font-size: 22px;
    display: inline-block;
    font-weight: 700;
}

.home-five .blog-button a {
    display: inline-block;
    color: #001819;
    font-size: 16px !important;
    background: #E9EBEA;
    padding: 7px 26px;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 30px;
    transition: 0.5s;
}

.home-five .blog-button a:hover{
    background: #49AF45;
    color: #fff;
}

.home-five .blog-button i {
    font-size: 25px;
    display: inline-block;
    transition: 0.5s;
    position: relative;
    top: 5px;
    transform: rotate(-45deg);
}

.home-five .blog-button a:hover i{
    color: #fff;
}

/*---=====================================================
   <!--Echofy Strat Footer Area Home Five Css-->
=========================================================---*/
.home-five.footer-area {
    background: #00181A;
    padding: 122px 0 111px;
}

.home-five.footer-area .row.border-add {
    padding-bottom: 145px;
    position: relative;
}

.home-five.footer-area .row.border-add:after {
    position: absolute;
    content: "";
    width: 93%;
    height: 1px;
    left: 13px;
    bottom: 84px;
    background: #ffffff47;
}

.home-five .footer-contact-info {
    display: flex;
    align-items: center;
    gap: 20px;
}

.home-five .footer-contat-info-icon i {
    display: inline-block;
    background: #14292A;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border-radius: 50%;
    color: #fff;
}

.home-five .footer-contact-content p {
    margin: 0 0 5px;
    color: #fff;
    opacity: 0.7;
}

.home-five .footer-contact-content h4 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 0;
}

.home-five p.footer-desc {
    margin: 44px 0 0;
    color: #fff;
    opacity: 0.6;
    width: 90%;
}

.home-five .footer-widget-title h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 35px;
}

.home-five .footer-widget-menu ul li a {
    display: inline-block;
    color: #fff;
    opacity: 1;
    font-weight: 500;
    line-height: 40px;
    font-size: 16px;
    transition: 0.5s;
    position: relative;
}

.home-five .footer-widget-menu ul li a:hover{
    color:#49AF45;
}

.home-five .footer-widget-menu ul li a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 2px;
    left: 0;
    bottom: 6px;
    background: #49AF45;
    transition: 0.5s;
}

.home-five .footer-widget-menu ul li a:hover:before{
    width: 100%;
}

.home-five .footer-social-icon {
    text-align: left;
    margin-top: 35px;
}

.home-five .footer-social-icon ul li i {
    display: inline-block;
    font-size: 14px;
    border: transparent;
    background: #0E2326;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    margin: 0 3px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.home-five .footer-social-icon ul li i:hover{
    color:#fff;
}

.home-five .footer-social-icon ul li i:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #49AF45 !important;
    border-radius: 50%;
    z-index: -1;
    transform: scale(0);
    transition: 0.5s;
}

.home-five .footer-social-icon ul li i:hover:after{
    transform:scale(1);
}


.home-five .footer-widget-gallery a img {
    margin: 5px 2px;
}

/*footer-bottom-area*/

.footer-bottom.home-five {
    background-color: #031f20 !important;
    padding: 20px 0;
}

.home-five .footer-bottom-content p {
    margin: 0;
    font-size: 17px;
    color: #fff;
}

.home-five .footer-bottom-content ul li a {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    transition: 0.5s;
    font-size: 17px;
}

.home-five .footer-bottom-content ul li {
    display: inline-block;
    margin: 0 15px;
}




/*---=====================================================
   <!--Echofy Strat Breadcumb Area Css-->
=========================================================---*/

.breadcumb-area {
    background: url(../img/breadcumb-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 272px 0 143px;
}

.breadcumb-title h4 {
    font-size: 46px;
    font-weight: 800;
    color: #ffff;
    padding-bottom: 13px;
}

.breadcumb-content ul li {
    display: inline-block;
    margin: 0 19px;
    color:#fff;
}

.breadcumb-content ul li.khela-hbe {
    opacity: 0.7;
    position: relative;
}

.breadcumb-content ul li.khela-hbe:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 2px;
    left: -30px;
    top: 13px;
    background: #fff;
}

.breadcumb-content ul li a {
    display: inline-block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    position: relative;
}

.breadcumb-content ul li a:before {
    position: absolute;
    content: "";
    width: 17px;
    height: 2px;
    right: -30px;
    top: 13px;
    background: #fff;
}

.breadcumb-content ul li img {
    position: relative;
    top: -2px;
    padding-right: 6px;
}



/*all-inner-pages-add-inner-class-css*/

.team-area.inner {
    margin-top: 0;
    padding: 108px 0 125px;
    background: #F6F6EE;
}

/*services-area Inner Pages*/
.service-area.inner {
    padding: 111px 0 102px;
}

.service-area.inner .section-title.center {
    margin-bottom: 62px;
}

.service-area.inner .single-service-box {
    padding: 0;
    padding-bottom: 23px;
}

/*Project-area Inner Pages*/
.project-area.inner {
    margin-top: 0;
    background: #F6F6EE;
    padding: 112px 0 97px;
}

.project-area.inner .section-title.center {
    margin-bottom: 63px;
}

.project-area.inner .single-project-box {
    margin-right: 0;
    margin-bottom: 24px;
}

/*donation Area Inner pages*/

.donation-area.inner {
    padding: 112px 0 103px;
    background: #F6F6EE;
}

.donation-area.inner .section-title.center {
    margin-bottom: 62px;
}

.donation-area.inner .single-donation-box {
    margin: 0 0 24px;
}

/*Testimonial Area Inner */

.testimonial-area.inner {
    padding: 111px 0 99px;
    background:#F6F6EE;
}

.testimonial-area.inner .section-title.center {
    margin-bottom: 62px;
}

.testimonial-area.inner .single-testimonial-box {
    margin: 0;
    margin-bottom: 24px;
}
/*faqs Area Inner css*/
.faqs-area.inner {
    padding: 110px 0 124px;
}



/*---=====================================================
   <!--Echofy Strat Services Details Area Css-->
=========================================================---*/

.services-details-area {
    padding: 100px 0 100px;
}

.services-details-thumb img {
    width: 100%;
}

.services-details-content {
    padding-top: 18px;
}

h4.services-details-title {
    font-size: 36px;
    margin-bottom: 10px;
}

p.services-details-desc {
    font-size: 17px;
    margin-top: 24px;
}

.service-details-icon-box {
    display: flex;
    background: #F6F6EE;
    padding: 32px 27px 18px;
    gap: 28px;
    margin-top: 27px;
}

.service-details-box-content h4 {
    font-size: 22px;
    font-weight: 600;
    margin: 0 0 11px;
}

.services-details-text {
    background: #49AE44;
    display: flex;
    align-items: center;
    padding: 32px 39px;
    gap: 65px;
    border-radius: 5px;
    margin-top: 55px;
    margin-bottom: 41px;
}

.service-details-text-icon {
   position: relative;
}

.service-details-text-icon:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 49px;
    right: -29px;
    top: 1px;
    background: #f6f6ee61;
}

.service-details-text-content p {
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    font-style: italic;
    width: 90%;
    margin: 0;
}

.services-details-area .single-benifits-box {
    margin-top: 22px;
}

.services-details-area .benifits-thumb img {
    width: 100%;
}

.services-details-area .benifits-content {
    border-radius: 5px;
    filter: drop-shadow(0px 5px 30px rgba(117,117,117,0.1));
    background-color: #ffffff;
    padding: 30px 31px 23px;
    width: 92%;
    margin: auto;
    margin-top: -28px;
}

.services-details-area .benifits-content h4 {
    font-size: 22px;
    margin: 0;
    margin-bottom: 14px;
    font-weight: 500;
}

.services-details-area .benifits-content ul li {
    line-height: 32px;
}

.services-details-area .benifits-content ul li i {
    display: inline-block;
    color: #49AF45;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-right: 8px;
}

/*widget-sidber css*/

.widget-sidber {
    border-radius: 5px;
    background-color: #f7f6ee;
    padding: 32px 41px 29px;
    margin-bottom: 27px;
}

.widget-sidber-content h4 {
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 46px;
    position: relative;
}

.widget-sidber-content h4:before {
    position: absolute;
    content: "";
    width: 29px;
    height: 2px;
    left: 0;
    bottom: -8px;
    background: #49AF45;
}

.widget-category ul li img {
    margin-right: 12px;
    transition: 0.5s;
}

.widget-category ul li a:hover img{
    filter: brightness(0) invert(1);
}

.widget-category ul li a {
    background: #ffff;
    padding: 14px 26px;
    width: 100%;
    display: inline-block;
    margin-bottom: 14px;
    color: #001819;
    font-weight: 500;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.widget-category ul li a:hover{
    color:#fff;
}

.widget-category ul li a:before{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    background: #49AF45;
    z-index: -1;
    border-radius: 5px;
    transition: 0.5s;
}

.widget-category ul li a:hover:before{
    width: 100%;
    left: 0;
}

.widget-category ul li i {
    color: black;
    display: inline-block;
    float: right;
    font-size: 17px;
    opacity: 0;
    transition: 0.5s;
}

.widget-category ul li a:hover i{
   opacity: 1;
   color: #fff;
}

.widget-sidber-download-button a {
    display: inline-block;
    background: #00181A;
    width: 100%;
    color: #fff;
    padding: 15px 23px;
    border-radius: 5px;
    margin-bottom: 18px;
}

.widget-sidber-download-button a.active {
   background: #49AF45;
} 

.widget-sidber-download-button i {
    color: #49AE44;
    display: inline-block;
    font-size: 22px;
    margin-right: 9px;
    position: relative;
    top: 3px;
}

.widget-sidber-download-button a.active i{
    color:#fff;
}


.widget-sidber-download-button span i {
    float: right;
    display: inline-block;
    font-size: 16px;
}

.widget-sidber-download-button a.active span i{
    color:#fff;
}




/*---=====================================================
   <!--Echofy Strat Project Details Area Css-->
=========================================================---*/

.project-details-area {
    padding: 100px 0 100px;
}

.project-details-content {
    margin-top: 35px;
}

.project-details-thumb img {
    width: 100%;
}

.project-details-content h4 {
    font-size: 36px;
    margin-bottom: 17px;
}

p.project-details-desc {
    font-size: 17px;
    margin-bottom: 27px;
}

.project-details-content h3 {
    font-size: 28px;
    margin-bottom: 20px;
    margin-top: 54px;
}

.project-details-item-images img {
    width: 100%;
}

.project-details-list-item h4 {
    font-size: 28px;
}

.project-details-list-item ul li i {
    display: inline-block;
    color: #49AF45;
    font-size: 19px;
    margin-right: 11px;
    position: relative;
    top: 2px;
}

.project-details-list-item ul li {
    font-size: 17px;
    line-height: 39px;
}

a.project-details-text {
    display: inline-block;
    font-size: 28px;
    line-height: 38px;
    color: #49af45;
    font-weight: 600;
    margin-top: 50px;
    margin-bottom: 19px;
}

.project-details-right {
    background: #F6F6EE;
    padding: 29px 41px 30px;
    border-radius: 5px;
    margin-top: 50px;
}

.project-details-info {
    border-bottom: 1px solid #86868152;
    padding-bottom: 10px;
    padding-top: 9px;
}

.project-details-info:last-child{
    border-bottom: transparent;
}

.project-details-info p {
    margin-bottom: 0;
}

.project-details-info h6 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 6px;
}




/*---=====================================================
   <!--Echofy Strat Blog Details Area Css-->
=========================================================---*/
.blog-details-area {
    padding: 100px 0 100px;
}

.blog-details-thumb{
    overflow: hidden;
}

.blog-details-thumb img {
    width: 100%;
    transition: 0.5s;
}

.blog-details-thumb img:hover{
    transform: scale(1.2) skew(-10deg);
}

.blog-details-content {
    padding: 27px 36px 20px;
    border: 1px solid #2222;
}

.blog-details-area .meta-blog span {
    display: inline-block;
    margin-right: 28px;
    font-weight: 500;
}

.blog-details-area span.mate-text {
    padding-left: 36px;
    position: relative;
}

.blog-details-area span.mate-text:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 5px;
    top: 11px;
    background: #49AF45;
}

.blog-details-area .meta-blog i {
    display: inline-block;
    color: #49AF45;
    padding-right: 9px;
}

.blog-details-area .meta-blog img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}

h4.blog-details-title {
    font-size: 32px;
    margin: 12px 0 19px;
}

p.blog-details-desc {
    font-size: 17px;
    margin-bottom: 25px;
}

.blog-details-author-talk {
    display: flex;
    gap: 26px;
    background: #F7F6EE;
    padding: 41px 51px 40px;
    margin-top: 48px;
}

.blog-details-quote img {
    position: relative;
    top: 8px;
}

.blog-details-author-title p {
    font-size: 20px;
    font-style: italic;
    line-height: 30px;
    color: #001819;
}

.blog-details-quote img {
    position: relative;
    top: 8px;
    color: #001819;
}

.blog-details-author-title span {
    margin-left: 58px;
    display: inline-block;
    color: #001819;
    position: relative;
}

.blog-details-author-title span:before {
    position: absolute;
    content: "";
    width: 50px;
    height: 2px;
    left: -58px;
    top: 12px;
    background: #49AF45;
}

h3.blog-details-title {
    font-size: 28px;
    margin: 54px 0 16px;
}

p.blog-details-desc.two {
    width: 95%;
}

.blog-details-list-item {
    margin-bottom: 40px;
}

.blog-details-list-item ul li {
    margin-bottom: 10px;
    font-size: 17px;
}

.blog-details-list-item ul li i {
    display: inline-block;
    color: #49AF45;
    font-size: 18px;
    margin-right: 16px;
}

h3.blog-details-title.two {
    font-size: 28px;
    margin: 38px 0 16px;
}

p.blog-details-desc.three {
    width: 100%;
}

.blog-details-socila-box {
    border: 1px solid #2222;
    border-top: transparent;
    padding: 19px 35px 18px;
    border-radius: 0 0 5px 5px;
}

.blog-details-category span a {
    display: inline-block;
    background: #F6F6EE;
    padding: 6px 16px;
    font-weight: 500;
    color: #001819;
    border-radius: 3px;
    margin-right: 7px;
    transition: 0.5s;
}

.blog-details-category span a:hover{
    background:#49AF45;
    color:#fff;
}

.blog-details-category span a.active-class {
    background:#49AF45;
    color:#fff;
}

.blog-details-social-icon {
    text-align: right;
}

.blog-details-social-icon ul li {
    display: inline-block;
}

.blog-details-social-icon ul li i {
    display: inline-block;
    background: #1974E9;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 13px;
    margin-left: 5px;
}

.blog-details-social-icon ul li:nth-child(2) i{
    background: #00AAE8;
}

.blog-details-social-icon ul li:nth-child(3) i{
    background: #016EAF;
}

.blog-details-social-icon ul li:nth-child(4) i{
    background: #B7071C;
}

.blog-details-post {
    margin-top: 40px;
}

.blog-post-box {
    display: flex;
    background: #f8f6f3;
    align-items: center;
    padding: 84px 21px 31px 43px;
    gap: 23px;
    margin: 0 13px;
}

.blog-post-box.style-two {
    text-align: right;
    padding: 85px 49px 31px 21px;
}

.blog-post-content a {
    display: inline-block;
    font-size: 20px;
    line-height: 26px;
    color: #001819;
    font-weight: 600;
    transition: 0.5s;
}

.blog-post-content a:hover{
    color:#49AE44;
}

.blog-post-content p {
    font-size: 14px;
    margin: 0;
    color:#49AE44;
}

.blog-details-post .owl-nav {
    position: relative;
}

.blog-details-post .owl-prev {
    position: absolute;
    top: -159px;
    left: 54px;
    font-size: 18px !important;
    color: #001819;
    font-weight: 500;
}

.blog-details-post .owl-prev i {
    color: #49AF45;
    display: inline-block;
    font-size: 13px;
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.blog-details-post .owl-next {
    position: absolute;
    top: -159px;
    right: 54px;
    font-size: 18px;
    color:#001819;
    font-weight: 500;
}

.blog-details-post .owl-next i {
    color: #49AF45;
    display: inline-block;
    font-size: 13px;
    margin-left: 5px;
}

.blog-details-post .owl-next i:hover{
    background: transparent;
}


/* Comment CSS */

.single-comment-area {
    background: #F6F6EE;
    padding: 49px 41px 56px;
    margin-top: 61px;
    border-radius: 5px;
}

.blog-details-comment-title h4 {
    font-size: 28px;
    margin: 0 0 28px;
}

.blog-details-comment {
    margin-bottom: 19px;
    position: relative;
    border: 1px solid #22222214;
    padding: 29px 29px 25px;
}

.blog-details-comment.style-two {
    margin-left: 105px;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 30px;
}

.blog-details-comment-content {
    overflow: hidden;
}

.blog-details-comment-content h2 {
    font-size: 20px;
    margin-top: 0;
    display: inline-block;
    font-weight: 700;
    margin-right: 30px;
}

.blog-details-comment-content p {
    font-size: 15px;
    margin: 13px 0 0;
}

.blog-details-comment-reply {
    position: absolute;
    right: 22px;
    top: 21px;
}

.blog-details-comment-reply a {
    background: #49AF45;
    padding: 3px 20px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    border-radius: 2px;
    display: inline-block;
}

.blog-details-comment.reply {
    margin-left: 70px;
    padding-top: 35px;
    border-top: 2px solid rgba(255,255,255,0.2);
}

.blog-details-contact-title h4 {
    font-size: 23px;
    font-weight: 600;
    padding-bottom: 31px;
}

.blog-details-area .contact-input-box input {
    background: #fff;
    border: transparent;
    width: 100%;
    height: 60px;
    padding: 22px;
    outline: 0;
    margin-bottom: 11px;
}

.blog-details-area .contact-input-box textarea {
    background: #fff;
    border: transparent;
    width: 100%;
    height: 170px;
    padding: 12px 22px 0;
    outline: 0;
    margin-top: 11px;
    margin-bottom: 20px;
}

.input-check-box span {
    font-size: 15px;
    margin-left: 7px;
}

.blog-details-submi-button button {
    background: #49AF45;
    color: #fff;
    text-transform: uppercase;
    border: transparent;
    padding: 12px 26px;
    font-size: 15px;
    margin-top: 34px;
    position: relative;
    z-index: 1;
    transition: 0.5s;
    border: 2px solid #49AF45;
    border-radius: 5px;
    font-weight: 500;
}

.blog-details-submi-button button:hover{
    color:#49AF45;
}

.blog-details-submi-button button:before{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    background:#fff;
    transition: 0.5s;
    z-index: -1;
    border-radius: 5px;
}

.blog-details-submi-button button:hover:before{
    width: 100%;
    left: 0;
}

/*sidber Css*/

.widget_search form {
    position: relative;
}

.widget_search input {
    border-radius: 4px;
    padding-left: 20px !important;
    height: 60px;
    width: 100% !important;
    position: relative;
    color: #012549;
    outline: 0 !important;
    border: transparent !important;
}


button.icons {
    border: 0;
    font-size: 16px;
    position: absolute;
    right: 14px;
    top: 20px;
    color: #1e1e1e;
    background: transparent;
    opacity: 0.7;
}

.sidber-widget-recent-post {
    margin-bottom: 27px;
    display: flex;
    align-items: center;
    gap: 19px;
}

.recent-widget-content a {
    transition: 0.5s;
    color: #001819 !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    width: 95%;
    display: inline-block;
}

.sidber-widget-recent-post:hover .recent-widget-content a{
    color: #49AF45 !important;
}

.recent-widget-content p {
    font-size: 14px;
    margin: 0;
    color:#49AF45;
}

.widget-catefories-tags a {
    display: inline-block;
    color: #101010;
    font-weight: 500;
    background: #fff;
    padding: 6px 19px;
    margin: 6px 3px;
    position: relative;
    z-index: 1;
    font-size: 15px;
}

.widget-catefories-tags a:hover{
    color:#fff;
}

.widget-catefories-tags a:before{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 50%;
    top: 0;
    background:#49AF45;
    transition: 0.5s;
    z-index: -1;
}

.widget-catefories-tags a:hover:before{
    width: 100%;
    left: 0;
}



/*---=====================================================
   <!--Echofy Strat Donation Details Area Css-->
=========================================================---*/
.donation-details-area {
    padding: 100px 0 100px;
}

.donation-details-area .single-donation-box {
    margin: 0;
}

.donation-details-area .donation-content {
    background: #F6F6EE;
    padding: 67px 39px 23px;
}

.donation-details-area .skill-bg {
    width: 99%;
}

h4.dontaion-detais-title {
    font-size: 30px;
    margin: 40px 0 24px;
}

p.dontaion-detais-desc {
    font-size: 17px;
}


/*tab content*/
.donation-details-area .tabcontent {
    background: #49AE44;
    padding: 13px 30px 20px;
    text-align: right;
    border-radius: 4px;
    margin: 45px 0 20px;
    position: relative;
}

.donation-details-area .tabcontent:before {
    position: absolute;
    content: "Your Donation :";
    left: 30px;
    top: 26px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
}

.donation-details-area .tabcontent h3 {
    font-weight: 700;
    font-size: 30px;
    color: #fff;
}


/*button count number*/

.donation-details-area button.tablink {
    border: 0;
    background: #F6F6EE;
    color: #1b3434;
    height: 50px;
    width: 88px;
    margin-right: 6px;
    border-radius: 4px;
    font-weight: 500;
    transition: .5s;
    margin-bottom: 5px;
}

.donation-details-area button.tablink:hover {
    background: #49AE45;
    color: #fff;
}


/*forms title*/
.donation-details-area .up.forms-title h1 {
    font-size: 20px;
    font-weight: 600;
    padding: 38px 0 20px;
}

.donation-details-area .form-title h6 {
    font-size: 17px;
    padding: 0px 0 12px;
    font-weight: 500;
    color: #1b3434;
}

.donation-details-area .up.form-box input {
    height: 58px;
    background-color: #fff;
    border: 1px solid rgba(27,52,52,0.1);
    transition: .5s;
    padding: 0px 20px;
    display: block;
    width: 100%;
    color: #0D0E14;
    margin-bottom: 18px;
    border-radius: 4px;
    outline: 0;
}


.donation-details-area .check-content h5 {
    font-size: 20px;
    font-weight: 500;
    padding: 16px 0px 18px;
}

.donation-details-area .dpx label {
    color: #1b3434;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-right: 30px;
}

.donation-details-area .option-input {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    top: 5.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    transition: all 0.15s ease-out 0s;
    background: #e2e5e8;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin-right: 0.4rem;
    outline: none;
    position: relative;
    z-index: 1000;
}

.donation-details-area .option-input:hover {
  background: #9faab7;
}

.donation-details-area .option-input:checked {
    background: #49AF45;
}

.donation-details-area .option-input:checked::before {
    width: 10px;
    height: 10px;
    display: flex;
    content: '\f00c';
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    align-items: center;
    font-family: 'Font Awesome 5 Free';
    left: 5px;
    top: 5px;
}

.donation-details-area .option-input.radio {
  border-radius: 50%;
}

.donation-details-area .option-input.radio::after {
  border-radius: 50%;
}

.donation-details-area button.submit-donation {
    background: #49AE44;
    border: transparent;
    color: #fff;
    padding: 15px 40px;
    border-radius: 4px;
    margin-top: 43px;
    border: 2px solid #49AE44;
    transition: 0.5s;
}

.donation-details-area button.submit-donation:hover{
    background: transparent;
    color: #49AE44;
}

/*sidber contact*/

.widget-sidber-contact-box {
    background: url(../images/inner-images/sidber-contact.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 5px;
    padding: 48px 43px 48px;
}

p.widget-sidber-contact-text {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    margin: 0;
    padding: 25px 0 13px;
}

h3.widget-sidber-contact-number {
    font-size: 24px;
    color: #ffffff;
    font-weight: 600;
    margin: 0 0 14px;
}

span.widget-sidber-contact-gmail {
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    margin: 0;
}

span.widget-sidber-contact-gmail i {
    display: inline-block;
    font-size: 17px;
    color: #49AE44;
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.widget-sidber-contact-btn  a{
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Inter";
    text-decoration: none;
    background: #49AE44;
    padding: 16px 98px 15px;
    border-radius: 5px;
    margin-top: 55px;
    transition: 0.5s;
    border: 2px solid #49AE44;
}

.widget-sidber-contact-btn  a:hover{
    background: transparent;
    color:#49AE44;
}

.widget-sidber-contact-btn a i {
    display: inline-block;
    font-size: 18px;
    position: relative;
    top: 2px;
    margin-left: 3px;
}

/*blog Grid Css*/

.blog-grid-area {
    padding: 123px 0 103px;
}

/*blog List Area Css*/

.blog-list-area{
   padding: 123px 0 103px;
}

.single-blog-list-box {
    margin-bottom: 25px;
}

.blog-thumb{
   overflow: hidden;
}

.blog-thumb img {
    width: 100%;
    transition: 0.5s;
}

.single-blog-list-box:hover .blog-thumb img {
    transform: scale(1.2) skew(-10deg);
}

.blog-list-content{
    padding: 27px 36px 20px;
    border: 1px solid #2222;
}

.blog-list-area .meta-blog span {
    display: inline-block;
    margin-right: 28px;
    font-weight: 500;
}

.blog-list-area span.mate-text {
    padding-left: 36px;
    position: relative;
}

.blog-list-area span.mate-text:before {
    position: absolute;
    content: "";
    width: 20px;
    height: 2px;
    left: 5px;
    top: 11px;
    background: #49AF45;
}

.blog-list-area .meta-blog i {
    display: inline-block;
    color: #49AF45;
    padding-right: 9px;
}

.blog-list-area .meta-blog img {
    margin-right: 8px;
    position: relative;
    top: -1px;
}

a.blog-list-title {
    display: inline-block;
    color: #001819;
    font-size: 32px;
    margin: 14px 0 20px;
    font-weight: 700;
}

a.blog-list-title:hover{
    color:#49AF45;
}

p.blog-list-desc {
    font-size: 17px;
    margin-bottom: 7px;
}

.blog-list-button {
    border: 1px solid #2222;
    border-top: transparent;
    padding: 22px 35px;
    border-radius: 0 0 5px 5px;
}

.blog-list-button a {
    display: inline-block;
    font-size: 16px;
    color: #001819;
    font-weight: 500;
    transition: 0.5s;
}

.blog-list-button a:hover{
    color: #49AE44;
}

.blog-list-button i {
    display: inline-block;
    position: relative;
    top: 2px;
    left: 4px;
    font-size: 17px;
}



/*
<!-- =================================== -->
<!--Echofy Contact Area Css -->
<!-- =================================== -->*/

.contact-area {
    padding: 123px 0 118px;
}

.contact-area .section-title.left {
    margin-bottom: 42px;
}

.row.contact-info-bg {
    background: url(../img/contact-info-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 50px 30px 45px;
    border-radius: 10px;
}

.contact-info-box {
    text-align: center;
    padding: 0 50px 0;
    position: relative;
}

.contact-info-box:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 120px;
    right: -10px;
    top: 61px;
    background: #ffffff73;
}

.contact-info-box.two:before{
    background: transparent;
}

.contact-info-content h4 {
    font-size: 24px;
    color: #fff;
    margin: 19px 0 10px;
    font-weight: 600;
}

.contact-info-content p {
    color: #fff;
    margin: 0;
}

.row.pagla-shahin {
    padding-top: 100px;
}

.google-map iframe {
    width: 93%;
    height: 630px;
    border-radius: 10px;
}

.single-input-box input {
    width: 100%;
    height: 57px;
    outline: 0;
    color: #868681;
    border: 1px solid #2222;
    border-radius: 5px;
    padding: 0 21px;
    margin-bottom: 20px;
}

.single-input-box input::placeholder{
    color: #868681;
}

.single-input-box textarea {
    width: 100%;
    height: 150px;
    outline: 0;
    color: #868681;
    border: 1px solid #2222;
    border-radius: 5px;
    padding: 10px 21px;
    margin-bottom: 20px;
}

.single-input-box textarea::placeholder{
    color: #868681;
}

.input-check input {
    width: 16px;
    height: 16px;
    position: relative;
    top: 3px;
    margin-right: 5px;
}

.input-check span {
    display: inline-block;
    font-size: 17px;
}

.contact-submit-button button {
    background: #49AE44;
    color: #fff;
    border: transparent;
    padding: 13px 25px;
    border-radius: 3px;
    margin-top: 35px;
    outline: 0;
    border: 2px solid #49AE44;
    transition: 0.5s;
}

.contact-submit-button button:hover{
    background: transparent;
    color:#49AE44;
}



/*---========================================================================
   <!--Echofy Home Six  Css-->
==================================================================---*/

.home-six.header-area {
    border-bottom:transparent;
    z-index: 9;
    position: relative;
    margin-bottom: -93px;
}

.home-six.header-area .row.add-bg {
    background: #fff;
    border-left: 8px solid #49AF45;
}

.home-six.header-area .header-menu ul li {
    display: inline-block;
    margin-right: 51px;
}

.home-six.header-area .header-menu ul li a {
    color:#00000a !important;
}

.home-six.header-area .header-button a {
    padding: 13px 37px;
    border-radius: 30px;
    margin-left: 36px;
    border: 2px solid #49AF45;
}

.home-six.header-area .header-button a:before {
    border-radius:30px !important;
}

.home-six.header-area .header-button i {
    font-size: 18px;
    position: relative;
    left: 7px;
    top: 3px;
}


.home-six .header-secrch-icon i {
    display: inline-block;
    color: #49af45;
    font-size: 16px;
    cursor: pointer;
    background: #F4F5F9;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
}


/*---==================================================
   <!--Echofy Hero Area Home Six  Css-->
======================================================---*/

.hero-area.home-six {
    background: url(../images/home6/hero-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 960px;
    padding-top: 76px;
}

.home-six .hero-content h4 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 34px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 76px;
    line-height: 90px;
    text-transform: uppercase;
}




/*home-six button*/

.echofy-button.style-five a {
    border-radius: 46px;
    font-size: 17px;
    font-weight: 600;
}

.home-six .echofy-button a:before {
    border-radius: 30px;
}

.echofy-button.style-five i {
    display: inline-block;
    font-size: 24px;
    position: relative;
    left: 4px;
    top: 3px;
}


/*---==================================================
   <!--Echofy Feature Area Home Six  Css-->
======================================================---*/
.home-six .row.margin-top {
    margin-top: -67px;
}

.home-six .single-feature-box {
    background: #F7F7F7;
    display: flex;
    align-items: center;
    padding: 26px 29px 37px;
    gap: 18px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.5s;
}

.home-six .single-feature-box:hover{
   transform: skew(-10deg);
}

.home-six .feature-content h4 {
    font-size: 20px;
    font-weight: 600;
}

.home-six .feature-content p {
    margin: 9px 0 0;
}

.home-six .single-feature-shape {
    position: absolute;
    right: -89px;
    bottom: -59px;
    z-index: -1;
    transition: 0.5s;
}

.home-six .single-feature-box:hover .single-feature-shape{
    right: -3px;
    bottom: 0;
}



/*---==================================================
   <!--Echofy Abour Area Home Six  Css-->
======================================================---*/
.home-six.about-area {
    background: #fff;
    padding: 124px 0 123px;
}

.home-six.about-area .section-title.left {
    margin-bottom: 39px;
}

.home-six.about-area .about-thumb {
    position: relative;
    left: 0;
}

.home-six .about-item-box {
    display: flex;
    align-items: center;
    gap: 35px;
}

.home-six .about-list-item ul li {
    color: #001819;
    font-weight: 500;
    line-height: 40px;
}

.home-six .about-list-item ul li i {
    display: inline-block;
    font-size: 10px;
    color: #47AD49;
    margin-right: 15px;
}

.home-six.about-area .echofy-button {
    margin-top: 48px;
    display: inline-block;
}


/*section-title-Style-Six*/

.home-six .section-title.left img {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.home-six .section-title.left h4 {
    text-transform: uppercase;
    color: #49af45;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 21px;
}

.home-six .section-title.left h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 45px;
}

.home-six .section-title.center img {
    margin-right: 9px;
    margin-top: -3px;
}

.home-six .section-title.center img.images-2 {
    position: relative;
    left: 10px;
}

.home-six .section-title.center h4 {
    text-transform: uppercase;
    color: #49af45;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 18px;
}

.home-six .section-title.center h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 45px;
}


/*---==================================================
   <!--Echofy Services Title Area Home Six  Css-->
======================================================---*/

.home-six.services-title-area {
    background: #F7F7F7;
    padding: 100px 0 315px;
}

.home-six.services-title-area p.section-desc {
    width: 90%;
    margin: -34px 0 0;
}


/*services Area Home Six*/
.home-six.service-area {
    padding: 2px 0 0;
    background: none;
}

.home-six.service-area .row.upper {
    position: relative;
    top: -339px;
    margin-left: 274px;
}

.home-six .single-service-box {
    position: relative;
    padding: 20px 28px 40px;
    background: #fff;
    text-align: center;
    border-radius: 3px;
    overflow: inherit;
    margin: 34px 16px;
}

.home-six .service-thumb{
    position: relative;
    overflow: hidden;
}

.home-six .service-thumb img {
    width: 100%;
    padding: 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
    transition: 0.5s;
}

.home-six .single-service-box:hover .service-thumb img{
    transform: scale(1.2) skew(-10deg);

}

.home-six .service-icon {
    position: absolute;
    bottom: 0;
    right: 0;
}

.home-six .services-content h4 {
    font-size: 22px;
    margin: 29px 0 11px;
}

.home-six .service-button {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -24px;
}

.home-six .service-button a {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    font-weight: 600;
    padding: 4px 30px 11px;
    border-radius: 30px;
    transition: 0.5s;
}


.home-six .service-button i {
    display: inline-block;
    font-size: 28px;
    position: relative;
    top: 7px;
}


/*---==================================================
   <!--Echofy Why Choose Area Home Six  Css-->
======================================================---*/

.home-six.why-choose-area {
    background: url(../images/home6/why-choose-us-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 360px 0 123px;
    margin-top: -586px;
}

.home-six .why-choose-thumb {
    position: relative;
    left: -325px;
}

.home-six.why-choose-area .section-title.left h1 {
    color: #fff;
}

.home-six .why-choose-us-item {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 41px;
}

.home-six .choose-us-content h4 {
    font-size: 20px;
    color: #fff;
    margin: 0;
}

.home-six .choose-us-content p {
    margin: 9px 0 0;
}





/*---==================================================
   <!--Echofy Pricing Area Home Six  Css-->
======================================================---*/

.home-six.pricing-area {
    padding: 100px 0 100px;
    background: #F7F7F7;
}

.home-six .single-pricing-box {
    background: #fff;
    padding: 42px 40px 53px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
}

.home-six .pricing-text h4 {
    font-size: 18px;
    color: #49af45;
    font-weight: 500;
    background: #F7F7F7;
    display: inline-block;
    padding: 10px 32px;
    border-radius: 0 30px 30px 0;
    position: relative;
    left: -42px;
}

.home-six .pricing-plan-content h1 {
    font-size: 50px;
    display: inline-block;
    margin-top: 30px;
}

.home-six .pricing-plan-content span {
    display: inline-block;
    font-weight: 500;
    margin-left: 7px;
}

.home-six .pricing-plan-content p {
    margin: 24px 0 33px;
}

.home-six .pricing-list-item ul li {
    position: relative;
    margin-left: 29px;
    margin-bottom: 15px;
}

.home-six .pricing-list-item ul li:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: -24px;
    top: 9px;
    background: #49AF45;
    border-radius: 50%;
}

.home-six.pricing-area .single-pricing-box .echofy-button {
    margin-top: 40px;
    display: inherit;
    text-align: center;
}

.home-six.pricing-area .single-pricing-box .echofy-button a {
    padding: 15px 40px;
}

.home-six .pricing-shape-1 {
    position: absolute;
    top: 45px;
    right: 46px;
    animation: dance 2s alternate infinite;
}

.home-six .pricing-shape-2 {
    position: absolute;
    right: 0;
    bottom: 36px;
    z-index: -1;
    animation: dance4 4s linear infinite;
}



/*---==================================================
   <!--Echofy Team Area Home Six  Css-->
======================================================---*/
.home-six.team-area {
    padding: 122px 0 125px;
    background: #fff;
    margin-top: 0;
}

.home-six.team-area .section-title.center {
    margin-bottom: 55px;
}

.home-six .single-team-box {
    text-align: center;
    margin-top: 0;
}

.home-six .team-thumb{
    overflow: hidden;
    position: relative;
}

.home-six .team-thumb: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;
}

.home-six .single-team-box:hover .team-thumb:before{
    bottom: 0;
}

.home-six .team-thumb img {
    width: 100%;
}

.home-six .team-social-icon {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    margin-top: 0;
    transition: 0.5s;
    opacity: 0;
}

.home-six .single-team-box:hover .team-social-icon{
    bottom: 30px;
    opacity: 1;
}

.home-six .team-social-icon ul li 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;
}

.home-six .team-social-icon ul li i:hover{
    color:#49AF45;
}

.home-six .team-social-icon ul li 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;
}

.home-six .team-social-icon ul li i:hover:after{
    transform: scale(1);
}

.home-six .team-content {
    background: #F7F7F7;
    padding: 25px 0 26px;
    position: relative;
}

.home-six .team-content:before{
    background: transparent;
}

.home-six .team-content h4 {
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 4px;
}



/*---=====================================================
   <!--Echofy Strat Skill Area Home Six Css-->
=========================================================---*/

.home-six.skill-area {
    background: url(../images/home6/bg.png);
    background-repeat: no-repeat;
    background-position: center right;
    padding: 218px 0 92px;
    position: relative;
    background-size: cover;
}

.home-six.skill-area .section-title.left h1 {
    color: #fff;
}

.home-six .skill {
    margin-bottom: 19px;
    position: relative;
    overflow-x: hidden;
}

.home-six .skill > p {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    text-transform: capitalize;
    padding-bottom: 17px;
}

.home-six .skill:before {
    width: 93%;
    height: 17px;
    content: "";
    display: block;
    position: absolute;
    border: 1px solid #ffffff7d;
    bottom: 14px;
    border-radius: 2px;
}

.home-six .skill-bar {
    width: 70%;
    height: 5px;
    background: #fff;
    display: block;
    position: relative;
    left: 7px;
    top: 1px;
}

.home-six .skill-bar span {
    font-size: 20px;
    /* padding: 3px 0; */
    font-weight: 400;
    float: right;
    top: -44px;
    position: relative;
    color: #ffff;
    left: 139px;
}

.home-six .skill-bar {
    position: relative;
  
}

.home-six .skill-bar.two {
    background: #EFAD4D;
    width: 76%;
}

.home-six span.skill-count2 {
    display: inline-block;
    left: 99px !important;
}

.home-six .skill-bar.three {
    background: #49AF45;
    width: 65%;
}

.home-six span.skill-count3 {
    display: inline-block;
    left: 169px !important;
}



/*---=====================================================
   <!--Echofy Strat Testimonial Area Home Six Css-->
=========================================================---*/
.home-six.testimonial-area {
    background: #ffff;
    padding: 111px 0 66px;
}

.home-six .single-testimonial-box {
    filter: inherit;
    padding: 37px 28px 49px;
    position: relative;
    margin: 57px 15px;
    background-color: #f7f7f7;
}

.home-six .testimonial-content p {
    margin-bottom: 27px;
}

.home-six .testi-author-content h4 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 2px;
}

.home-six .testi-author-content p {
    font-size: 16px;
    margin: 0;
    margin-left: 19px;
    position: relative;
}

.home-six .testi-author-content p:before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    left: -16px;
    top: 9px;
    background: #49AF45;
    border-radius: 50%;
}

.home-six .author-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;
}

.home-six .single-testimonial-box:hover .author-rating{
   background: #49AE44;
}

.home-six .author-rating ul li {
    display: inline-block;
    color: #FBC155;
    margin: 0 3px;
    transition: 0.5s;
}

.home-six .single-testimonial-box:hover .author-rating ul li{
    color:#fff;
}

.home-six .testi-quote {
    position: absolute;
    right: 33px;
    bottom: 76px;
}




/*---=====================================================
   <!--Echofy Strat Blog Area Home Six Css-->
=========================================================---*/

.home-six.blog-area {
    padding: 111px 0 125px;
    background: #F7F7F7;
}

.home-six .single-blog-box {
    margin-bottom: 20px;
    position: relative;

}

.home-six .blog-thumb {
    overflow: hidden;
    position: relative;
}

.home-six .blog-thumb: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;
}

.home-six .single-blog-box:hover .blog-thumb:before{
    opacity: 1;
}

.home-six .blog-content {
    border: transparent;
    padding: 23px 32px 54px;
    background: #fff;
    position: relative;
}

.home-six .blog-text span {
    display: inline-block;
    text-transform: uppercase;
    color: #49af45;
    font-size: 14px;
    margin-bottom: 4px;
    letter-spacing: 1px;
}

.home-six .blog-content a {
    font-size: 24px;
    font-weight: 700;
    display: inline-block;
    color: #001819;
    transition: 0.5s;
}

.home-six .blog-content a:hover{
    color:#49AF45;
}

.home-six .blog-content p {
    margin: 11px 0 0px;
}

.home-six .blog-button {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -22px;
}

.home-six .blog-button a {
    display: inline-block;
    font-size: 16px !important;
    background: #49AF45;
    color: #fff !important;
    font-weight: 600;
    padding: 5px 38px;
    border-radius: 30px;
    border: 2px solid #49AF45;
    transition: 0.5s;
}

.home-six .blog-button a:hover{
    background: transparent;
    color:#49AF45 !important;
}

.home-six .blog-button i {
    font-size: 22px;
    display: inline-block;
    transition: 0.5s;
    position: relative;
    top: 4px;
    transition: 0.5s;
}

.home-six .blog-button a:hover i{
    color:#49AF45;
}

.home-six .meta-blog {
    position: absolute;
    top: 0;
    left: 0;
}

.home-six .meta-blog span {
    display: inline-block;
    background: #49AF45;
    color: #fff;
    padding: 7px 25px;
    letter-spacing: 2px;
    border-radius: 0 0 30px 0;
    opacity: 0;
    transition: 0.5s;
}

.home-six .single-blog-box:hover .meta-blog span{
  opacity: 1;
}




/*---=====================================================
   <!--Echofy Strat Contact Area Home Six Css-->
=========================================================---*/
.home-six.contact-area {
    padding: 102px 0 125px;
    background: #49AF45;
    position: relative;
    z-index: 1;
}

.home-six.contact-area:before {
    position: absolute;
    content: "";
    width: 54%;
    height: 100%;
    right: 13px;
    bottom: 0;
    background: #fff;
    z-index: -1;
}

.home-six .contact-left {
    text-align: center;
    position: relative;
    left: -204px;
}

.home-six .contact-content h4 {
    font-size: 50px;
    color: #fff;
    line-height: 48px;
}

.home-six.contact-area .echofy-button.style-five a {
    background: #00181A;
}

.home-six .contact-icon {
    border: 2px dotted #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    border-radius: 50%;
    margin: auto;
    margin-bottom: 43px;
    animation: rotateme 20s linear infinite;
}

.home-six .contact-title h4 {
    font-size: 40px;
    margin-bottom: 50px;
}

.home-six .contact-box input {
    width: 100%;
    height: 58px;
    border: 1px solid #2222;
    border-radius: 3px;
    outline: 0;
    padding: 0 16px;
    color: #111;
    margin-bottom: 20px;
}

.home-six .contact-box input::placeholder{
    color: #001819;
    opacity: 0.5;
}

.home-six .contact-box textarea {
    width: 100%;
    height: 148px;
    border: 1px solid #2222;
    border-radius: 3px;
    outline: 0;
    padding: 12px 16px;
    color: #111;
}

.home-six .contact-box textarea::placeholder{
    color: #001819;
    opacity: 0.5;
}



/*---=====================================================
   <!--Echofy Strat Footer Area Home Six Css-->
=========================================================---*/
.home-six.footer-area {
    background:url(../images/home6/footer-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 123px 0 95px;
    position: relative;
}

.home-six p.footer-desc {
    margin: 38px 0 0;
    color: #fff;
    opacity: 0.6;
    width: 78%;
}

.home-six .footer-social-icon {
    text-align: left;
    margin-top: 31px;
}

.home-six .footer-social-icon ul li i {
    border: transparent;
    background: #0B2F21;
}

.home-six .footer-widget-title h4 {
    margin-bottom: 31px;
}

.home-six .footer-widget-menu p {
    width: 75%;
    color: #95958f;
    margin-bottom: 21px;
}

.home-six .footer-widget-menu ul {
    display: inline-block;
    margin-right: 18px;
}

.home-six .footer-widget-menu ul li {
    color: #95958f;
    margin-bottom: 13px;
}

.home-six .footer-widget-menu ul li i {
    font-size: 14px;
    color: #fff;
    opacity:1;
}

.home-six .footer-widget-blog {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 27px;
}

.home-six .footer-widget-blog-content a {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    line-height: 21px;
    transition: 0.5s;
}

.home-six .footer-widget-blog-content a:hover{
    color: #49AE44;
}

.home-six .footer-widget-blog-content p {
    font-size: 14px;
    color: #fff;
    opacity: 0.5;
    margin: 4px 0 0;
    padding-left: 0;
    position: relative;
}

.home-six .footer-shpae {
    position: absolute;
    right: 66px;
    top: 66px;
    animation: rotateme2 20s linear infinite;
}


/*footer-botom*/

.footer-bottom.home-six {
    background-color: #07271C;
    padding: 25px 0 22px;
}

.home-six .footer-bottom-content p {
    margin: 0;
}

.home-six .footer-bottom-content ul li {
    display: inline-block;
    margin: 0 17px;
}

.footer-bottom-content ul {
    text-align: right;
}

.footer-bottom-content ul li a {
    display: inline-block;
    color: #95958f;
    font-weight: 500;
    transition: 0.5s;
}

.footer-bottom-content ul li a:hover{
    color: #49AF45;
}




/*---=====================================================
   <!--Echofy Strat home Seven Area  Css-->
=========================================================---*/


.top-header-area.home-seven {
    background-color: #49AE44;
    border: transparent;
}

.home-seven .top-header-info ul li i {
    color: #fff;
    display: inline-block;
    font-size: 17px;
    padding-right: 9px;
}

.home-seven .top-header-social-icon ul li i {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    padding-left: 0;
    transition: 0.5s;
    border: 1px solid #fff;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    margin-left: 9px;
}

.home-seven .top-header-social-icon ul li i:hover{
    background: #fff;
    color:#49AE44;
}

/*home-seven-header*/

.seven.home-six.header-area {
    border-bottom: 1px solid #2222;
    z-index: 9;
    position: relative;
    margin-bottom: 0;
}

.sticky.seven.home-six.header-area{
    background: #fff !important;
}

.seven.home-six .header-menu ul li a {
    display: inline-block;
    color: #fff;
    padding: 36px 0;
    font-size: 17px;
    font-weight: 500;
    transition: 0.5s;
}


/*---=====================================================
   <!--Echofy Strat Hero Area home Seven  Css-->
=========================================================---*/
.hero-area.home-seven {
    background: url(../images/home7/hero-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 0;
    height: 800px;
}

.home-seven .hero-content {
    position: relative;
}

.home-seven .hero-content h4 {
    color: #4baf47;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.home-seven .hero-content img {
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.home-seven .hero-content h1 {
    font-size: 85px;
    font-weight: 700;
    line-height: 92px;
    color: #00000a;
}

.home-seven .hero-content p {
    color: #95958f;
    font-size: 15px;
    margin: 17px 0 3px;
}

.home-seven .hero-img {
    position: absolute;
    bottom: 82px;
    left: 32%;
}

.home-seven .hero-shape {
    position: absolute;
    left: 51px;
    top: 41px;
    animation: rotateme2 20s linear infinite;
}


/*section-title-home-seven*/

.home-seven .section-title.left img {
    margin-right: 10px;
    position: relative;
    top: -1px;
}

.home-seven .section-title.center img {
    margin-right: 10px;
    position: relative;
    top: -2px;
}

.home-seven img.images-2 {
    position: relative;
    left: 9px;
    top: -2px;
}


/*---=====================================================
   <!--Echofy Strat Feature Area home Seven  Css-->
=========================================================---*/

.feature-area.home-six.seven {
    background: #49AE44;
    padding: 69px 0;
}

.home-seven.single-feature-box {
    background: #F7F7F7;
    display: flex;
    align-items: center;
    padding: 26px 29px 37px;
    gap: 18px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    transition: 0.5s;
    position: relative;
    z-index: 1;
}

.home-seven.single-feature-box:before{
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #00181A;
    z-index: -1;
    transition: 0.5s;
}

.home-seven.single-feature-box:hover:before{
    width: 100%;
}

.home-seven.single-feature-box:hover .feature-content h4 {
    color:#fff;
}

.home-seven.single-feature-box:hover .feature-content p {
    color:#fff;
}


/*---=====================================================
   <!--Echofy Strat About Area home Seven Css-->
=========================================================---*/

.home-seven .skill:before {
    border: 1px solid #D5D6D2;
}

.home-seven .skill-bar {
    background: #001819;
}

.home-seven .skill > p {
    color: #001819;
}

.home-seven .skill-bar span {
     color: #001819;
}


/*---=====================================================
   <!--Echofy Strat About Area home Seven Css-->
=========================================================---*/
.home-seven.services-title-area {
    background: #F7F7F7;
    padding: 100px 0 113px;
}

.services-title-area.home-seven .row.upper {
    position: relative;
    top: 0;
    margin-left: 274px;
}

.home-seven.services-title-area .section-title.left {
    margin-bottom: 32px;
}


/*---=====================================================
   <!--Echofy Strat Project Area home Seven Css-->
=========================================================---*/
.project-area.home-seven {
    background: #fff;
    margin-top: 0;
    padding: 109px 0 126px;
}

.project-area.home-seven .section-title.center {
    margin-bottom: 61px;
}

.single-project-box-two {
    position: relative;
    overflow: hidden;
    margin: 0 15px;
}

.home-seven .project-content-two {
    position: absolute;
    bottom: -284px;
    left: 0;
    background: #FFFFFF;
    padding: 25px 38px 37px;
    border: 8px solid #4AAF45;
    border-top: transparent;
    border-right: transparent;
    border-radius: 5px;
    width: 65%;
    transition: 0.5s;
}

.single-project-box-two:hover .project-content-two{
  bottom:0;
}

.home-seven .project-content-two h6 {
    font-size: 16px;
    color: #49af45;
    font-weight: 600;
    text-transform: uppercase;
}

.home-seven .project-content-two i {
    display: inline-block;
    background: #49AF45;
    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;
}

.home-seven .project-content-shape {
    position: absolute;
    right: 18px;
    bottom: 11px;
}



/*---=====================================================
   <!--Echofy Strat Why Choose Area home Seven Css-->
=========================================================---*/
.why-choose-area.home-seven {
    background: url(../images/home7/why-choose-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 109px 0 125px;
    position: relative;
}

.why-choose-us-right {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    background: #fff;
    padding: 45px 0;
    width: 86%;
}

.home-seven .choose-us-content h4 {
    font-size: 18px;
}

.home-seven .choose-shape {
    position: absolute;
    top: 60px;
    left: 33%;
    animation: rotateme2 20s linear infinite;
}


/*---=====================================================
   <!--Echofy Strat Counter Area home Seven Css-->
=========================================================---*/
.counter-area.home-seven {
    background: #49AE45;
    padding: 84px 0 59px;
    padding-left: 190px;
}

.home-seven .single-counter-box {
    text-align: inherit;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 18px;
    position: relative;
    z-index: 1;
}

.home-seven .counter-number h4 {
    font-size: 70px;
    color: #fff;
    margin: 0;
}

.home-seven .counter-content p {
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}

.home-seven .counter-content h4 {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    margin-top: 2px;
    font-weight: 600;
}

.home-seven .counter-content-two h4 {
    font-size: 150px;
    margin: 0;
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: #000000;
    position: absolute;
    bottom: -41px;
    left: -88px;
    opacity: 0.4;
    z-index: -1;
}




/*---=====================================================
   <!--Echofy Strat Testimonial Area home Seven Css-->
=========================================================---*/
.home-seven.testimonial-area {
    background: #00181A;
    padding: 111px 0 115px;
}

.home-seven.testimonial-area .section-title.center {
    margin-bottom: 57px;
}

.home-seven.testimonial-area .section-title.center h1 {
    color: #fff;
}

.home-seven .single-testi-box {
    background: #002526;
    padding: 29px 37px 34px;
    border-radius: 5px;
    position: relative;
    z-index: 1;
    margin: 0 14px;
    transition: 0.5s;
    border-left: 5px solid #002526;
    border-bottom: 5px solid #002526;
}

.home-seven .single-testi-box:hover{
    border-left: 5px solid #49AF45;
    border-bottom: 5px solid #49AF45;
}

.home-seven .testi-author-content h4 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 7px;
    color: #fff;
}

.home-seven .testi-author-desc p {
    margin: 33px 0 0;
    font-style: italic;
}

.home-seven .testi-box-shape {
    position: absolute;
    bottom: -9px;
    right: -4px;
    z-index: -1;
}

.home-seven .testi-author-rating {
    background: #001818;
    display: inline-block;
    padding: 4px 23px;
    border-radius: 30px;
    position: absolute;
    top: 58px;
    right: 58px;
}

.home-seven .testi-author-rating ul li {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin-right: 8px;
}

.home-seven.testimonial-area .owl-dots {
    position: relative;
    text-align: center;
    padding-top: 40px;
}

.home-seven.testimonial-area .owl-dot {
    width: 18px;
    height: 18px;
    border-radius: 50px;
    display: inline-block;
    margin: 0 9px;
    border: 1px dashed #fff;
    position: relative;
}

.home-seven.testimonial-area .owl-dot:before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 3px;
    top: 3px;
    background: #49ae44bf;
    border-radius: 50%;
}

.home-seven.testimonial-area .owl-dot.active:before {
    background: #49AF45;
}



/*---=====================================================
   <!--Echofy Strat Faqs Area home Seven Css-->
=========================================================---*/
.home-seven.faqs-area {
    background: url(../images/home7/faqs-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    padding: 109px 0 101px;
}

.home-seven.faqs-area .section-title.left {
    margin-bottom: 55px;
}

.home-seven.faqs-area .section-title.left h1 {
    font-size: 50px;
    line-height: 44px;
}

.home-seven .faq-question:after {
    background:transparent;
}

.home-seven .faq-singular.active:before {
    background:transparent;
}

.home-seven .faq-singular.active .faq-question {
    color: #001819;
}

.home-seven .faq-singular .faq-question:before {
    position: absolute;
    content: ">";
    right: 11px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: 400;
    transition: 0.5s;
    background: #49AF45;
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 50%;
    line-height: 44px;
}

.home-seven .faq-singular.active .faq-question:before {
    transform: translateY(-50%) rotate(-90deg) !important;
    color: #fff;
}

.home-seven .vedio-content a {
    display: inline-block;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 500;
    background: #49AE44;
    width: 96px;
    height: 96px;
    text-align: center;
    line-height: 96px;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.home-seven .vedio-content a:before {
    position: absolute;
    content: "";
    width: 130px;
    height: 130px;
    top: -17px;
    left: -17px;
    border-radius: 50%;
    background: #96aab5c7;
    z-index: -1;
      -webkit-animation: ripple 1.6s ease-out infinite;
    -moz-animation: ripple 1.6s ease-out infinite;
}

@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.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8; }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
    }
 }

/*home seven Blog Area*/

.home-seven.blog-area {
    padding: 111px 0 125px;
    background: #fff;
}

.home-six.home-seven .blog-content {
    border: transparent;
    padding: 23px 32px 54px;
    background: #F7F7F7;
    position: relative;
}

/*home seven Contact Area*/
.home-six.home-seven.contact-area {
    padding: 0px 0 0;
    background: #fff;
    position: relative;
    z-index: 1;
}

.home-seven .contact-left {
    text-align: center;
    position: relative;
    left: -304px;
}

.home-seven .contact-left iframe {
    width: 136%;
    height: 610px;
}



/*---=====================================================
   <!--Echofy Strat Marque Area home Seven Css-->
=========================================================---*/
.marque-area.home-seven {
    background: url(../images/home7/marque-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 97px 0;
}

.home-seven .marque-content h4 {
    font-size: 85px;
    -webkit-text-stroke-width: 1px;
    color: transparent;
    -webkit-text-stroke-color: #Fff;
}




/*
<!-- ============================================================== -->
<!--Scrollup Button Section -->
<!-- ============================================================== -->*/

.splitting .char {
  animation: slide-in 2s cubic-bezier(.5, 0, .5, 1) both;
  animation-delay: calc(200ms * var(--char-index));
}

@keyframes slide-in {
  from {
    transform: translateY(-1em) rotate(-.5turn) scale(0.5);
    opacity: 0;
  }
}


/*------back-to-top------------*/
.prgoress_indicator {
    position: fixed;
    right: 26px;
    bottom: 35px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(22, 93, 245, 0.2);
    z-index: 9999999999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transform: translateY(15px) !important;
    transition: all 200ms linear !important;
}

.prgoress_indicator.active-progress {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) !important;
}

.prgoress_indicator::after {
    position: absolute;
    content: "\f106";
    font-family: "Font Awesome 5 Free";
    text-align: center;
    line-height: 46px;
    font-size: 18px;
    color: #49AF45;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    font-weight: 900;
    z-index: 1;
    transition: all 200ms linear !important;
}

.prgoress_indicator::before {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Free";
  text-align: center;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  opacity: 0;
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 2;
  transition: all 200ms linear !important;
}
.prgoress_indicator:hover ::after {
  color: #49AF45;
}
.prgoress_indicator:hover ::before {
  opacity: 1;
}
.prgoress_indicator svg path {
  fill: none;
}
.prgoress_indicator svg.progress-circle path {
  stroke:#49AF45;
  stroke-width: 4;
  box-sizing: border-box;
  transition: all 200ms linear !important;
}



/*** 
====================================================================
    Search Popup
====================================================================
***/


.search-popup{
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 99999;
    margin-top: -540px;
    transform: translateY(-100%);
    background-color: rgba(0,0,0,0.90);
    -webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
    -webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
    transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000); /* easeInOutQuint */
}

.search-popup{
    width: 100%;
}

.search-active .search-popup{
    transform: translateY(0%);
    margin-top: 0;
}

.search-popup .close-search {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -200px;
    border-radius: 50%;
    text-align: center;
    background-color: #49AF45;
    width: 70px;
    cursor: pointer;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    border-right: 3px solid #062462;
    border-left: 3px solid #062462;
    -webkit-transition: all 500ms ease;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

.search-active .search-popup .close-search{
    visibility: visible;
    opacity: 1;
    top: 50%;
    -webkit-transition-delay: 1500ms;
    -moz-transition-delay: 1500ms;
    -ms-transition-delay: 1500ms;
    -o-transition-delay: 1500ms;
    transition-delay: 1500ms;
}

.search-popup form{
    position: absolute;
    max-width: 700px;
    top: 50%;
    left: 15px;
    right: 15px;
    margin:-35px auto 0;
    transform: scaleX(0);
    transform-origin: center;
    background-color: #111111;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.search-active .search-popup form{
    transform: scaleX(1);
    -webkit-transition-delay: 1200ms;
    -moz-transition-delay: 1200ms;
    -ms-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    transition-delay: 1200ms;
}

.search-popup .form-group{
    position:relative;
    margin:0px; 
  
    overflow: hidden;
}
.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"]{
    position:relative;
    display:block;
    font-size:18px;
    line-height: 50px;
    color:#000000;
    height:70px;
    width:100%;
    padding: 10px 30px;
    background-color: #ffffff;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
    font-weight:500;
    text-transform:capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
    position: absolute;
    right: 30px;
    top: 0px;
    height: 70px;
    line-height: 70px;
    background: transparent;
    text-align: center;
    font-size: 24px;
    color: #49AF45;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    border: none;
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover{
    color: #000000;
}

.search-popup input::placeholder,
.search-popup textarea::placeholder{
    color:#000000;
}

.search-popup .close-search.style-two{
    position: absolute;
    right: 25px;
    left: auto;
    color:#ffffff;
    width:auto;
    height:auto;
    top:25px;
    margin:0px;
    border:none;
    background:none !important;
    box-shadow:none !important;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease;
}

.search-box-btn {
    display: inline-block;
    padding-left: 22px;
}

.search-box-btn i {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    transition: .5s;
}

.upp.search-box-btn i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    padding-left: 17px;
    position: relative;
    z-index: 1;
}

.upp.search-box-btn.search-box-outer span i {
    color: #9E9FA1;
}

.search-box-btn.search-box-outer span i:after {
    position: absolute;
    content: "0";
    right: -10px;
    top: -4px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #49AF45;
    color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 12px;
}

.flaticon-multiply:before {
    content: inherit;
}

button.close-search i {
    font-size: 25px;
    color: #fff;
    display: inline-block;
}


span.flaticon-multiply i {
    display: inline-block;
    color: #49AF45;
}



/*===========================
<-- Echofy Sidbar Css -->
=============================*/

.xs-sidebar-group .xs-overlay {
    left: 100%;
    top: 0;
    position: fixed;
    z-index: 101;
    height: 100%;
    opacity: 0;
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.4s ease-in 0.8s;
    -o-transition: all 0.4s ease-in 0.8s;
    transition: all 0.4s ease-in 0.8s;
}

.xs-sidebar-group .widget-heading {
    position: absolute;
    top: 23px;
    right: 0;
    padding: 25px;
}

.xs-sidebar-widget {
    position: fixed;
    right: -100%;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 360px;
    z-index: 999999;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #272727;
    -webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    -o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
    visibility: hidden;
    opacity: 0;
}

.xs-sidebar-group.isActive .xs-overlay {
    opacity: 0.7;
    visibility: visible;
    -webkit-transition: all 0.8s ease-out 0s;
    -o-transition: all 0.8s ease-out 0s;
    transition: all 0.8s ease-out 0s;
    left: 0;
}

.xs-sidebar-group.isActive .xs-sidebar-widget {
    opacity: 1;
    visibility: visible;
    right: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    -o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
    transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}

.sidebar-textwidget {
    padding: 40px 32px;
}

.close-side-widget i {
    color:#49AE45;
    font-size: 28px;
    display: block;
}

.sidebar-widget-container {
    position: relative;
    top: 150px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in 0.3s;
    -o-transition: all 0.3s ease-in 0.3s;
    transition: all 0.3s ease-in 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-sidebar-group.isActive .sidebar-widget-container {
    top: 0px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 1s ease-out 1.2s;
    -o-transition: all 1s ease-out 1.2s;
    transition: all 1s ease-out 1.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.xs-overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 0;
}

.xs-bg-black {
    background-color:#49AE45;
}

/*html css*/
.nav-logo {
    margin: 0 0 50px;
}

.content-box h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
}

.content-box p {
    display: inline-block;
    color: #fff;
    padding: 15px 0 0;
}

a.theme-btn.btn-style-two span {
    color: #fff;
    font-size: 20px;
}

a.theme-btn.btn-style-two i {
    color: #49AE45;
}

.contact-info h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: 600;
}

ul.list-style-one li {
    display: block;
    list-style: none;
    color: #fff;
    padding: 16px 0 0;
    overflow: hidden;
}

ul.list-style-one li span {
    font-size: 20px;
    font-weight: 600;
    color: #49AE45;
    margin: 0 10px 0 0px;
}

ul.social-box {
    margin: 30px 0 0;
}

ul.social-box li {
    display: inline-block;
    list-style: none;
    margin: 0 6px 0 0;
}

ul.social-box li a {
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 36px;
    text-align: center;
    background: #fff;
    color: #49AE45;
    transition: .5s;
    font-size: 18px;
    border-radius: 3px;
}

ul.social-box li a:hover {
    background:#49AE45;
    color: #fff;
}

/*===========================
<-- Loader Css -->
=============================*/
.loader-wrapper {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: 0.8s 1s ease;
    z-index: 99999;
}

.loader {
    position: relative;
    display: block;
    z-index: 201;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border-radius: 50%;
    transition: all 1s 1s ease;
    border: 3px solid transparent;
    border-top-color: #f3297c;
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader:before {
    position: absolute;
    content: '';
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: 6px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-left-color: #10eb9b;
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    -o-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader:after {
    position: absolute;
    content: '';
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-right-color: #fff;
    -webkit-animation: spin 2.5s linear infinite;
    -moz-animation: spin 2.5s linear infinite;
    -o-animation: spin 2.5s linear infinite;
    animation: spin 2.5s linear infinite;
}

/*/ Here comes the Magic /*/

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader-wrapper .loder-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    background: #111;
    z-index: 2;
}

.loader-wrapper .loder-section.left-section {
    left: 0;
    transition: 1s 1.4s ease;
}

.loader-wrapper .loder-section.right-section {
    right: 0;
    transition: 1s 1.4s ease;
}

/*/ When page loaded /*/
.loaded .loder-section.left-section {
    left: -100%;
}

.loaded .loder-section.right-section {
    right: -100%;
}

.loaded .loader-wrapper {
    visibility: hidden;
}

.loaded .loader {
    top: -100%;
    opacity: 0;
}

.marka {
    max-width: 75%;
    transition: all 0.4s ease-in-out;
    display: inline-block;
    padding: 15px 0;
    filter: grayscale(100);
    height: 12.5rem;
    margin-left: 4rem;
    filter: alpha(opacity=40);
    opacity: 0.5;
    transition: all .2s ease-out;
    border-radius: 0.3rem;
    vertical-align: middle;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s; }
    @media only screen and (max-width: 56.25em) {
      .marka {
        height: 23.5rem;
        margin-left: 0rem; } }
    .marka:hover {
      height: 12.5rem;
      margin-left: 4rem;
      opacity: 1;
      transform: translateY(-0.3rem); }
      @media only screen and (max-width: 56.25em) {
        .marka:hover {
          height: 23.5rem; } 
}


/* style.css | http://localhost:8012/css/style.css */

.marka {
    filter: brightness(0%) invert(100%);
  }
  
  /* style.css | http://localhost:8012/css/style.css */
  
  .single-brand-box {
    filter: brightness(0%) invert(100%);
    opacity: 1;
  }



/* Normal desktop :1400px. */
@media (min-width: 1400px) and (max-width: 1600px) {

/*Home 1 Resopnsive*/

.hero-social-icon {
    left: 15px;
}

.text-box span {
    font-size: 20px;
}

.project-area {
    padding-left: 199px;
}

/*===============Home two Responsive Css============*/

.home-two .project-content {
    width: 84%;
}

/*===============Home Three Responsive Css============*/
.home-three .header-menu ul li {
    margin-right: 34px;
}

.home-three .header-button {
    margin-right: 10px;
}

.home-three .header-secrch-icon i {
    width: 17px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 41px;
}

/*===============Home Four Responsive Css============*/
.home-four .header-menu ul li {
    margin-right: 32px;
}

/*===============Home Five Responsive Css============*/
.home-five .hero-info {
    left: -248px;
}

.hero-slide-five .owl-dots {
    left: 40%;
    width: 26%;
    padding: 49px 103px;
}

.slider-counter:before {
   display: none;
}

.home-five .section-title.left h1 {
    font-size: 36px;
    line-height: 40px;
}

/*===============Home Six Responsive Css============*/
.home-six.skill-area {
    background-position: center left;
}

/*===============Home Seven Responsive Css============*/

.services-title-area.home-seven .row.upper {
    margin-left: 100px;
}

.home-seven .project-content-two {
    width: 88%;
}








}

/* Normal desktop :1300px. */
@media (min-width: 1300px) and (max-width: 1399px) {

/*Home 1 Resopnsive*/
.header-menu ul li {
    margin-right: 39px;
}

.hero-social-icon {
    left: 32px;
}

.about-area .section-title.left {
    margin-bottom: 28px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
    width: 58%;
}

.about-box-content p {
    width: 70%;
}

.about-shape-1 {
    right: -15px;
}

.section-title.left h4 {
    margin-bottom: 19px;
}

.section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.service-area {
    padding: 113px 0 112px;
}

.skills-item {
    width: 49%;
}

.skills-item-content {
    padding: 18px 21px 18px 26px;
}

.skills-item-title h4 {
    font-size: 18px;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding-left: 171px;
}

.project-area .owl-nav {
    position: relative;
    left: 210px;
    top: 49px;
}

.project-content a {
    font-size: 24px;
}

.single-testimonial-box {
    padding: 34px 32px 32px;
}

.single-shape {
    right: 3px;
    top: -7px;
}



/*===============Home two Responsive Css============*/

.home-two.header-area .header-menu ul li {
    display: inline-block;
    margin-right: 24px;
}

.home-two .hero-content h1 {
    font-size: 65px;
    line-height: 65px;
}

.home-two .about-video { 
   right: 33px;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.counter-content p {
    font-size: 17px;
    margin: -2px 0 0;
}

.home-two .project-content {
    width: 86%;
}

.blog-content a {
    font-size: 20px;
    line-height: 28px;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

.home-two p.footer-desc {
    width: 80%;
}

.home-two .footer-widget-blog-content a {
    font-size: 16px;
    line-height: 26px;
}

/*===============Home Three Responsive Css============*/
.home-three .header-menu ul li {
    margin-right: 25px;
}

.home-three .header-button {
    margin-right: 10px;
}

.home-three .header-button a {
    padding: 14px 29px;
    margin-left: 0;
}

.home-three .header-secrch-icon i {
    width: 0;
}

.home-three .single-service-box {
    padding: 50px 9px 49px;
}

.home-three .services-content h4 {
    font-size: 16px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 41px;
}

.home-three .meta-blog span {
    margin-right: 13px;
}

.home-three .blog-title a {
    font-size: 19px;
    line-height: 29px;
}


/*===============Home Four Responsive Css============*/


.home-four .about-thumb {
    position: relative;
    left: -72px;
}

.home-four .about-text h4 {
    font-size: 18px;
}

.home-four .single-services-box {
    padding: 35px 21px 45px;
}

.home-four .testi-thumb {
    position: relative;
    left: 9px;
}

.home-four .call-do-action-content h4 {
    font-size: 37px;
}

/*===============Home Six Responsive Css============*/

.home-six.header-area .header-menu ul li {
    margin-right: 23px;
}

.home-six.about-area .about-thumb {
    left: -43px;
}

.home-six .about-list-item ul li {
    font-size: 15px;
}

.home-six.service-area .row.upper {
    margin-left: 55px;
}

.home-six .why-choose-thumb {
    left: -379px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six .blog-content a {
    font-size: 20px;
}

.home-six .contact-left {
    left: -69px;
}

.footer-widget-blog-thumb img {
    width: 100%;
}


/*===============Home Seven Responsive Css============*/

.home-seven .hero-content h1 {
    font-size: 70px;
    line-height: 70px;
}

.home-seven .hero-img {
    bottom: 100px;
    left: 30%;
}

.services-title-area.home-seven .row.upper {
    margin-left: 100px;
}

.home-seven .project-content-two {
    width: 88%;
}

.home-seven .contact-left iframe {
    width: 104%;
}




/*===============All Inner Pages Responsive Css============*/
.recent-widget-content a {
    font-size: 15px;
    line-height: 23px;
}

h4.blog-details-title {
    font-size: 28px;
}

.blog-post-content a {
    font-size: 15px;
    line-height: 23px;
}


/*===============Home Five Responsive Css============*/
.home-five .hero-info {
    left: -248px;
}

.hero-slide-five .owl-dots {
    left: 40%;
    width: 26%;
    padding: 49px 103px;
}

.slider-counter:before {
  display: none;
}

.home-five .section-title.left h1 {
    font-size: 36px;
    line-height: 40px;
}

.home-five .about-item-text h4 {
    font-size: 15px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-thumb {
    position: relative;
    left: -45px;
}

.home-five .about-icon img {
    width: 44%;
}

.home-five .nav-link {
    padding: 24px 83px;
}

.home-five .section-title.left h1 {
    font-size: 30px;
    line-height: 40px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 94%;
}

.home-five .blog-content a {
    font-size: 19px;
}

.home-five .footer-widget-gallery a img {
    width: 30%;
}





}

/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1299px) {

/*Home 1 Resopnsive*/
.header-menu ul li {
    margin-right: 38px;
}

.hero-social-icon {
    left: 15px;
    display: none;
}

.about-area .section-title.left {
    margin-bottom: 28px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
    width: 58%;
}

.about-box-content p {
    width: 70%;
}

.about-shape-1 {
    right: -15px;
}

.section-title.left h4 {
    margin-bottom: 19px;
}

.section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.service-area {
    padding: 113px 0 116px;
}

.skills-item {
    width: 49%;
}

.skills-item-content {
    padding: 18px 21px 18px 26px;
}

.skills-item-title h4 {
    font-size: 18px;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding-left: 171px;
}

.project-area .owl-nav {
    position: relative;
    left: 210px;
    top: 49px;
}

.project-content a {
    font-size: 24px;
}

.single-testimonial-box {
    padding: 34px 32px 32px;
}

.single-shape {
    right: 3px;
    top: -7px;
}

.testi-shape {
    left: 17%;
}



/*===============Home two Responsive Css============*/

.home-two.header-area .header-menu ul li {
    display: inline-block;
    margin-right: 24px;
}

.home-two .hero-content h1 {
    font-size: 55px;
    line-height: 60px;
}

.home-two .about-video { 
   right: 33px;
}

.home-two.service-title-area .section-title.center {
    margin-bottom: 18px;
}

.home-two .row.service-up {
    margin-top: -354px;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.counter-content p {
    font-size: 17px;
    margin: -2px 0 0;
}

.donation-area .section-title.center {
    margin-bottom: 9px;
}

.donation-area .row.donate {
    margin-top: -241px;
}

.home-two .project-content {
    width: 86%;
}

.blog-content a {
    font-size: 20px;
    line-height: 28px;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

.home-two p.footer-desc {
    width: 80%;
}

.home-two .footer-widget-blog-content a {
    font-size: 16px;
    line-height: 26px;
}

/*===============Home Three Responsive Css============*/
.home-three .header-menu ul li {
    margin-right: 11px;
}

.home-three .header-button {
    margin-right: 10px;
}

.home-three .header-button a {
    padding: 14px 29px;
    margin-left: 0;
}

.home-three .header-secrch-icon i {
    width: 40px;
}

.home-three .single-service-box {
    padding: 50px 9px 49px;
}

.home-three .services-content h4 {
    font-size: 16px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 41px;
}

.home-three .meta-blog span {
    margin-right: 13px;
}

.home-three .blog-title a {
    font-size: 19px;
    line-height: 29px;
}

.home-three .subscribe-box input {
    width: 68%;
}


/*===============Home Four Responsive Css============*/
.home-four .header-menu ul li {
    margin-right: 14px;
}

.home-four .about-thumb {
    position: relative;
    left: -72px;
}

.home-four .about-text h4 {
    font-size: 18px;
}

.home-four .single-services-box {
    padding: 35px 21px 45px;
}

.home-four .testi-thumb {
    position: relative;
    left: 9px;
}

.home-four .call-do-action-content h4 {
    font-size: 37px;
}

/*===============All Inner Pages Responsive Css============*/

/*widget-sidber*/
.widget-sidber-contact-btn  a {
    padding: 16px 63px 15px;
}

.recent-widget-content a {
    font-size: 15px;
    line-height: 23px;
}

h4.blog-details-title {
    font-size: 28px;
}

.blog-post-content a {
    font-size: 15px;
    line-height: 23px;
}

/*===============Home Five Responsive Css============*/
.home-five .hero-info {
    left: -248px;
}

.hero-slide-five .owl-dots {
    left: 40%;
    width: 36%;
    padding: 49px 103px;
}

.slider-counter {
    left: 61%;
}

.slider-counter:before {
  display: none;
}

.home-five .section-title.left h1 {
    font-size: 36px;
    line-height: 40px;
}

.home-five .about-item-text h4 {
    font-size: 15px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-thumb {
    position: relative;
    left: -45px;
}

.home-five .about-icon img {
    width: 44%;
}

.home-five .nav-link {
    padding: 24px 83px;
}

.home-five .section-title.left h1 {
    font-size: 30px;
    line-height: 40px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 94%;
}

.home-five .blog-content a {
    font-size: 19px;
}

.home-five .footer-widget-gallery a img {
    width: 30%;
}

/*===============Home Six Responsive Css============*/

.home-six.header-area .header-menu ul li {
    margin-right: 23px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 60px;
    line-height: 75px;
}

.home-six.about-area .about-thumb {
    left: -43px;
}

.home-six .about-list-item ul li {
    font-size: 15px;
}

.home-six.service-area .row.upper {
    margin-left: 55px;
}

.home-six .why-choose-thumb {
    left: -379px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six .blog-content a {
    font-size: 20px;
}

.home-six .contact-left {
    left: -69px;
}

.home-six .contact-content h4 {
    font-size: 40px;
    line-height: 36px;
}

.footer-widget-blog-thumb img {
    width: 100%;
}

/*===============Home Seven Responsive Css============*/

.home-seven .hero-content h1 {
    font-size: 70px;
    line-height: 70px;
}

.home-seven .hero-img {
    bottom: 100px;
    left: 30%;
}

.services-title-area.home-seven .row.upper {
    margin-left: 100px;
}

.home-seven .project-content-two {
    width: 88%;
    padding: 25px 17px 24px;
}

.home-seven .contact-left iframe {
    width: 104%;
}

.home-seven .counter-content-two h4 {
    font-size: 109px;
    bottom: -16px;
    left: -26px;
}



}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {

/*Home 1 Resopnsive*/
.top-header-info ul li {
    margin-right: 4px;
}

.header-menu ul li {
    margin-right: 20px;
}

.header-menu ul li:last-child {
    margin-right: 18px;
}

.hero-area {
    height: 815px;
    position: relative;
}

.hero-social-icon {
   display: none;
}

.about-area {
    padding: 110px 0 123px;
}

.about-area .section-title.left {
    margin-bottom: 28px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
    width: 58%;
}

.about-shape-1 {
    right: -15px;
}

.section-title.left h4 {
    margin-bottom: 10px;
}

.section-title.left h1 {
    font-size: 28px;
    line-height: 28px;
}

.service-area {
    padding: 113px 0 111px;
}

.single-service-box {
    padding: 15px;
}

.service-content {
    padding: 35px 26px 159px;
}

.service-content h4 {
    font-size: 22px;
}

.skills-item {
    margin-bottom: 21px;
}

.skills-thumb {
    left: -26px;
}

.service-thumb img {
    padding: 0 20px;
}

.counter-area {
    background-position: center center;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding: 285px 0 0;
    padding-left: 120px;
    margin-top: -176px;
}

.project-area .owl-nav {
    position: relative;
    left: 252px;
    top: 6px;
}

.project-content {
    padding: 30px 18px 28px;
    width: 92%;
}

.project-content a {
    font-size: 24px;
}

.single-process-box-two {
    padding: 0 19px 0;
}

.testimonial-area {
    background-position: center;
}

.single-testimonial-box {
    padding: 34px 32px 32px;
}

.testi-shape-tow {
    left: 4%;
}

.testi-shape-four {
    right: 4%;
}

.single-shape {
    right: 3px;
    top: -7px;
}

.testi-shape {
    left: 17%;
}

.blog-content {
    padding: 27px 22px 28px;
}

.blog-content a {
    font-size: 21px;
    line-height: 30px;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

/*===============Home two Responsive Css============*/

.home-two.header-area .header-menu ul li {
    display: inline-block;
    margin-right: 16px;
}

.home-two .header-button a {
    padding: 10px 15px;
    margin-left: 12px;
}

.header-sidbar-button i {
    margin-left: 0;
    font-size: 30px;
}

.home-two .hero-content h1 {
    font-size: 48px;
    line-height: 51px;
}

.home-two .about-video { 
   right: 33px;
}

.home-two .about-single-box {
    gap: 30px;
}

.home-two .about-author-box {
    gap: 15px;
}

.home-two .about-author-content h4 {
    font-size: 16px;
}

.home-two .about-author-content p {
    margin-top: 3px;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 28px;
    line-height: 30px;
}

.home-two .single-counter-box {
    gap: 11px;
}

.home-two .counter-content h4 {
    margin-top: 0;
    font-size: 24px;
}

.home-two .counter-content span {
    font-size: 26px;
}

.home-two .counter-content p {
    font-size: 13px;
    margin: -2px 0 0;
}

.home-two.service-title-area .section-title.center {
    margin-bottom: 66px;
}

.home-two .row.service-up {
    margin-top: -416px;
}

.home-two .project-content {
    width: 73%;
}

.faq-singular .faq-question {
    font-size: 15px;
}

.donation-title-area {
    padding: 109px 0 213px;
}

.donation-area .row.donate {
    margin-top: -201px;
}

.donation-content {
    padding: 26px 13px 23px;
}

.donation-content a {
    font-size: 18px;
    line-height: 28px;
}

.blog-content a {
    font-size: 20px;
    line-height: 28px;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

.home-two p.footer-desc {
    width: 95%;
}

.home-two .footer-widget-blog-content a {
    font-size: 13px;
    line-height: 22px;
}


/*===============Home Three Responsive Css============*/
.home-three .header-menu ul li {
    margin-right: 11px;
}

.home-three .header-menu ul li a {
    font-size: 11px;
}

.home-three .header-button {
    margin-right: 10px;
}

.home-three .header-button a {
    padding: 11px 18px;
    margin-left: 0;
}

.home-three .header-secrch-icon i {
    width: 0;
}

.home-three .text-area-content h1 {
    font-size: 40px;
}

.home-three .nav-link {
    font-size: 15px;
    padding: 12px 22px;
}

.home-three .single-about-item {
    gap: 20px;
}

.home-three .about-list-item ul li {
    font-size: 14px;
}

.home-three .single-service-box {
    padding: 50px 9px 49px;
}

.home-three .services-content h4 {
    font-size: 16px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 41px;
}

.home-three .blog-content {
    padding: 37px 15px 39px;
}

.home-three .meta-blog span {
    margin-right: 6px;
}

.home-three .blog-title a {
    font-size: 19px;
    line-height: 29px;
}

.home-three .subscribe-box input {
    width: 62%;
}

/*===============Home Four Responsive Css============*/

.home-four .header-menu {
    text-align: right;
    position: relative;
    left: 85px;
}

.home-four .header-logo a {
    padding: 18px 28px;
}

.home-four .header-menu ul li {
    margin-right: 23px;
}

.home-four .hero-content h1 {
    font-size: 65px;
    line-height: 66px;
}

.home-four .about-thumb {
    position: relative;
    left: -72px;
}

.home-four .about-single-text-box {
    width: 50%;
}

.home-four .about-text h4 {
    font-size: 18px;
}

.home-four .about-item-box {
    display: block;
}

.home-four .single-services-box {
    padding: 35px 21px 45px;
}

.home-four .services-content h4 {
    font-size: 22px;
}

.home-four .testi-thumb {
    position: relative;
    left: -43px;
}

.home-four p.testi-text {
    width: 100%;
}

.home-four .info-shape {
    top: 23px;
}

.home-four .blog-content {
    padding: 27px 20px 21px;
}

.home-four .call-do-action-content h4 {
    font-size: 31px;
}






/*===============Services Details Responsive Css============*/


.service-details-icon-box {
    padding: 32px 4px 18px;
    gap: 13px;
}

.services-details-area .single-benifits-box {
    margin-bottom: 40px;
}

.services-details-area .benifits-content {
    padding: 30px 21px 23px;
    width: 98%;
}

/*widget-sidber*/

.widget-category ul li a {
    padding: 14px 11px;
}

.widget-sidber-contact-box {
    padding: 48px 27px 48px;
}

.widget-sidber-contact-btn  a {
    padding: 16px 43px 15px;
}

/*===============Project Details Responsive Css============*/

.project-details-list-item ul li {
    font-size: 14px;
    line-height: 35px;
}

.project-details-list-item ul li i {
    font-size: 16px;
    margin-right: 7px;
}

/*===============Donation Details Responsive Css============*/
.widget-sidber {
    padding: 32px 15px 29px;
}

.recent-widget-content a {
    font-size: 15px;
    line-height: 23px;
}

.faqs-area.inner .faqs-thumb img {
    width: 100%;
    position: relative;
    left: -12px;
}

.blog-list-content {
    border: 1px solid #2222;
}

a.blog-list-title {
    font-size: 22px;
}

.blog-grid-area .blog-content a {
    font-size: 17px;
    line-height: 27px;
}

h4.blog-details-title {
    font-size: 23px;
}

.blog-details-author-talk {
    padding: 41px 30px 40px;
}

.blog-details-category span a {
    margin-right: 2px;
}

.blog-post-box {
    padding: 84px 21px 31px 20px;
}

.blog-post-box.style-two {
    padding: 85px 26px 31px 21px;
}

.blog-post-content a {
    font-size: 15px;
    line-height: 19px;
}

.blog-details-comment {
    padding: 29px 11px 25px;
}

.blog-details-comment.style-two {
    margin-left: 27px;
}

.contact-area {
    padding: 123px 0 86px;
}

.row.pagla-shahin {
    padding-top: 63px;
}

/*===============Home Five Responsive Css============*/
.top-header-area {
    display: none;
}

.home-five .header-button a {
    padding: 12px 24px;
}

.home-five .hero-info {
    display: none;
}

.home-five.video-area {
    width: 44%;
    left: 37px;
}

.hero-slide-five .owl-dots {
    left: 40%;
    width: 36%;
    padding: 49px 103px;
}

.slider-counter {
    left: 64%;
}

.slider-counter:before {
  display: none;
}

.home-five .animal-link-icon a {
    left: 49px;
}

.home-five .animal-content h4 {
    font-size: 16px;
    margin-top: 15px;
}

.home-five .section-title.left h1 {
    font-size: 36px;
    line-height: 40px;
}

.home-five .about-item-text h4 {
    font-size: 14px;
}

.home-five .about-item-text img {
    margin-right: 4px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-thumb {
    position: relative;
    left: -45px;
}

.home-five .about-icon img {
    width: 44%;
}

.home-five .nav-link {
    padding: 24px 61px;
}

.home-five .event-titel h4 {
    font-size: 20px;
}

.home-five .donation-right {
    padding: 169px 26px 203px;
}

.home-five .section-title.left h1 {
    font-size: 26px;
    line-height: 30px;
}

.home-five .contact-info-title h1 {
    font-size: 20px;
}

.home-five .contact-info-box:before {
    left: -22px;
}

.home-five .contact-info-box:after {
    right: 31px;;
}

.home-five .donation-list ul li {
    margin-right: 2px;
}

.home-five .donation-right-content h1 {
    font-size: 24px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 94%;
}

.home-five .blog-content a {
    font-size: 16px;
}

.home-five .footer-contact-info {
    gap: 11px;
}

.home-five .footer-contact-content h4 {
    font-size: 14px;
}

.home-five .footer-widget-title h4 {
    font-size: 20px;
}

.home-five .footer-widget-gallery a img {
    width: 30%;
}


/*===============Home Six Responsive Css============*/

.home-six.header-area .header-button a {
    padding: 10px 26px;
    margin-left: 6px;
}

.home-six.header-area .header-menu ul li {
    margin-right: 13px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 60px;
    line-height: 75px;
}

.home-six .single-feature-box {
    padding: 26px 21px 37px;
}

.home-six .feature-content h4 {
    font-size: 16px;
}

.home-six .section-title.left h1 {
    font-size: 35px;
    line-height: 34px;
}

.home-six.about-area .about-thumb {
    left: -43px;
}

.home-six .about-item-box {
    display: block;
}

.home-six .about-list-item ul li {
    font-size: 15px;
}

.home-six.service-area .row.upper {
    margin-left: 55px;
}

.home-six .services-content h4 {
    font-size: 19px;
}

.home-six .why-choose-thumb {
    left: -459px;
}

.home-six .single-pricing-box {
    padding: 42px 14px 53px;
}

.home-six .team-content h4 {
    font-size: 18px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six .skill-bar span {
    left: 111px;
}

.home-six span.skill-count2 {
    left: 83px !important;
}

.home-six span.skill-count3 {
    left: 135px !important;
}

.home-six .blog-content a {
    font-size: 16px;
}

.home-six .contact-left {
    left: -69px;
}

.home-six .contact-content h4 {
    font-size: 30px;
    line-height: 26px;
}

.home-six .footer-widget-menu ul {
    margin-right: 3px;
}

.footer-widget-blog-thumb img {
    width: 90%;
}

.home-six .footer-widget-blog {
    gap: 0px;
}


/*===============Home Seven Responsive Css============*/
.home-seven .hero-content h1 {
    font-size: 60px;
    line-height: 60px;
}

.home-seven .hero-img {
    bottom: 95px;
    left: 31%;
}

.services-title-area.home-seven .row.upper {
    margin-left: 0;
}

.home-seven .project-content-two {
    padding: 25px 24px 37px;
    width: 83%;
}

.counter-area.home-seven {
    padding-left: 19px;
}

.home-seven .counter-content-two h4 {
    font-size: 100px;
    bottom: -4px;
    left: -4px;
}

.home-seven .testi-author-rating {
    top: 71px;
    right: 0px;
}

.home-seven .contact-left iframe {
    width: 106%;
}





}


/* Normal desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {

/*Home 1 Resopnsive*/
.top-header-area {
    display: none;
}

.header-area {
    display: none;
}

.sticky {
    position: absolute !important;
}

.hero-area {
    height: 750px;
    padding-top: 44px;
}

.hero-social-icon {
    display: none;
}

.hero-content p {
    width: 70%;
}

.about-thumb {
    left: 0;
    padding-bottom: 36px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
    width: 58%;
}

.section-title.left h4 {
    margin-bottom: 17px;
}

.section-title.left h1 {
    font-size: 40px;
    line-height: 40px;
}

.about-shape-2 {
    left: 248px;
}

.about-box-content p {
    width: 74%;
}

.service-area {
    padding: 113px 0 110px;
}


.skill-area {
    padding: 112px 0 106px;
}

p.section-desc {
    width: 96%;
}

.skills-item {
    width: 49%;
}

.skills-item-title h4 {
    font-size: 18px;
}

.skills-item-content {
    gap: 12px;
    padding: 18px 20px 18px 18px;
}

.skills-thumb {
    left: 0;
}

.skills-thumb img {
    width: 100%;
    padding-top: 38px;
}

.skills-shape {
    top: 36px;
    left: 72px;
}

.counter-area {
    padding: 80px 0 134px;
    background-position: center center;
}

.single-counter-box {
    margin-bottom: 37px;
}

#poress-row {
    padding: 18px 7px 36px;
}

.porcess-thumb {
    position: relative;
    left: 0;
    padding-bottom: 28px;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding-left: 20px;
}

.project-area .owl-nav {
    position: relative;
    left: 252px;
    top: 46px;
}

.project-content a {
    font-size: 24px;
}

.single-process-box-two {
    padding: 0 11px 0;
}

.single-process-box-two.style-three::before {
    display: none;
}

.testi-shape {
    left: -6%;
}

#brand-bg {
    padding: 80px 0 61px;
}

.single-shape {
    display: none;
}

.testimonial-area {
    background-position: center;
}

.testi-shape-four {
    top: 244px;
    right: 1%;
}

.testi-shape-tow {
    top: 235px;
    left: 0%;
}

.blog-area .echofy-button {
    margin-top: 0;
    float: left;
    margin-bottom: 60px;
}

.blog-content {
    padding: 27px 22px 28px;
}

.footer-social-icon {
    text-align: left;
    padding-top: 25px;
}

.footer-widget-content {
    margin-bottom: 25px;
}

.footer-bottom-area {
    padding: 74px 0 33px;
}

/*===============Home two Responsive Css============*/

.hero-area.home-two {
    height: 730px;
    padding-top: 76px;
}

.home-two .hero-content h1 {
    font-size: 40px;
    line-height: 40px;
}

.home-two p.about-desc {
    width: 80%;
}

.home-two .about-thumb {
    left: 0;
}

.home-two .about-video {
    right: 61px;
}

.home-two .about-single-box {
    gap: 30px;
}

.home-two .about-author-box {
    gap: 15px;
}

.home-two .about-author-content h4 {
    font-size: 16px;
}

.home-two .about-author-content p {
    margin-top: 3px;
}

.home-two.service-title-area {
    padding: 112px 0 233px;
}

.services-shape-one {
    top: 11%;
    left: 2%;
}

.services-shape-two {
    top: 15%;
    right: 8%;
}

.home-two .row.service-up {
    margin-top: -339px;
}

.home-two .service-content {
    padding: 64px 19px 23px;
}

.home-two .project-content {
    width: 92%;
    left: 14px;
}

.faq-singular .faq-question {
    font-size: 17px;
}

.faqs-area p.section-desc {
    width: 71%;
}

.faqs-area .echofy-button {
    margin-bottom: 38px;
}

.donation-title-area {
    padding: 109px 0 236px;
}

.donation-area .row.donate {
    margin-top: -225px;
}

.donation-content {
    padding: 26px 24px 23px;
}

.donation-content a {
    font-size: 20px;
    line-height: 30px;
}

.donation-shape-one {
    top: 18%;
    left: 0%;
}

.donation-shape-two {
    top: 17%;
    right: 3%;
}

.home-two.testimonial-area {
    background-position: center right;
    padding: 100px 0 100px;
}

.home-two.testimonial-area .testi-shape {
    left: -13%;
}

.home-two.testimonial-area .single-testimonial-box {
    padding: 34px 46px 32px;
}

.text-block {
    font-size: 9vw;
}

.blog-content a {
    font-size: 20px;
    line-height: 28px;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

.home-two p.footer-desc {
    width: 95%;
}



/*===============Home Three Responsive Css============*/

.home-three.text-area {
    padding: 179px 0 111px;
}

.home-three .text-area-content h1 {
    font-size: 35px;
}

.home-three .text-area-content p {
    width: 90%;
}

.home-three.hero-area {
    height: 550px;
    padding-top: 15px;
}

.home-three .hero-content h2 {
    font-size: 32px;
    letter-spacing: 10px;
}

.home-three .about-thumb {
    left: 0;
}

.home-three .single-service-box {
    margin-bottom: 20px;
}

.home-three.counter-area p.section-desc {
    width: 76%;
}

.home-three .single-counter-box {
    margin-top: 22px;
}

.home-three.project-area .section-title.left h1 {
    font-size: 32px;
    line-height: 40px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 25px;
}

.home-three.skill-area {
    background-position: center right;
}

.home-three .vedio-content {
    display: none;
}

.home-three .faqs-thumb {
    margin-top: 17px;
}

.home-three .blog-content {
    padding: 37px 18px 39px;
}

.home-three .meta-blog span {
    margin-right: 12px;
}

.home-three .blog-title a {
    font-size: 20px;
    line-height: 30px;
}

.home-three .subscribe-content p {
    margin: 10px 0 33px;
}

.home-three .subscribe-box input {
    width: 44%;
}

.home-three .subscribe-box button {
    float: inherit;
}

.home-three .footer-widget-content {
    margin-bottom: 48px;
}

.home-three .footer-bottom-area {
    margin-top: 58px;
}

/*===============Home Four Responsive Css============*/

.home-four.hero-area {
    background-position: center right;
     height: 769px;
}

.home-four .counter-thumb img {
    margin-bottom: 24px;
}

.home-four .row.add-bg {
    padding: 0 0 38px;
}

.home-four.about-area {
    padding: 310px 0 108px;
}

.home-four .about-thumb {
    left: 0;
}

.home-four .about-single-text-box {
    right: -1px;
    bottom: -17px;
}

.home-four .single-services-box {
    padding: 35px 24px 45px;
    margin-bottom: 20px;
}

.home-four .services-content h4 {
    font-size: 22px;
}

.skill-thumb img {
    width: 100%;
}

.home-four .info-content h4 {
    font-size: 22px;
}

.home-four .info-content span {
    margin: 6px 0 0;
}

.home-four .info-shape {
    top: 23px;
}

.home-four .call-do-action-content h4 {
    font-size: 34px;
}

/*===============Home Five Responsive Css============*/

.home-five .hero-info {
    display: none;
}

.home-five .hero-content p {
    width: 70%;
}

.home-five.video-area {
    width: 60%;
    left: 0;
}

.hero-slide-five .owl-dots {
    left: 49%;
    width: 43%;
}

.slider-counter {
    left: 83%;
}
.slider-counter:before{
    display: none;
}

.home-five.animal-area {
    padding: 187px 0 99px;
}

.home-five .single-animal-box {
    margin-bottom: 24px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-icon img {
    width: 30%;
}

.home-five.about-area p.section-desc {
    width: 88%;
}

.home-five p.about-desc {
    width: 90%;
}

.home-five.gallery-area .style-four.echofy-button {
    float: left;
    margin-top: -16px;
    margin-bottom: 58px;
}

.home-five .contact-info-title h4 {
    font-size: 15px;
}

.home-five .contact-info-title h1 {
    font-size: 18px;
    margin-top: 13px;
}

.home-five.contact-info-area .contact-info-box {
    padding-left: 0;
    margin: 0;
}

.home-five.contact-info-area .echofy-button {
    margin-top: 43px;
}

.home-five .nav-link {
    padding: 17px 32px;
}

.home-five .event-titel h4 {
    font-size: 20px;
    line-height: 30px;
}

.home-five .event-desc-box {
    padding: 27px 51px 0 16px;
}

.home-five.donation-area .section-title.left h1 {
    color: #fff;
    font-size: 38px;
}

.home-five .donation-right {
    padding: 119px 38px 137px;
    margin-top: 30px;
}

.home-five.animal-video-area .section-title.left h1 {
    line-height: 27px;
    font-size: 24px;
}

.home-five.animal-video-area .echofy-button {
    margin-top: -15px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 93%;
}

.home-five .blog-content a {
    font-size: 20px;
}

.home-five .meta-blog span {
    margin-right: 16px;
}

.home-five .footer-contact-info {
    margin-top: 23px;
}


/*===============Home Six Responsive Css============*/

.hero-area.home-six {
    height: 830px;
    padding-top: 23px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 45px;
    line-height: 56px;
}

.home-six .single-feature-box {
    padding: 26px 21px 37px;
    margin-bottom: 23px;
}

.home-six.about-area {
    padding: 81px 0 123px;
}

.home-six.service-area .row.upper {
     top: -321px;
    margin-left: -2px;
}

.home-six.why-choose-area {
    padding: 375px 0 84px;
}

.home-six .why-choose-thumb {
    left: 0;
    margin-bottom: 43px;
}

.home-six .why-choose-thumb img{
    width: 100%;
}

.home-six.why-choose-area p.section-desc {
    width: 75%;
}

.home-six .choose-us-content p {
    width: 76%;
}

.home-six .single-pricing-box {
    padding: 42px 20px 53px;
    margin-bottom: 22px;
}

.home-six.team-area {
    padding: 122px 0 103px;
}

.home-six .single-team-box {
    margin-bottom: 24px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six.skill-area p.section-desc {
    width: 73%;
}

.home-six.blog-area {
    padding: 111px 0 94px;
}

.home-six .single-blog-box {
    margin-bottom: 50px;
}

.home-six .blog-content a {
    font-size: 18px;
}

.home-six .contact-left {
    text-align: left;
    left: 0;
}

.home-six .contact-icon {
    margin: 0;
    text-align: center;
    margin-bottom: 43px;
}

.home-six .contact-title h4 {
    margin-bottom: 50px;
    margin-top: 42px;
}

.home-six.contact-area:before {
    background: transparent;
}

.home-six .contact-submit-button button {
    background: #ffff;
    color: #49AE44;
    border: 2px solid #fff
}

.home-six .footer-bottom-content ul li {
    margin: 0 5px;
}


/*===============Home Seven Responsive Css============*/
.hero-area.home-seven {
    background-position: center left;
}

.home-seven .hero-content h1 {
    font-size: 66px;
    line-height: 66px;
}

.home-seven .hero-img {
    bottom: 97px;
    left: 42%;
}

.home-six.services-title-area p.section-desc {
    margin: 2px 0 0;
}

.services-title-area.home-seven .row.upper {
    margin-left: 0;
}

.home-seven .project-content-two {
    padding: 25px 16px 37px;
    width: 90%;
}

.home-seven .choose-shape {
    top: 12px;
    left: 41%;
}

.home-seven .counter-content-two h4 {
    font-size: 100px;
    bottom: -8px;
    left: -42px;
}

.counter-area.home-seven {
    padding-left: 100px;
}

.home-seven .vedio-content a {
    top: 40px;
}

.home-seven .contact-left iframe {
    width: 100%;
    height: 360px;
}

.home-seven .contact-submit-button button {
    background: #49AE44;
    color: #fff;
    margin-bottom: 128px;
}




/*===============All Inner Pages Responsive Css============*/
.service-details-icon-box {
    padding: 32px 17px 18px;
    gap: 19px;
}

.services-details-area .single-benifits-box {
    margin-bottom: 40px;
}

.project-details-right {
    margin-bottom: 37px;
}

.donation-details-area button.submit-donation {
    margin-bottom: 37px;
}

.faqs-area.inner .faqs-thumb {
    margin-bottom: 32px;
}

a.blog-list-title {
    font-size: 25px;
}

h4.blog-details-title {
    font-size: 26px;
}

.blog-details-author-talk {
    padding: 41px 36px 40px;
}

.blog-post-box {
    padding: 84px 21px 31px 22px;
    gap: 15px;
}

.blog-post-box.style-two {
    padding: 85px 24px 31px 21px;
}

.blog-post-content a {
    font-size: 15px;
    line-height: 20px;
}

.row.contact-info-bg {
    padding: 50px 30px 14px;
}

.contact-info-box {
    margin-bottom: 35px;
}





}



/* Normal desktop :600px. */
@media (min-width: 600px) and (max-width: 767px) {


/*Home 1 Resopnsive*/
.top-header-area {
    display: none;
}

.header-area {
    display: none;
}

.sticky {
    position: absolute !important;
}

.hero-area {
    height: 750px;
    padding-top: 57px;
}

.hero-content h1 {
    font-size: 48px;
    line-height: 50px;
}

.hero-social-icon {
    display: none;
}

.hero-content p {
    width: 70%;
}

.hero-slides .owl-dots {
    right: 27px;
}

.about-thumb {
    left: 0;
    padding-bottom: 36px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
    width: 58%;
}

.section-title.left h4 {
    margin-bottom: 17px;
}

.section-title.left h1 {
    font-size: 30px;
    line-height: 30px;
}

.about-shape-2 {
    left: 248px;
}

.about-box-content p {
    width: 74%;
}

.service-area {
    padding: 113px 0 86px;
}

.single-service-box {
    padding: 37px;
}

.service-box-shape {
    right: 30px;
    top: 29px;
}

.service-area .owl-next {
    right: -33px;
    top: -632px;
}

.service-area .owl-prev {
    right: 30px;
    top: -633px;
}

.skill-area {
    padding: 112px 0 115px;
}

p.section-desc {
    width: 96%;
}

.skills-item {
    width: 49%;
}

.skills-item-title h4 {
    font-size: 18px;
}

.skills-item-content {
    gap: 12px;
    padding: 18px 20px 18px 18px;
}

.skills-thumb {
    left: 0;
}

.skills-thumb img {
    width: 100%;
    padding-top: 38px;
}

.skills-shape {
    top: -2px;
    left: 0;
}

.counter-area {
    padding: 80px 0 134px;
    background-position: center center;
}

.single-counter-box {
    margin-bottom: 37px;
}

#poress-row {
    padding: 18px 7px 36px;
}

.porcess-thumb {
    position: relative;
    left: 0;
    padding-bottom: 28px;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding-left: 20px;
}

.project-area .owl-nav {
    position: relative;
    left: 265px;
    top: -159px;
}

.project-content a {
    font-size: 24px;
}

.process-area-two .section-title.center {
    margin-bottom: 37px;
}

.process-area-two .section-title.center h4 {
    margin-bottom: 13px;
}

.process-area-two .section-title.center h1 {
    font-size: 35px;
}

.single-process-box-two {
    padding: 0 0 0;
}

.single-process-box-two::before {
    display: none;
}

.single-process-box-two.style-three::before {
    display: none;
}

.section-title.center h4 {
    margin-bottom: 17px;
}

.section-title.center h1 {
    font-size: 34px;
    line-height: 35px;
}

.testimonial-area {
    background-position: center;
}

.testi-shape-tow {
    display: none;
}

.testi-shape-four {
    display: none;
}

.testi-shape {
    left: -6%;
}

#brand-bg {
    padding: 64px 0 61px;
}

.brand-content h4 {
    margin-bottom: 39px;
}

.single-shape {
    display: none;
}

.team-area {
    background-position: center;
}

.blog-area .echofy-button {
    margin-top: 0;
    float: left;
    margin-bottom: 60px;
}

.blog-content {
    padding: 27px 29px 28px;
}

.blog-content a {
    font-size: 20px;
    line-height: 25px;
}

.footer-social-address {
    padding: 49px 33px 55px;
}

.footer-social-icon {
    text-align: left;
    padding-top: 25px;
}

.footer-widget-content {
    margin-bottom: 25px;
}

.footer-bottom-area {
    padding: 74px 0 33px;
}

/*===============Home two Responsive Css============*/

.hero-area.home-two {
    height: 650px;
    padding-top: 58px;
}

.home-two .hero-thumb {
    display: none;
}

.home-two .hero-content h1 {
    font-size: 48px;
    line-height: 51px;
}

.home-two .hero-content p {
    width: 94%;
}

.home-two .hero-shape {
    display: none;
}

.home-two .about-thumb {
    left: 0;
}

.home-two .about-video {
    right: 46px;
}

.home-two .about-single-box {
    gap: 30px;
}

.home-two .about-author-box {
    gap: 15px;
}

.home-two .about-author-content h4 {
    font-size: 16px;
}

.home-two .about-author-content p {
    margin-top: 3px;
}

.home-two .row.service-up {
    margin-top: -440px;
}

.home-two .service-content {
    padding: 64px 19px 23px;
}

.home-two .services-shape-one {
    top: 26%;
    left: -1%;
}

.home-two .services-shape-two {
    top: 26%;
    right: 0%;
}

.home-two .row.fade-de {
    padding: 85px 15px 55px;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.home-two .single-counter-box {
    gap: 12px;
}

.counter-content p {
    font-size: 17px;
    margin: -1px 0 0;
}

.home-two .project-content {
    width: 60%;
}

.faq-singular .faq-question {
    font-size: 17px;
}

.faqs-area p.section-desc {
    width: 85%;
}

.faqs-area .echofy-button {
    margin-bottom: 38px;
}

.donation-title-area {
    padding: 109px 0 348px;
}

.donation-area .row.donate {
    margin-top: -340px;
}

.donation-content {
    padding: 26px 24px 23px;
}

.donation-content a {
    font-size: 20px;
    line-height: 30px;
}

.donation-shape-one {
    top: 26%;
    left: -1%;
}

.donation-shape-two {
    top: 29%;
    right: 1%;
}

.home-two.testimonial-area {
    background-position: center right;
}

.home-two.testimonial-area .testi-shape {
    top: -109px;
    left: -23%;
}

.text-block {
    font-size: 8vw;
}

.blog-content a {
    font-size: 20px;
    line-height: 28px;
}

.home-two.footer-area .echofy-button {
    margin-top: 30px;
    text-align: left;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

.home-two p.footer-desc {
    width: 95%;
}

.home-two .footer-widget-blog-content a {
    font-size: 15px;
    line-height: 24px;
}

/*===============Home Three Responsive Css============*/

.home-three.text-area {
    padding: 179px 0 111px;
}

.home-three .text-area-content h1 {
    font-size: 28px;
}

.home-three .text-area-content p {
    width: 90%;
}

.home-three.hero-area {
    height: 550px;
    padding-top: 15px;
}

.home-three .hero-content h2 {
    font-size: 32px;
    letter-spacing: 10px;
}

.home-three .about-thumb {
    left: 0;
}

.home-three .about-desc p {
    width: 97%;
}

.home-three .nav-link {
    padding: 12px 24px;
    margin-right: 11px;
}

.home-three .single-about-item {
    gap: 7px;
}

.home-three.about-area .style-two.echofy-button a {
    font-size: 15px;
    padding: 12px 30px;
}


.home-three .single-service-box {
    margin-bottom: 20px;
}

.home-three.counter-area p.section-desc {
    width: 76%;
}

.home-three .single-counter-box {
    margin-top: 22px;
}

.home-three.project-area .section-title.left {
    margin-bottom: 34px;
}

.home-three.project-area .section-title.left h1 {
    font-size: 32px;
    line-height: 40px;
}

.home-three.project-area .style-two.echofy-button {
    float: left;
    margin-top: 0;
    margin-bottom: 45px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 25px;
}

.home-three.skill-area {
    background-position: center right;
}

.home-three .vedio-content {
    display: none;
}

.home-three .faqs-thumb {
    margin-top: 17px;
    left: 0;
}

.faqs-thumb img {
    width: 100%;
}

.home-three .blog-content {
    padding: 37px 36px 39px;
}

.home-three .meta-blog span {
    margin-right: 12px;
}

.home-three .blog-title a {
    font-size: 20px;
    line-height: 30px;
}

.home-three .subscribe-content p {
    margin: 10px 0 33px;
}

.home-three .blog-content {
    padding: 37px 36px 39px;
}

.home-three .subscribe-box button {
    float: inherit;
}

.home-three .footer-widget-content {
    margin-bottom: 48px;
}

.home-three .footer-bottom-area {
    margin-top: 58px;
}

/*===============Home Four Responsive Css============*/

.home-four.hero-area {
    background-position: center right;
     height: 769px;
}

.home-four .hero-content h1 {
    font-size: 60px;
    line-height: 62px;
}

.home-four .counter-thumb img {
    margin-bottom: 24px;
}

.home-four .single-conter-box {
    margin-top: 36px;
}

.home-four .row.add-bg {
    padding: 0 0 38px;
}

.home-four.about-area {
    padding: 310px 0 114px;
}

.home-four .about-thumb {
    left: 0;
}

.home-four .about-single-text-box {
    right: -1px;
    bottom: -17px;
    width: 50%;
}

.home-four .single-services-box {
    padding: 35px 24px 45px;
    margin-bottom: 20px;
}

.home-four .services-content h4 {
    font-size: 22px;
}

.skill-thumb img {
    width: 100%;
}

.home-four p.testi-text {
    width: 85%;
}

.home-four .info-thumb img {
   left: 0;
}

.home-four .info-content {
    margin-left: 0;
    padding: 22px 25px 30px;
}

.home-four .info-content h4 {
    font-size: 22px;
}

.home-four .info-content span {
    margin: 6px 0 0;
}

.home-four .info-shape {
    top: 71px;
    right: 42%;
}
.home-four .call-do-action-content h4 {
    font-size: 34px;
}

.home-four.call-do-action-area .style-three.echofy-button {
    float: left;
    margin-top: 35px;
}

.col-lg-9.col-md-9.menu {
    position: relative;
    left: -99px;
    padding-top: 32px;
}



/*===============Home Five Responsive Css============*/

.home-five .hero-info {
    display: none;
}

.home-five .hero-content h1 {
    font-size: 45px;
    line-height: 46px;
}

.home-five .hero-content p {
    width: 88%;
}

.home-five.video-area {
    width: 60%;
    left: 0;
}

.hero-slide-five .owl-dots {
    left: 52%;
    width: 48%;
    padding: 49px 48px;
}

.slider-counter {
    left: 83%;
}
.slider-counter:before{
    display: none;
}

.home-five.animal-area {
    padding: 187px 0 99px;
}

.home-five .single-animal-box {
    margin-bottom: 24px;
}

.home-five .single-animal-box.active .animal-link-icon a {
    top: 42%;
    left: 107px;
}

.home-five .section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-icon img {
    width: 30%;
}

.home-five.about-area p.section-desc {
    width: 88%;
}

.home-five .about-item-text h4 {
    font-size: 14px;
}

.home-five p.about-desc {
    width: 90%;
}

.home-five.gallery-area .style-four.echofy-button {
    float: left;
    margin-top: -16px;
    margin-bottom: 58px;
}

.home-five .contact-info-title h4 {
    font-size: 15px;
}

.home-five .contact-info-title h1 {
    font-size: 18px;
    margin-top: 13px;
}

.home-five.contact-info-area .contact-info-box {
    padding-left: 0;
    margin: 0;
    margin-top: 32px;
}

.home-five.contact-info-area .echofy-button {
    margin-top: 43px;
}

.home-five .nav-link {
    padding: 17px 26px;
}

.home-five .event-titel h4 {
    font-size: 17px;
    line-height: 27px;
}

.home-five .single-event:hover {
    height: 476px;
}

.home-five .event-desc-box {
    padding: 27px 51px 0 16px;
}

.home-five.donation-area .section-title.left h1 {
    color: #fff;
    font-size: 30px;
}

.home-five .single-donation-box {
    padding: 100px 36px 112px;
}

.home-five .donation-list ul li {
    display: inline-block;
    margin-right: 0px;
}

.home-five .donation-right {
    padding: 119px 38px 137px;
    margin-top: 30px;
}

.home-five.animal-video-area .section-title.left h1 {
    line-height: 27px;
    font-size: 24px;
}

.home-five .animal-video-button {
    float: left;
    margin-top: 45px;
}

.home-five.animal-video-area .echofy-button {
    margin-top: -15px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 93%;
}

.home-five .blog-content a {
    font-size: 20px;
}

.home-five .meta-blog span {
    margin-right: 16px;
}

.home-five .footer-contact-info {
    margin-top: 23px;
}

.home-five .footer-widget-gallery a img {
    margin: 5px -1px;
}

.footer-bottom-content {
    float: left;
    margin-top: 8px;
}

.home-five .footer-bottom-content ul li {
    margin: 0 5px;
}

/*===============Home Six Responsive Css============*/

.hero-area.home-six {
    height: 700px;
    padding-top: 23px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 34px;
    line-height: 40px;
}

.home-six .single-feature-box {
    padding: 26px 21px 37px;
    margin-bottom: 23px;
}

.home-six .section-title.left h1 {
    font-size: 36px;
    line-height: 31px;
}

.home-six .section-title.center h1 {
    font-size: 38px;
    line-height: 35px;
}

.home-six.about-area {
    padding: 81px 0 123px;
}

.home-six .about-item-box {
    display: block;
}

.home-six.service-area .row.upper {
     top: -321px;
    margin-left: -2px;
}

.home-six.why-choose-area {
    padding: 375px 0 84px;
}

.home-six .why-choose-thumb {
    left: 0;
    margin-bottom: 43px;
}

.home-six .why-choose-thumb img{
    width: 100%;
}

.home-six.why-choose-area p.section-desc {
    width: 75%;
}

.home-six .choose-us-content p {
    width: 76%;
}

.home-six .single-pricing-box {
    padding: 42px 40px 53px;
    margin-bottom: 22px;
}

.home-six.pricing-area .single-pricing-box .echofy-button {
    text-align: left;
}

.home-six.team-area {
    padding: 122px 0 103px;
}

.home-six .single-team-box {
    margin-bottom: 24px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six.skill-area p.section-desc {
    width: 73%;
}

.home-six.blog-area {
    padding: 111px 0 94px;
}

.home-six .single-blog-box {
    margin-bottom: 50px;
}

.home-six .blog-content a {
    font-size: 18px;
}

.home-six .contact-content h4 {
    font-size: 36px;
    line-height: 38px;
}

.home-six .contact-left {
    text-align: left;
    left: 0;
}

.home-six .contact-icon {
    margin: 0;
    text-align: center;
    margin-bottom: 43px;
}

.home-six .contact-title h4 {
    margin-bottom: 50px;
    margin-top: 42px;
}

.home-six.contact-area:before {
    background: transparent;
}

.home-six .contact-submit-button button {
    background: #ffff;
    color: #49AE44;
    border: 2px solid #fff
}

.home-six .footer-social-icon {
    margin-bottom: 34px;
}

.home-six .footer-bottom-content ul li {
    margin: 0 5px;
}

/*===============Home Seven Responsive Css============*/
.hero-area.home-seven {
    background-position: center left;
     height: 733px;
    padding-top: 82px;
}

.home-seven .hero-content h1 {
    font-size: 56px;
    line-height: 56px;
}

.home-seven .hero-img {
    bottom: 124px;
    left: 52%;
}

.home-six.services-title-area p.section-desc {
    margin: 2px 0 0;
}

.services-title-area.home-seven .row.upper {
    margin-left: 0;
}

.home-seven .project-content-two {
    padding: 25px 16px 37px;
    width: 90%;
}

.home-seven .choose-shape {
    top: 12px;
    left: 41%;
}

.home-seven .counter-content-two h4 {
    font-size: 100px;
    bottom: -8px;
    left: -42px;
}

.counter-area.home-seven {
    padding-left: 100px;
}

.home-seven .testi-author-rating {
    right: 17px;
}

.home-seven.faqs-area .section-title.left h1 {
    font-size: 36px;
    line-height: 35px;
}

.home-seven .vedio-content a {
    top: 40px;
}

.home-seven .contact-left iframe {
    width: 100%;
    height: 360px;
}

.home-seven .contact-submit-button button {
    background: #49AE44;
    color: #fff;
    margin-bottom: 128px;
}






/*===============All Inner Pages Responsive Css============*/
.breadcumb-area {
    padding: 211px 0 143px;
}

.breadcumb-title h4 {
    font-size: 38px;
}

h4.services-details-title {
    font-size: 28px;
}

.service-details-icon-box {
    padding: 32px 17px 18px;
    gap: 19px;
}

.services-details-area .single-benifits-box {
    margin-bottom: 40px;
}

.project-details-content h4 {
    font-size: 32px;
}

.project-details-right {
    margin-bottom: 37px;
}

h4.dontaion-detais-title {
    font-size: 27px;
    margin: 40px 0 24px;
}

.donation-details-area button.submit-donation {
    margin-bottom: 44px;
}

.faqs-area.inner .faqs-thumb {
    margin-bottom: 32px;
}

.blog-list-content {
    padding: 27px 24px 20px;
}

.blog-list-area .meta-blog span {
    margin-right: 20px;
}

a.blog-list-title {
    font-size: 18px;
}

.blog-details-content {
    padding: 27px 22px 20px;
}

h4.blog-details-title {
    font-size: 20px;
}

.blog-details-author-talk {
    padding: 41px 36px 40px;
}

.blog-details-author-title p {
    font-size: 17px;
    line-height: 26px;
}

.blog-post-box {
    padding: 84px 21px 31px 22px;
    gap: 15px;
}

.blog-post-box.style-two {
    padding: 85px 24px 31px 21px;
}

.blog-post-content a {
    font-size: 20px;
    line-height: 30px;
}

.blog-details-thumb.two {
    margin-bottom: 20px;
}

.blog-details-social-icon {
    text-align: left;
    padding-top: 25px;
}

.blog-details-comment-thumb {
    float: left;
    margin-right: 10px;
}

.blog-details-comment {
    padding: 29px 6px 25px;
}

.blog-details-comment-content h2 {
    margin-right: 8px;
}

.blog-details-comment.style-two {
    margin-left: 0px;
}

.blog-details-comment-reply {
    right: -10px;
}

.row.contact-info-bg {
    padding: 50px 30px 14px;
}

.contact-info-box {
    margin-bottom: 35px;
}




}

/* Normal desktop :480px. */
@media (min-width: 480px) and (max-width: 599px) {

/*Home 1 Resopnsive*/
.top-header-area {
   display: none;
}

.header-area {
    display: none;
}

.sticky {
    position: absolute !important;
}

.hero-area {
    height: 662px;
    padding-top: 57px;
}

.hero-content h1 {
    font-size: 48px;
    line-height: 50px;
}

.hero-social-icon {
    display: none;
}

.hero-content p {
    width: 73%;
}

.hero-slides .owl-dots {
    right: 27px;
}

.about-thumb {
    left: 0;
    padding-bottom: 36px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
}

.section-title.left h4 {
    margin-bottom: 9px;
}

.section-title.left h1 {
    font-size: 30px;
    line-height: 30px;
}

.about-shape-2 {
    left: 248px;
}

.service-area {
    padding: 113px 0 114px;
}

.service-area .owl-next {
    right: 0px;
    top: -623px;
}

.service-area .owl-prev {
    right: 64px;
    top: -623px;
}

.skill-area {
    padding: 112px 0 115px;
}

p.section-desc {
    width: 96%;
}

.skills-item-title h4 {
    font-size: 18px;
}

.skills-item-content {
    gap: 12px;
    padding: 18px 50px 18px 26px;
}

.skills-thumb {
    left: 0;
}

.skills-thumb img {
    width: 100%;
    padding-top: 38px;
}

.skills-shape {
    top: -2px;
    left: 0;
}

.counter-area {
    padding: 80px 0 134px;
    background-position: center center;
}

.single-counter-box {
    margin-bottom: 37px;
}

#poress-row {
    padding: 18px 7px 36px;
}

.porcess-thumb {
    position: relative;
    left: 0;
    padding-bottom: 28px;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding-left: 20px;
}

.project-area .owl-nav {
    display: none;
}

.project-content a {
    font-size: 24px;
}

a.project-button {
    margin-top: 9px;
}

.process-area-two .section-title.center {
    margin-bottom: 37px;
}

.process-area-two .section-title.center h4 {
    margin-bottom: 13px;
}

.process-area-two .section-title.center h1 {
    font-size: 35px;
}

.single-process-box-two {
    padding: 0 65px 0;
}

.single-process-box-two::before {
    display: none;
}

.single-process-box-two.style-three::before {
    display: none;
}

.section-title.center h4 {
    margin-bottom: 17px;
}

.section-title.center h1 {
    font-size: 30px;
    line-height: 32px;
}

.testimonial-area {
    background-position: center;
}

.testi-shape-tow {
    display: none;
}

.testi-shape-four {
    display: none;
}

.single-testimonial-box {
    padding: 34px 25px 32px;
}

.testi-shape {
    left: -35%;
}

#brand-bg {
    padding: 64px 0 61px;
}

.brand-content h4 {
    margin-bottom: 22px;
    font-size: 20px;
}

.single-shape {
    display: none;
}

.team-area {
    background-position: center;
}

.blog-area .echofy-button {
    margin-top: 0;
    float: left;
    margin-bottom: 60px;
}

.blog-content {
    padding: 27px 29px 28px;
}

.blog-content a {
    font-size: 19px;
    line-height: 26px;
}

.footer-social-address {
    padding: 49px 33px 55px;
}

.footer-social-address-content h4 {
    font-size: 35px;
}

.footer-social-icon {
    text-align: left;
    padding-top: 25px;
}

p.footer-desc {
    width: 67%;
}

.footer-widget-content {
    margin-bottom: 25px;
}

.footer-bottom-area {
    padding: 74px 0 33px;
}

/*===============Home two Responsive Css============*/

.hero-area.home-two {
    height: 650px;
    padding-top: 58px;
}

.home-two .hero-thumb {
    display: none;
}

.home-two .hero-content h1 {
    font-size: 48px;
    line-height: 51px;
}

.home-two .hero-content p {
    width: 94%;
}

.home-two .hero-shape {
    display: none;
}

.home-two .about-thumb {
    left: 0;
}

.home-two .about-video {
    right: 14px;
}

.home-two .about-single-box {
    gap: 30px;
}

.home-two .about-author-box {
    gap: 15px;
}

.home-two .about-author-content h4 {
    font-size: 16px;
}

.home-two .about-author-content p {
    margin-top: 3px;
}

.home-two .row.service-up {
    margin-top: -409px;
}

.home-two .service-content {
    padding: 64px 19px 23px;
}

.services-shape-one {
   display: none;
}

.services-shape-two {
  display: none;
}

.home-two .row.fade-de {
    padding: 85px 15px 55px;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 34px;
    line-height: 34px;
}

.home-two .single-counter-box {
    gap: 12px;
}

.counter-content p {
    font-size: 18px;
    margin: -1px 0 0;
}

.home-two .project-content {
    width: 76%;
}

.faq-singular .faq-question {
    font-size: 14px;
}

.faqs-area p.section-desc {
    width: 94%;
}

.faqs-area .echofy-button {
    margin-bottom: 38px;
}

.donation-title-area {
    padding: 109px 0 305px;
}

.donation-area .row.donate {
    margin-top: -298px;
}

.donation-content {
    padding: 26px 24px 23px;
}

.donation-content a {
    font-size: 20px;
    line-height: 30px;
}

.donation-shape-one {
   display: none;
}

.donation-shape-two {
  display: none;
}

.home-two.testimonial-area {
    background-position: center right;
}

.home-two.testimonial-area .testi-shape {
    top: -115px;
    left: -77px;
}

.text-block {
    font-size: 8vw;
}

.blog-content a {
    font-size: 18px;
    line-height: 28px;
}

.footer-social-address-content h4 {
    font-size: 27px;
}

.home-two.footer-area .echofy-button {
    margin-top: 33px;
    text-align: left;
}

.home-two p.footer-desc {
    width: 95%;
}

.home-two .footer-widget-blog-content a {
    font-size: 15px;
    line-height: 24px;
}

/*===============Home Three Responsive Css============*/

.home-three.text-area {
    padding: 179px 0 111px;
}

.home-three .text-area-content h1 {
    font-size: 23px;
}

.home-three .text-area-content p {
    width: 90%;
}

.home-three.hero-area {
    height: 550px;
    padding-top: 15px;
}

.home-three .hero-content h2 {
    font-size: 32px;
    letter-spacing: 10px;
}

.home-three .about-thumb {
    left: 0;
}

.home-three .about-desc p {
    width: 97%;
}

.home-three .nav-link {
    padding: 12px 15px;
    margin-right: 8px;
}

.home-three .single-about-item {
    display: block;
}

.about-img {
    margin-top: 26px;
}

.home-three.about-area .style-two.echofy-button a {
    font-size: 15px;
    padding: 12px 30px;
}


.home-three .single-service-box {
    margin-bottom: 20px;
}

.home-three.counter-area p.section-desc {
    width: 76%;
}

.home-three .single-counter-box {
    margin-top: 22px;
}

.home-three.project-area .section-title.left {
    margin-bottom: 34px;
}

.home-three.project-area .section-title.left h1 {
    font-size: 32px;
    line-height: 40px;
}

.home-three.project-area .style-two.echofy-button {
    float: left;
    margin-top: 0;
    margin-bottom: 45px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 10px;
}

.home-three.skill-area {
    background-position: center right;
}

.home-three .vedio-content {
    display: none;
}

.home-three .faqs-thumb {
    margin-top: 17px;
    left: 0;
}

.faqs-thumb img {
    width: 100%;
}

.home-three .blog-content {
    padding: 37px 36px 39px;
}

.home-three .meta-blog span {
    margin-right: 12px;
}

.home-three .blog-title a {
    font-size: 20px;
    line-height: 30px;
}

.home-three .subscribe-content p {
    margin: 10px 0 33px;
}

.home-three .blog-content {
    padding: 37px 36px 39px;
}

.home-three .subscribe-box input {
    width: 59%;
}

.home-three .subscribe-box button {
    float: inherit;
}

.home-three .footer-widget-content {
    margin-bottom: 48px;
}

.home-three .footer-bottom-area {
    margin-top: 58px;
}

/*===============Home Four Responsive Css============*/
.home-four.hero-area {
    background-position: center right;
    height: 748px;
}

.home-four .hero-content h1 {
    font-size: 56px;
    line-height: 56px;
}

.home-four .single-conter-box {
    margin-top: 36px;
}

.home-four .about-single-text-box {
    right: -13px;
    bottom: 16px;
    width: 65%;
}

.home-four .about-item-box {
    display: block;
}

.skill-thumb img {
    width: 100%;
}

.home-four .testi-thumb {
    left: 0;
}

.home-four p.testi-text {
    width: 100%;
}

.home-four .info-content {
    margin-left: 0;
    padding: 32px 15px 28px;
}

.home-four .call-do-action-content h4 {
    font-size: 36px;
}

.home-four .info-shape {
    right: 41%;
    top: 45px;
}

.home-four.call-do-action-area .style-three.echofy-button {
    float: left;
    margin-top: 39px;
}

.home-four .footer-widget-menu-list ul li {
    display: inline-block;
    float: left;
    margin-left: 18px;
    margin-top: 35px;
}



/*===============Home Five Responsive Css============*/

.home-five.hero-area {
    padding-top: 79px;
    padding-bottom: 154px;
    height: 865px;
}

.home-five .hero-info {
    display: none;
}

.home-five .hero-content h1 {
    font-size: 45px;
    line-height: 46px;
}

.home-five .hero-content p {
    width: 88%;
}

.home-five.video-area {
    width: 99%;
    left: 0;
    margin-top: -142px;
}

.hero-slide-five .owl-dots {
   display: none;
}

.slider-counter {
    display: none;
}
.slider-counter:before{
    display: none;
}

.home-five.animal-area {
    padding: 187px 0 99px;
}

.home-five .single-animal-box {
    margin-bottom: 24px;
}

.home-five .single-animal-box.active .animal-link-icon a {
    top: 43%;
    left: 45%;
}

.home-five .single-about-box {
    right: 0px;
}

.home-five .section-title.left h1 {
    font-size: 26px;
    line-height: 26px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-icon img {
    width: 30%;
}

.home-five.about-area p.section-desc {
    width: 88%;
}

.home-five .about-item-text h4 {
    font-size: 14px;
}

.home-five p.about-desc {
    width: 90%;
}

.home-five.gallery-area .style-four.echofy-button {
    float: left;
    margin-top: -16px;
    margin-bottom: 58px;
}

.home-five .contact-info-title h4 {
    font-size: 15px;
}

.home-five .contact-info-title h1 {
    font-size: 18px;
    margin-top: 13px;
}

.home-five.contact-info-area .contact-info-box {
    padding-left: 0;
    margin: 0;
    margin-top: 32px;
}

.home-five.contact-info-area .echofy-button {
    margin-top: 43px;
}

.home-five .nav-link {
    padding: 17px 48px;
}

.home-five .single-event-box {
    display: block;
    padding: 12px 17px;
}

.home-five .event-titel h4 {
    font-size: 22px;
    line-height: 33px;
}

.home-five .single-event:hover {
    height: 714px;
}

.home-five .event-desc-box {
    padding: 27px 51px 0 16px;
}

.home-five.donation-area .section-title.left h1 {
    color: #fff;
    font-size: 26px;
}

.home-five .donation-list ul li a {
    padding: 7px 10px;
}

.home-five .single-donation-box {
    padding: 100px 36px 112px;
}

.home-five .donation-list ul li {
    display: inline-block;
    margin-right: 0px;
}

.home-five .donation-right {
    padding: 119px 38px 137px;
    margin-top: 30px;
}

.home-five.animal-video-area .section-title.left h1 {
    line-height: 27px;
    font-size: 24px;
}

.home-five .animal-video-button {
    float: left;
    margin-top: 45px;
}

.home-five.animal-video-area .echofy-button {
    margin-top: -15px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 93%;
}

.home-five .blog-content a {
    font-size: 20px;
}

.home-five .meta-blog span {
    margin-right: 16px;
}

.home-five .footer-contact-info {
    margin-top: 23px;
}

.home-five .footer-widget-gallery a img {
    margin: 5px -1px;
}

.footer-bottom-content {
    float: left;
    margin-top: 8px;
}

.home-five .footer-bottom-content ul li {
    margin: 0 5px;
}


/*===============Home Six Responsive Css============*/

.hero-area.home-six {
    height: 700px;
    padding-top: 23px;
}

.home-six .hero-content h4 {
    font-size: 12px;
    margin-bottom: 20px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 28px;
    line-height: 38px;
}

.home-six .single-feature-box {
    padding: 26px 21px 37px;
    margin-bottom: 23px;
}

.home-six .section-title.left h1 {
    font-size: 36px;
    line-height: 31px;
}

.home-six .section-title.center h1 {
    font-size: 30px;
    line-height: 33px;
}

.home-six.about-area {
    padding: 81px 0 123px;
}

.home-six .about-item-box {
    display: block;
}

.home-six.service-area .row.upper {
     top: -321px;
    margin-left: -2px;
}

.home-six.why-choose-area {
    padding: 375px 0 84px;
}

.home-six .why-choose-thumb {
    left: 0;
    margin-bottom: 43px;
}

.home-six .why-choose-thumb img{
    width: 100%;
}

.home-six.why-choose-area p.section-desc {
    width: 75%;
}

.home-six .choose-us-content p {
    width: 100%;
}

.home-six .single-pricing-box {
    padding: 42px 40px 53px;
    margin-bottom: 22px;
}

.home-six.pricing-area .single-pricing-box .echofy-button {
    text-align: left;
}

.home-six.team-area {
    padding: 122px 0 103px;
}

.home-six .single-team-box {
    margin-bottom: 24px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six .skill-bar span {
    left: 99px;
}

.home-six span.skill-count2 {
    left: 71px !important;
}

.home-six span.skill-count3 {
    left: 121px !important;
}

.home-six.skill-area p.section-desc {
    width: 73%;
}

.home-six.blog-area {
    padding: 111px 0 94px;
}

.home-six .single-blog-box {
    margin-bottom: 50px;
}

.home-six .blog-content a {
    font-size: 18px;
}

.home-six .contact-content h4 {
    font-size: 36px;
    line-height: 38px;
}

.home-six .contact-left {
    text-align: left;
    left: 0;
}

.home-six .contact-icon {
    margin: 0;
    text-align: center;
    margin-bottom: 43px;
}

.home-six .contact-title h4 {
    margin-bottom: 50px;
    margin-top: 42px;
}

.home-six.contact-area:before {
    background: transparent;
}

.home-six .contact-submit-button button {
    background: #ffff;
    color: #49AE44;
    border: 2px solid #fff
}

.home-six .footer-social-icon {
    margin-bottom: 34px;
}

.home-six .footer-bottom-content ul li {
    margin: 0 5px;
}


/*===============Home Seven Responsive Css============*/
.hero-area.home-seven {
    background-position: center left;
     height: 733px;
    padding-top: 82px;
}

.home-seven .hero-content h1 {
    font-size: 48px;
    line-height: 48px;
}

.home-seven .hero-content p {
    width: 90%;
}

.home-seven .hero-img {
    display: none;
}

.home-six.services-title-area p.section-desc {
    margin: 2px 0 0;
}

.services-title-area.home-seven .row.upper {
    margin-left: 0;
}

.home-seven .project-content-two {
    padding: 25px 16px 37px;
    width: 90%;
}

.home-seven .choose-shape {
    top: 12px;
    left: 41%;
}

.home-seven .counter-content-two h4 {
    font-size: 100px;
    bottom: -8px;
    left: -42px;
}

.counter-area.home-seven {
    padding-left: 100px;
}

.home-seven .testi-author-rating {
    right: 8px;
    top: 99px;
}

.home-seven.faqs-area .section-title.left h1 {
    font-size: 36px;
    line-height: 35px;
}

.home-seven .vedio-content a {
    top: 40px;
}

.home-seven .contact-left iframe {
    width: 100%;
    height: 360px;
}

.home-seven .contact-submit-button button {
    background: #49AE44;
    color: #fff;
    margin-bottom: 128px;
}







/*===============All Inner Pages Responsive Css============*/
.breadcumb-area {
    padding: 227px 0 143px;
}

.breadcumb-title h4 {
    font-size: 30px;
    padding-bottom: 10px;
}

h4.services-details-title {
    font-size: 25px;
}

.service-details-icon-box {
    padding: 32px 17px 18px;
    gap: 19px;
}

.services-details-area .single-benifits-box {
    margin-bottom: 40px;
}

.service-details-text-content p {
    font-size: 16px;
    line-height: 26px;
}

.project-details-content h4 {
    font-size: 28px;
}

.project-details-right {
    margin-bottom: 37px;
}

.project-details-content h4 {
    font-size: 32px;
}

.project-details-right {
    margin-bottom: 37px;
}

h4.dontaion-detais-title {
    font-size: 22px;
}

.donation-details-area button.submit-donation {
    margin-bottom: 44px;
}

.faqs-area.inner .faqs-thumb {
    margin-bottom: 32px;
}

.blog-list-content {
    padding: 27px 13px 20px;
}

.blog-list-area .meta-blog span {
    margin-right: 4px;
}

a.blog-list-title {
    font-size: 18px;
}

.blog-details-content {
    padding: 27px 22px 20px;
}

.blog-details-area span.mate-text {
    padding-left: 27px;
}

.blog-details-area .meta-blog span {
    margin-right: 6px;
}

h4.blog-details-title {
    font-size: 18px;
}

.blog-details-author-talk {
    display: block;
}

.blog-details-quote {
    margin-bottom: 30px;
}

.blog-details-author-title p {
    font-size: 17px;
    line-height: 26px;
}

.blog-post-box {
    padding: 84px 21px 31px 22px;
    gap: 15px;
}

.blog-post-box.style-two {
    padding: 85px 24px 31px 21px;
}

.blog-post-content a {
    font-size: 20px;
    line-height: 30px;
}

.blog-details-thumb.two {
    margin-bottom: 20px;
}

.blog-details-social-icon {
    text-align: left;
    padding-top: 25px;
}

.single-comment-area {
    padding: 49px 21px 56px;
    margin-bottom: 32px;
}

.blog-details-comment-thumb {
    float: inherit;
    margin-right: 10px;
    margin-bottom: 18px;
}

.blog-details-comment {
    padding: 29px 25px 25px;
}

.blog-details-comment-content h2 {
    margin-right: 8px;
}

.blog-details-comment.style-two {
    margin-left: 0px;
}

.blog-details-comment-reply {
    right: 17px;
}

.row.contact-info-bg {
    padding: 50px 30px 14px;
}

.contact-info-box {
    margin-bottom: 35px;
}




}



/* Mobile Devices :320px. */
@media (min-width: 320px) and (max-width: 479px) {

/*Home 1 Resopnsive*/
.top-header-area {
   display: none;
}

.header-area {
    display: none;
}

.sticky {
    position: absolute !important;
}

.hero-area {
    height: 740px;
    padding-top: 57px;
}

.hero-content h1 {
    font-size: 34px;
    line-height: 34px;
}

.hero-social-icon {
    display: none;
}

.hero-content p {
    width: 100%;
    font-size: 16px;
}

.hero-slides .owl-dots {
    display: none;
}

.echofy-button.two {
    margin-top: 25px;
    padding-left: 0;
}

.about-thumb {
    left: 0;
    padding-bottom: 36px;
}

.about-thumb img {
    width: 100%;
}

img.about-thumb-shape {
    bottom: -8px;
}

.section-title.left h4 {
    margin-bottom: 9px;
}

.section-title.left h1 {
    font-size: 20px;
    line-height: 20px;
}

.about-box-icon {
    float: inherit;
}

.about-box-content p {
    width: 100%;
}

.about-shape-2 {
    left: 248px;
}

.service-area {
    padding: 113px 0 110px;
}

.service-area .owl-nav {
   display:none;
}

.service-content {
    padding: 35px 20px 159px;
}

.service-content h4 {
    font-size: 22px;
}

.service-thumb img {
    padding: 0 19px;
}

.skill-area {
    padding: 112px 0 115px;
}

p.section-desc {
    width: 100%;
}

.skills-item-title h4 {
    font-size: 18px;
}

.skills-item-content {
    gap: 12px;
    padding: 18px 50px 18px 26px;
}

.skills-thumb {
    left: 0;
}

.skills-thumb img {
    width: 100%;
    padding-top: 38px;
}

.skills-shape {
    top: -2px;
    left: 0;
}

.counter-area {
    padding: 80px 0 134px;
    background-position: center center;
}

.single-counter-box {
    margin-bottom: 37px;
}

#poress-row {
    padding: 18px 7px 36px;
}

.porcess-thumb {
    position: relative;
    left: 0;
    padding-bottom: 28px;
}

.porcess-thumb img {
    width: 100%;
}

.project-area {
    padding-left: 0;
}

.project-area .owl-nav {
    display: none;
}

.project-content {
    padding: 30px 19px 28px;
    width: 95%;
    height: 109px;
}

.project-content h4 {
    margin: 0 0 7px;
}

.project-content a {
    font-size: 20px;
}

a.project-button {
    margin-top: 8px;
}

.process-area-two .section-title.center {
    margin-bottom: 37px;
}

.process-area-two .section-title.center h4 {
    margin-bottom: 13px;
}

.process-area-two .section-title.center h1 {
    font-size: 22px;
    line-height: 29px;
}

.single-process-box-two {
    padding: 0 0 0;
}

.single-process-box-two::before {
    display: none;
}

.single-process-box-two.style-three::before {
    display: none;
}

.section-title.center h4 {
    margin-bottom: 17px;
}

.section-title.center h1 {
    font-size: 20px;
    line-height: 20px;
}

.testimonial-area {
    background-position: center;
}

.single-testimonial-box {
    padding: 34px 23px 32px;
    margin: 39px 10px;
}

.testi-shape-tow {
    display: none;
}

.testi-shape-four {
    display: none;
}

.testi-author {
    display: block;
}

.testi-author-thumb {
    padding-bottom: 13px;
}

p.testi-desc {
    margin: 12px 0 17px;
}

.testi-shape {
    left: -35%;
}

#brand-bg {
    padding: 64px 0 61px;
}

.brand-content h4 {
    margin-bottom: 22px;
    font-size: 20px;
}

.single-shape {
    display: none;
}

.team-area {
    background-position: center;
}

.blog-area .echofy-button {
    margin-top: 0;
    float: left;
    margin-bottom: 60px;
}

.blog-content {
    padding: 27px 14px 28px;
}

.blog-content a {
    font-size: 19px;
    line-height: 28px;
}

.footer-social-address {
    padding: 49px 12px 55px;
}

.footer-social-address-content h4 {
    font-size: 24px;
}

.footer-social-icon {
    text-align: left;
    padding-top: 16px;
}

.footer-social-icon ul li i {
    font-size: 14px;
    width: 35px;
    height: 35px;
    line-height: 33px;
    margin: 0 0px;
}

p.footer-desc {
    width: 90%;
}

.footer-widget-content {
    margin-bottom: 25px;
}

.footer-bottom-area {
    padding: 74px 0 33px;
}

.footer-bottom-content h4 {
    line-height: 28px;
}


/*===============Home two Responsive Css============*/

.hero-area.home-two {
    height: 600px;
    padding-top: 58px;
}

.home-two .hero-thumb {
    display: none;
}

.hero-content h4 {
    font-size: 14px;
    margin-bottom: 8px;
}

.home-two .hero-content h1 {
    font-size: 30px;
    line-height: 30px;
}

.home-two .hero-content p {
    width: 100%;
}

.home-two .hero-shape {
    display: none;
}

.home-two .about-thumb {
    left: 0;
}

.home-two .about-video {
    right: 14px;
}

.home-two .about-single-box {
    display: block;
}

.home-two .about-author-box {
    gap: 15px;
}

.home-two .about-author-content h4 {
    font-size: 16px;
}

.home-two .about-author-content p {
    margin-top: 3px;
}

.home-two.about-area .echofy-button {
    margin-top: 30px;
    display: inline-block;
}

.home-two .about-list-item ul li {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 14px;
}

.home-two .about-list-item ul li i {
    top: 3px;
    margin-right: 5px;
}

.home-two.service-title-area {
    padding: 112px 0 192px;
}

.home-two .row.service-up {
    margin-top: -305px;
}

.home-two .service-content {
    padding: 64px 19px 23px;
}

.services-shape-one {
   display: none;
}

.services-shape-two {
  display: none;
}

.home-two .row.fade-de {
    padding: 85px 15px 55px;
}

.home-two.counter-area .section-title.left h1 {
    font-size: 20px;
    line-height: 20px;
}

.home-two.counter-area .section-title.left {
    margin-bottom: 32px;
}

.home-two .single-counter-box {
    gap: 12px;
}

.counter-content p {
    font-size: 18px;
    margin: -1px 0 0;
}

.home-two .project-content {
    width: 100%;
    left: 0;
}

.faq-singular .faq-question {
    font-size: 14px;
}

.faqs-area p.section-desc {
    width: 94%;
}

.faq-singular .faq-question {
    padding: 19px 8px 19px 12px;
}

.faq-question img {
    display: none;
}

.faq-question:after {
  display: none;
}

.faq-singular .faq-question:before {
    right: 9px;
    top: 50%;
    font-size: 22px;
}

.faq-answer {
    padding: 21px 16px 25px;
}

.faqs-area .echofy-button {
    margin-bottom: 38px;
}

.donation-title-area {
    padding: 109px 0 187px;
}

.donation-area .row.donate {
    margin-top: -189px;
}

.donation-content {
    padding: 26px 24px 23px;
}

.donation-content a {
    font-size: 16px;
    line-height: 26px;
}

.single-donation-box:hover .donate-button {
    bottom: 81px;
}

.donation-shape-one {
   display: none;
}

.donation-shape-two {
  display: none;
}

.home-two.testimonial-area {
    background-position: center right;
}

.home-two.testimonial-area .testi-shape {
    top: -18px;
    left: -168px;
}

.text-block {
    font-size: 16vw;
}

.blog-content a {
    font-size: 18px;
    line-height: 28px;
}

.footer-social-address-content h4 {
    font-size: 31px;
}

.home-two.footer-area .echofy-button {
    margin-top: 0;
    display: inherit;
    text-align: left;
    margin-top: 23px;
}

.home-two p.footer-desc {
    width: 95%;
}

.home-two .footer-widget-blog-content a {
    font-size: 15px;
    line-height: 24px;
}



/*===============Home Three Responsive Css============*/

.home-three.text-area {
    padding: 179px 0 111px;
}

.home-three .text-area-content h1 {
    font-size: 23px;
}

.home-three .text-area-content p {
    width: 90%;
}

.home-three.hero-area {
    height: 550px;
    padding-top: 15px;
}

.home-three .hero-content h2 {
    font-size: 32px;
    letter-spacing: 10px;
}

.home-three .about-thumb {
    left: 0;
}

.home-three .about-desc p {
    width: 97%;
    margin-top: 14px;
}

.home-three .nav-link {
    padding: 12px 15px;
    margin-right: 8px;
    margin-bottom: 23px;
}

.home-three .single-about-item {
    display: block;
}

.about-img {
    margin-top: 26px;
}

.home-three.about-area .style-two.echofy-button a {
    font-size: 15px;
    padding: 12px 30px;
}

.home-three.services-area .row.add-background {
    padding: 0 8px 39px;
}

.home-three .single-service-box {
    margin-bottom: 20px;
}

.home-three.counter-area p.section-desc {
    width: 86%;
}

.home-three .average-rating h4 {
    margin: 0 0 15px;
}

.home-three .single-rating-box {
    display: block;
}

.home-three .single-counter-box {
    margin-top: 22px;
}

.home-three.project-area .section-title.left {
    margin-bottom: 34px;
}

.home-three.project-area .section-title.left h1 {
    font-size: 32px;
    line-height: 40px;
}

.home-three.project-area .style-two.echofy-button {
    float: left;
    margin-top: 0;
    margin-bottom: 45px;
}

.home-three.project-area .container-fluid {
    margin: 0 0 0 10px;
}

.home-three .single-project-content a {
    font-size: 19px;
}

.home-three.skill-area {
    background-position: center right;
}

.home-three .vedio-content {
    display: none;
}

.home-three.testimonial-area .section-title.center h1 {
    font-size: 17px;
}

.home-three .single-testi-box {
    padding: 56px 26px 33px;
}

.home-three .testi-rating-box {
    display: block;
}

.home-three .faqs-thumb {
    margin-top: 17px;
    left: 0;
}

.faqs-thumb img {
    width: 100%;
}

.home-three .blog-content {
    padding: 37px 17px 39px;
}

.home-three .meta-blog span {
    margin-right: 5px;
}

.home-three .blog-title a {
    font-size: 17px;
    line-height: 26px;
}

.home-three .subscribe-content p {
    margin: 10px 0 33px;
}

.home-three .subscribe-box input {
    width: 100%;
}

.home-three .subscribe-box button {
    left: 0px;
    margin-top: 16px;
    float: inherit;
}

.home-three .footer-widget-content {
    margin-bottom: 48px;
}

.home-three .footer-bottom-area {
    margin-top: 58px;
}


/*===============Home Four Responsive Css============*/
.home-four.hero-area {
    background-position: center right;
    height: 748px;
}

.home-four .hero-content h1 {
    font-size: 34px;
    line-height: 34px;
}

.home-four h2.solar-text {
    font-size: 60px;
    top: -35px;
    left: -9px;
}

.home-four .hero-content p {
    width: 100%;
}

.home-four .hero-contact {
    margin-left: 0;
    margin-top: 22px;
}

.home-four .single-conter-box {
    margin-top: 36px;
}

.home-four .about-thumb {
    position: relative;
    left: 0;
}

.home-four .about-single-text-box {
    display: none;
}

.home-four .about-shape {
    display: none;
}

.home-four .about-itme-list ul li {
    font-size: 16px;
}

.home-four .about-single-text-box {
    right: -13px;
    bottom: 16px;
    width: 65%;
}

.home-four .about-item-box {
    display: block;
}

.home-four .single-services-box {
    padding: 35px 13px 45px;
}

.home-four .services-content h4 {
    font-size: 20px;
}

.solar-text-contnet h4 {
    font-size: 28px;
}

.home-four .skill-thumb img {
    width: 100%;
}

.home-four .testi-thumb {
    left: 0;
}

.home-four .testi-thumb img {
    width: 100%;
}

.home-four .testi-content {
    bottom: 62px;
}

.home-four p.testi-text {
    width: 100%;
}

.home-four .testi-author {
    display: block;
    margin-top: 26px;
}

.home-four .testi-coustomar-raing ul li {
    left: -88px;
    top: 19px;
}

.home-four .info-content {
    margin-left: 0;
    padding: 32px 15px 28px;
}

.home-four .info-content h4 {
    font-size: 19px;
    line-height: 30px;
}

.home-four .call-do-action-content h4 {
    font-size: 26px;
    line-height: 40px;
}

.home-four .info-shape {
    right: 41%;
    top: 45px;
}

.home-four.call-do-action-area .style-three.echofy-button {
    float: left;
    margin-top: 39px;
}

.home-four .footer-widget-menu-list ul li {
    display: inline-block;
    float: left;
    margin-left: 18px;
    margin-top: 16px;
}






/*===============Home Five Responsive Css============*/

.home-five.hero-area {
    padding-top: 79px;
    padding-bottom: 154px;
    height: 865px;
}

.home-five .hero-info {
    display: none;
}

.home-five .hero-content h1 {
    font-size: 30px;
    line-height: 30px;
}

.home-five .hero-content p {
    width: 90%;
    font-size: 16px;
}

.home-five.video-area {
    width: 99%;
    left: 0;
    margin-top: -142px;
}

.hero-slide-five .owl-dots {
   display: none;
}

.slider-counter {
    display: none;
}
.slider-counter:before{
    display: none;
}

.home-five.animal-area {
    padding: 187px 0 99px;
}

.home-five .single-animal-box {
    margin-bottom: 24px;
}

.home-five .single-animal-box.active .animal-link-icon a {
    top: 43%;
    left: 45%;
}

.home-five .single-about-box {
    right: 0px;
}

.home-five .section-title.left h1 {
    font-size: 19px;
    line-height: 15px;
}

.home-five .about-contact-box {
    display: block;
    margin-top: 48px;
}

.home-five .about-contact-info {
    margin-top: 23px;
}

.home-five .about-shape {
    display: none;
}

.home-five .about-icon img {
    width: 30%;
}

.home-five.about-area p.section-desc {
    width: 88%;
}

.home-five .about-item-text h4 {
    font-size: 14px;
}

.home-five p.about-desc {
    width: 90%;
}

.home-five.gallery-area .style-four.echofy-button {
    float: left;
    margin-top: -16px;
    margin-bottom: 58px;
}

.home-five .contact-info-title h4 {
    font-size: 15px;
}

.home-five .contact-info-title h1 {
    font-size: 18px;
    margin-top: 13px;
}

.home-five.contact-info-area .contact-info-box {
    padding-left: 0;
    margin: 0;
    margin-top: 32px;
}

.home-five.contact-info-area .echofy-button {
    margin-top: 43px;
}

.home-five .section-title.center h1 {
    font-size: 20px;
    line-height: 20px;
}

.home-five .nav-link {
    padding: 20px 64px;
}

.home-five .single-event-box {
    display: block;
    padding: 12px 10px;
}

.home-five .event-titel h4 {
    font-size: 16px;
    line-height: 23px;
}

.home-five .single-event:hover {
    height: 806px;
}

.home-five .event-date span {
    font-size: 15px;
}

.home-five .event-date i {
    margin-right: 4px;
}

.home-five .event-desc-box {
    padding: 28px 0px 0 16px;
}

.home-five .single-event-button a {
    padding: 20px 22px;
    font-size: 14px;
}

.home-five.donation-area .section-title.left h1 {
    font-size: 18px;
    line-height: 20px;
}

.home-five.donation-area p.section-desc {
    width: 100%;
}

.home-five .donation-list ul li a {
    padding: 7px 10px;
}

.home-five .single-donation-box {
    padding: 97px 16px 112px;
}

.home-five .donation-list ul li {
    display: inline-block;
    margin-right: 0px;
}

.home-five .donation-right {
    padding: 119px 26px 137px;
    margin-top: 30px;
}

.home-five .donation-right-content h1 {
    font-size: 26px;
}

.home-five.animal-video-area .section-title.left h1 {
    line-height: 20px;
    font-size: 18px;
}

.home-five .animal-video-button {
    float: left;
    margin-top: 45px;
}

.home-five.animal-video-area .echofy-button {
    margin-top: -15px;
}

.home-five .single-testimonial-box {
    padding: 34px 18px 32px 42px;
}

.home-five .testimonial-content p {
    font-size: 15px;
    line-height: 24px;
}

.home-five .blog-content {
    padding: 27px 22px 41px;
    width: 93%;
}

.home-five .blog-content a {
    font-size: 17px;
}

.home-five .meta-blog span {
    margin-right: 16px;
}

.home-five .footer-contact-info {
    margin-top: 23px;
}

.home-five .footer-widget-gallery a img {
    margin: 5px -1px;
}

.footer-bottom-content {
    float: left;
    margin-top: 8px;
}

.home-five .footer-bottom-content ul li {
    margin: 0 5px;
}

.home-five .footer-bottom-content p {
    font-size: 15px;
}



/*===============Home Six Responsive Css============*/

.hero-area.home-six {
    height: 700px;
    padding-top: 23px;
}

.home-six .hero-content h4 {
    font-size: 12px;
    margin-bottom: 20px;
}

.hero-area.home-six .hero-content h1 {
    font-size: 20px;
    line-height: 24px;
}

.home-six .single-feature-box {
    padding: 26px 29px 37px;
    margin-bottom: 23px;
    display: block;
}

.home-six .section-title.left h1 {
    font-size: 22px;
    line-height: 20px;
}

.home-six .section-title.center h1 {
    font-size: 18px;
    line-height: 18px;
}

.home-six.about-area {
    padding: 81px 0 123px;
}

.home-six .about-item-box {
    display: block;
}

.home-six .about-list-item ul li i {
    margin-right: 7px;
}

.home-six.service-area .row.upper {
     top: -321px;
    margin-left: -2px;
}

.home-six .single-service-box {
    padding: 11px 13px 43px;
}

.home-six.why-choose-area {
    padding: 375px 0 84px;
}

.home-six .why-choose-us-item {
    display: block;
}

.home-six .why-choose-thumb {
    left: 0;
    margin-bottom: 43px;
}

.home-six .why-choose-thumb img{
    width: 100%;
}

.home-six.why-choose-area p.section-desc {
    width: 100%;
}

.home-six .choose-us-content p {
    width: 100%;
}

.home-six .choose-us-icon {
    margin-bottom: 18px;
}

.home-six .choose-us-content h4 {
    font-size: 17px;
}

.home-six .single-pricing-box {
    padding: 42px 15px 53px;
    margin-bottom: 22px;
}

.home-six.pricing-area .single-pricing-box .echofy-button {
    text-align: left;
}

.home-six.team-area {
    padding: 122px 0 103px;
}

.home-six .single-team-box {
    margin-bottom: 24px;
}

.home-six.skill-area {
    background-position: center left;
}

.home-six .skill-bar span {
    left: 70px;
}

.home-six span.skill-count2 {
    left: 43px !important;
}

.home-six span.skill-count3 {
    left: 77px !important;
}

.home-six.skill-area p.section-desc {
    width: 100%;
}

.home-six .single-testimonial-box {
    padding: 25px 22px 49px;
    margin: 57px -5px;
}

.home-six.blog-area {
    padding: 111px 0 94px;
}

.home-six .single-blog-box {
    margin-bottom: 50px;
}

.home-six .blog-content {
    padding: 23px 18px 54px;
}

.home-six .blog-content a {
    font-size: 16px;
}

.home-six .contact-content h4 {
    font-size: 21px;
    line-height: 20px;
}

.home-six .contact-left {
    text-align: left;
    left: 0;
}

.home-six .contact-icon {
    margin: 0;
    text-align: center;
    margin-bottom: 43px;
}

.home-six .contact-title h4 {
    margin-bottom: 50px;
    margin-top: 42px;
     font-size: 26px;
}

.home-six.contact-area:before {
    background: transparent;
}

.home-six .contact-submit-button button {
    background: #ffff;
    color: #49AE44;
    border: 2px solid #fff
}

.home-six .footer-social-icon {
    margin-bottom: 34px;
}

.home-six .footer-bottom-content ul li {
    margin: 0 5px;
}

/*===============Home Seven Responsive Css============*/
.hero-area.home-seven {
    background-position: center left;
     height: 733px;
    padding-top: 82px;
}

.home-seven .hero-content h4 {
    font-size: 12px;
}

.home-seven .hero-content h1 {
    font-size: 30px;
    line-height: 26px;
}

.home-seven .hero-content p {
    width: 90%;
}

.home-seven .hero-img {
    display: none;
}

.home-six.services-title-area p.section-desc {
    margin: 2px 0 0;
}

.services-title-area.home-seven .row.upper {
    margin-left: 0;
}

.home-seven .project-content-two {
    padding: 25px 16px 37px;
    width: 90%;
}

.home-seven .choose-shape {
    top: 12px;
    left: 41%;
}

.why-choose-us-right {
    display: block;
    width: 100%;
}

.single-choose-us-box {
    margin-bottom: 26px;
}

.single-project-box-two {
    position: relative;
    margin: 0 0;
}

.project-content-two h4 {
    font-size: 18px;
}

.home-seven .counter-content-two h4 {
    font-size: 100px;
    bottom: -8px;
    left: -42px;
}

.counter-area.home-seven {
    padding-left: 50px;
}

.home-seven .single-testi-box {
    padding: 29px 19px 34px;
    margin: 0 0px;
}

.home-seven .testi-author-rating {
    right: -60px;
    top: 98px;
    transform: rotate(90deg);
}

.home-seven.faqs-area .section-title.left h1 {
    font-size: 36px;
    line-height: 35px;
}

.home-seven .faq-singular .faq-question:before {
    right: 1px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.home-seven .vedio-content a {
    top: 40px;
}

.home-seven .contact-left iframe {
    width: 100%;
    height: 360px;
}

.home-seven .contact-submit-button button {
    background: #49AE44;
    color: #fff;
    margin-bottom: 128px;
}


.home-six.home-seven .blog-content {
    padding: 23px 17px 54px;
}

.home-seven .marque-content h4 {
    font-size: 45px;
}




/*===============All Inner Pages Responsive Css============*/



.breadcumb-area {
    padding: 177px 0 98px;
}

.breadcumb-title h4 {
    font-size: 22px;
    padding-bottom: 8px;
}

h4.services-details-title {
    font-size: 16px;
    line-height: 26px;
}

.service-details-icon-box {
    padding: 32px 17px 18px;
    display: block;
    text-align: center;
}

.services-details-area .single-benifits-box {
    margin-bottom: 40px;
}

.services-details-text {
    padding: 29px 26px;
    display: block;
}

.service-details-text-icon {
    margin-bottom: 12px;
}

.service-details-text-content p {
    font-size: 18px;
    line-height: 26px;
    width: 100%;
}

.service-details-icon-thumb {
    margin-bottom: 20px;
}

.services-details-area .benifits-content {
    padding: 30px 18px 23px;
    width: 100%;
}

/*widget-sidber*/
.widget-sidber {
    padding: 32px 16px 29px;
}
.recent-widget-content a {
    font-size: 14px;
    line-height: 23px;
    width: 100%;
}

.widget-sidber-contact-box {
    padding: 48px 18px 48px;
}

.widget-sidber-contact-btn  a {
    padding: 16px 50px 15px;
    margin-top: 42px;
}

.project-details-content h4 {
    font-size: 18px;
}

.project-details-content h3 {
    font-size: 22px;
}

.project-details-right {
    margin-bottom: 37px;
}

a.project-details-text {
    font-size: 20px;
    line-height: 30px;
}

.donation-details-area .donation-content {
    padding: 67px 7px 23px;
}

h4.dontaion-detais-title {
    font-size: 20px;
    line-height: 32px;
}

.donation-details-area .dpx label {
    margin-right: 17px;
}

.donation-details-area button.submit-donation {
    margin-bottom: 44px;
}

.faqs-area.inner .faqs-thumb {
    margin-bottom: 32px;
}

.blog-list-content {
    padding: 27px 13px 20px;
}

.blog-list-area .meta-blog span {
    margin-right: 4px;
}

a.blog-list-title {
    font-size: 18px;
}

.blog-details-content {
    padding: 27px 13px 20px;
}

h4.blog-details-title {
    font-size: 18px;
    line-height: 28px;
}

.blog-details-author-talk {
    display: block;
    padding: 41px 20px 40px;
}

.blog-details-quote {
    margin-bottom: 30px;
}

h3.blog-details-title {
    font-size: 18px;
}

h3.blog-details-title.two {
    font-size: 18px;
}

.blog-details-socila-box {
    padding: 19px 7px 18px;
}

.blog-details-category span a {
    padding: 6px 10px;
    margin-right: 7px;
}

.blog-details-author-title p {
    font-size: 17px;
    line-height: 26px;
}

.blog-post-box {
    padding: 84px 21px 31px 22px;
    gap: 15px;
}

.blog-post-box.style-two {
    padding: 85px 24px 31px 21px;
}

.blog-post-content a {
    font-size: 12px;
    line-height: 19px;
}

.blog-details-post .owl-prev {
    left: 24px;
    font-size: 15px !important;
}

.blog-details-post .owl-next {
    right: 20px;
    font-size: 15px;
}

.blog-details-thumb.two {
    margin-bottom: 20px;
}

.blog-details-social-icon {
    text-align: left;
    padding-top: 25px;
}

.single-comment-area {
    padding: 49px 21px 56px;
    margin-bottom: 32px;
}

.blog-details-comment-thumb {
    float: inherit;
    margin-right: 10px;
    margin-bottom: 18px;
}

.blog-details-comment {
    padding: 29px 14px 25px;
}

.blog-details-comment-content h2 {
    margin-right: 8px;
    font-size: 16px;
}

.blog-details-comment.style-two {
    margin-left: 0px;
}

.blog-details-comment-reply {
    right: 17px;
}

.row.contact-info-bg {
    padding: 50px 30px 14px;
}

.contact-info-box {
    margin-bottom: 35px;
    padding: 0 0px 0;
}














}


























/*xl device min width*/
@media screen and (min-width:992px) {
    .pl-lg-50 {
        padding-left: 50px;
    }
}

/*xl device min width*/
@media screen and (min-width:1200px) {
    .video-icon {
        left: 75%;
    }
}
/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}