/*CSS Table Of Content Ends Here*/
@import url("https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap");
:root {
  --body: #fff;
  --black-clr: #000;
  --white-clr: #fff;
  --p1-clr: #a5b65d;
  --p2-clr: #10a5a1;
  --p900-clr: #386669;
  --pure900-clr: #386669;
  --p800-clr: #6d756d;
  --p700-clr: #191919;
  --p200-clr: #e9efe5;
  --p100-clr: #eff3ed;
  --box-clr: #386669;
  --shadow-clr: box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.header-1 {
    z-index:20;
}
.banner-section.style-v3 {
  z-index: 1;
  background: url(../img/banner/hero3-bg.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 80px;
}
.blog-section {
    background-color:var(--p100-clr);
}
.blog-itemsv1 .content .title {
    font-size: 22px;
    line-height: 30px;
}
.gallery-com-thumb.first-item,
.gallery-com-thumb.first-item img {
    width: auto;
    height:auto;
}
.testimonial-common-wrapper.testimonial-wrapperv02 .testimonail-common-items .stars i:last-child {
    color: var(--p2-clr);
}
.who-box {
    background-color: #fff;
    min-height: 346px;
}
.who-box .title {
    color:var(--p900-clr);
}
.whats {
    position:fixed;
    right:20px !important;
    bottom:20px;
    z-index:10000;
    animation: bounce 2s infinite;
}
.whats a {
    background-color:#00bf49;
    color:#fff;
    padding:10px 15px;
    border-radius: 40px;
    display: block;
}
.whats a:hover {
    background-color:#13d45d;
}
.cmn-btn:hover {
    color:#fff;
}