@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-Regular.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-Thin.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-Light.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-Medium.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-SemiBold.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-Heavy.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-Heavy.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-Bold.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Cerebri Sans Pro';
  src: url('../../fonts/Frontend/webfonts/CerebriSansPro-ExtraBold.woff2') format('woff2'),
      url('../../fonts/Frontend/webfonts/CerebriSansPro-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
html, body {
height: 100%;
}
body {
font-family: 'Cerebri Sans Pro';
font-weight: normal;
color: #474844;
font-size: 16px;
}

a {
text-decoration: none;
color: #708a8c;
}
*:focus {
outline: none !important;
box-shadow: none;
}

a:hover {
color: #000;
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Cerebri Sans Pro';
font-weight: 600;
}

.form-control:focus {
box-shadow: none !important;
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
left: 15px;
bottom: 15px;
z-index: 996;
background: #708a8c;
width: 40px;
height: 40px;
border-radius: 50px;
transition: all 0.4s;
}

.back-to-top svg {
font-size: 18px;
color: #fff;
line-height: 0;
}

.back-to-top:hover {
background: #000;
color: #fff;
}

.back-to-top.active {
visibility: visible;
opacity: 1;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
overflow: hidden;
background: #fff;
}

#preloader:before {
content: "";
position: fixed;
top: calc(50% - 30px);
left: calc(50% - 30px);
border: 6px solid #708a8c;
border-top-color: #bfe0fd;
border-radius: 50%;
width: 60px;
height: 60px;
-webkit-animation: animate-preloader 1s linear infinite;
animation: animate-preloader 1s linear infinite;
}

@-webkit-keyframes animate-preloader {
0% {
  transform: rotate(0deg);
}

100% {
  transform: rotate(360deg);
}
}
@keyframes animate-preloader {
0% {
  transform: rotate(0deg);
}

100% {
  transform: rotate(360deg);
}
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
  transition-delay: 0 !important;
}
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
height: 40px;
padding: 0;
font-size: 14px;
transition: all 0.5s;
overflow: hidden;
color: rgba(255, 255, 255, 0.8);
z-index: 999;
}

#topbar.topbar-scrolled {
top: -60px;
}
#topbar .contact-info {
display: flex;
align-items: center;
}
#topbar .contact-info a {
line-height: 0;
color: rgba(255, 255, 255, 1);
transition: 0.3s;
margin-right: 10px;
display: flex;
align-items: center;
justify-content: start;
font-size: 13px;
}
#topbar .contact-info span {
background: #ecedeb;
color: #454b55;
border-radius: 100%;
width: 24px;
height: 24px;
margin:0 5px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #fff;
}
#topbar .contact-info a:hover {
text-decoration: underline;

}

#topbar .contact-info i {
color: #f6b024;
line-height: 0;
margin-right: 5px;
}
#topbar .contact-info a:hover span{
color:#fff;
background: transparent;
}

#topbar .contact-info .phone-icon {
margin-left: 15px;
}

#topbar .cta {
background: transparent;
}

#topbar .cta a {
color: #fff;
background: #f6b024;
padding: 6px 24px 8px 24px;
display: inline-block;
transition: 0.3s;
border-radius: 50px;
}

#topbar .cta a:hover {
background: #f1a40a;
}
.top-social-icon {
display: flex;
}
.top-social-icon a {
background: #ecedeb;
color: #454b55;
border-radius: 100%;
width: 24px;
height: 24px;
margin:0 3px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
border:1px solid #fff;
}
.top-social-icon a:hover {
color:#fff;
background: transparent;
}
.tbar-text {
margin-right:15px;
}
.tbar-text span{
color:#fff;
font-size: 13px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
background: transparent;
transition: all 0.5s;
z-index: 997;
height: 70px;
top:22px;
/*  top: 40px;*/  
}

#header.header-scrolled {
background: #fff;
top: 0;
box-shadow: 0px 1px 8px 0 rgb(0 0 0 / 20%);
}

#header .logo {
}
#header.header-scrolled .logo {
margin: 0;
padding: 0;
}
/*#header .logo img {
height: 50px;
}*/

#header .logo a {
color: #fff;
}

#header .logo img {
height: 100px;
margin-top: 1px;
/*  margin-top: 20px;*/
/*  height: 78px;  */
/*  height: 90px;  */
transition: all 0.4s;
}
#header.header-scrolled .logo img{
height: 56px;  
/*  height: 50px;*/
margin-top: 0; 
transition: all 0.4s;
}
#header .navbar-collapse {
justify-content: flex-end;
}

.header-inner-pages {
background: rgba(5, 87, 158, 0.9) !important;
}

.topbar-inner-pages {
background: rgba(6, 98, 178, 0.9) !important;
}
.sign-in-up, .sign-in-up a {
display: flex;
align-items: center;
justify-content: center;
margin-left: 5px;

}

.sign-in-up a.sip-btn, .sign-in-up a.sip-btn:focus {
background: #97af71;    
font-size: 13px;
padding: 7px 20px;
border-radius: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 600;  
}

.sign-in-up a.sip-btn span {
line-height: 12px;
margin-top: 4px;
margin-left: 5px;
}
.aTeel-bg {
background: #70898b !important;
}
.sign-in-up a.sip-btn:hover {
background: #454b55 !important;
color:#fff;
}

.getstarted, .green-btn {
background: #708a8c;
/*background: #b5593b;*/
font-size: 13px;
padding: 10px 22px;
border-radius: 30px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.getstarted:hover, .sign-in-up a.green-btn:hover, .green-btn:hover {
background: #454b55;
color: #fff;
}

.yellow-btns {
  background: #F7CA00;  
  font-size: 13px;
  padding: 10px 22px;
  border-radius: 30px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  }
  .yellow-btns:hover {
  background: #454b55;
  color: #fff;
  }

.sign-in-up a.red-btn, .sign-in-up a.red-btn:focus, .red-btn { 
background: #b55e4f;
font-size: 13px;
padding: 5px 20px;
border-radius: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.sign-in-up a.red-btn:hover, .red-btn:hover {
background: #454b55;
color: #fff;
}
.navbar-toggler {
    padding: 0px 8px;
  margin-right: 5px;
}
.navbar-toggler span {
width: 22px;
}



/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
padding: 0;
width: 100%;

}

.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}

.navbar li {
position: relative;
}

.navbar ul li {
position: relative;
white-space: nowrap;
/*  padding: 10px 0 10px 10px;*/
padding:10px 3px;
}

.navbar a,
.navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 3px;
font-size: 13px;
color: #474844;
font-weight: 500;
white-space: nowrap;
transition: 0.3s;
position: relative;
text-transform: uppercase;
}


.navbar a i,
.navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}



.navbar ul li a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -5px;
left: 0;
background-color: #708a8c;
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
}

.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
 color: #708a8c;
}

.navbar a:hover:before,
.navbar li:hover a:before,
.navbar .active:before {
visibility: visible;
width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover a {
color: #708a8c;
}




/*.navbar ul li a:before {
content: "";
position: absolute;
width: 100%;
height: 33px;
bottom: -5px;
left: 0;
background-color: #ffffff;
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
z-index: -1;
}*/

/*.header-scrolled .navbar ul li a:before {
background: #e1eae4;

}*/

/*.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
 color: #708a8c;
}
*/


/*.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover a {
color: #525860;

}*/





.navbar .dropdown ul {
display: block;
position: absolute;
left: 14px;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
border-radius: 8px;
}

.navbar .dropdown ul li {
min-width: 200px;
}

.navbar .dropdown ul a {
padding: 10px 20px;
font-size: 14px;
font-weight: 500;
text-transform: none;
color: #032e54;
}

.navbar .dropdown ul a i {
font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
color: #708a8c;
}

.navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}

.navbar .dropdown .dropdown ul {
top: 0;
left: calc(100% - 30px);
visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
left: 100%;
visibility: visible;
}

@media (max-width: 1366px) {
.navbar .dropdown .dropdown ul {
  left: -90%;
}

.navbar .dropdown .dropdown:hover>ul {
  left: -100%;
}
}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
width: 100%;
min-height: 750px;
overflow: hidden;
position: relative;
background: #e1eae4;
position: relative;  
z-index: 99;
transition: 0.3s;
color:#474844;
}

#hero:before {
content: "";
/*background: rgb(112 137 139 / 55%);*/
background: rgb(68 75 85 / 70%);
position: absolute;
display: none;
bottom: 0;
top: 0;
left: 0;
right: 0;
}



.hero-content h1 {
color:#474844;
text-align: center;
font-weight: 700;
font-size: 56px;
margin-bottom: 15px;
}
.hero-content h2 {
text-align: center;
}
/*.hero-content h2 {
color: #fff;
margin-bottom: 15px;
font-size: 32px;
font-weight: 600;
}*/
.hero-content h3 {
font-size: 28px;
}
.hero-content h4 {
font-size: 24px;
}
.hero-content h5 {
font-size: 20px;
}
.hero-content h6 {
font-size: 18px;
}
.hero-content p {
font-size: 24px;
text-align: center;

}



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
padding: 60px 0;
overflow: hidden;
}

.section-bg {
background-color: #f3f3f3;
}

.section-title {
text-align: center;
padding-bottom: 30px;
}
.section-title h2 {
font-size: 46px;
font-weight: 700;  
margin-bottom: 10px;
padding-bottom: 0;
color: #595959;
}
/*.section-title h2::before, .section-title h2::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #464d57;
  display: inline-block;
}
.section-title h2::after {
  margin: 0 0 10px 15px;
}
.section-title h2::before {
  margin: 0 15px 10px 0;
}*/
.section-title p {
  margin-bottom: 0;
  font-style: italic;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color:#97af71;
}
.section-title-w {
text-align: center;
padding-bottom: 30px;
}
.section-title-w h2 {
font-size: 44px;
font-weight: 600;  
margin-bottom: 10px;
padding-bottom: 0;
color: #fff;
}
/*.section-title-w h2::before, .section-title-w h2::after {
  content: "";
  width: 50px;
  height: 2px;
  background: #fff;
  display: inline-block;
}
.section-title-w h2::after {
  margin: 0 0 10px 15px;
}
.section-title-w h2::before {
  margin: 0 15px 10px 0;
}*/
.section-title-w p {
margin-bottom: 0;
font-style: italic;
color:#fff;
   font-size: 20px;
  font-weight: 600;
}

.section-title-L {
text-align: left;
padding-bottom: 20px;
}
.section-title-L h2 {
font-size: 44px;
font-weight: 600;  
margin-bottom: 10px;
padding-bottom: 0;
color: #595959;
}
/*.section-title-L h2::after {
content: "";
width: 50px;
height: 2px;
background: #464d57;
display: inline-block;
}
.section-title-L h2::after {
margin: 0 0 5px 15px;
}*/
.section-title-L p {
margin-bottom: 0;
font-style: italic;
text-align: left;
   font-size: 20px;
  font-weight: 600;
  color:#97af71;
}


/*--------------------------------------------------------------
# Icon Boxes
--------------------------------------------------------------*/
.icon-boxes {
padding-top: 0;
position: relative;
z-index: 100;
overflow: visible;
}

.icon-boxes .icon-box {
padding: 15px 20px;
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
text-align: center;
transition: all 0.3s ease-in-out;
width: 100%;
}

.resource p{
  font-size: 17px;
  margin-bottom: 0px;
}

.rr-box p{
  font-size: 17px;
  margin-bottom: 0px;
}

.icon-boxes .icon-box:hover, .icon-boxes .icon-box.active {      

}

.icon-boxes .icon {
margin-bottom: 30px;
}
.icon-boxes .icon img {
height: 90px;
}

.icon-boxes .icon i {
font-size: 36px;
line-height: 1;
color: #f6b024;
}

.icon-boxes .title {
font-weight: 600;
margin-bottom: 6px;
font-size: 22px;
text-align: center;
width: 100%;
text-transform: uppercase;
}

.icon-boxes .title a {
color: #6f8a8b;
}

.icon-boxes .description {
font-size: 18px;
line-height: 1.4;
margin-bottom: 0;
color: #595959;
font-weight: 400;
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about {  
background: url("../../img/frontend/about-bg.png") center right no-repeat;

position: relative;
}

/*.about:before {
content: "";
background: rgba(255, 255, 255, 0.75);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}*/

.about .container {
position: relative;
}
.about p {
text-align: justify;
}
.about .content h3 {
font-weight: 600;
font-size: 26px;
}

.about .content ul {
list-style: none;
padding: 0;
}

.about .content ul li {
padding-left: 28px;
position: relative;
}

.about .content ul li+li {
margin-top: 10px;
}

.about .content ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px;
color: #708a8c;
line-height: 1;
}

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

.about .content .btn-learn-more {
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
display: inline-block;
padding: 12px 32px;
border-radius: 5px;
transition: 0.3s;
line-height: 1;
color: #708a8c;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
margin-top: 6px;
border: 2px solid #708a8c;
}

.about .content .btn-learn-more:hover {
background: #708a8c;
color: #fff;
text-decoration: none;
}

.about-img-sec {
background: rgba(255,255,255,0);
border-style: solid;
border-width: 5px;
border-color: rgb(109 133 135 / 31%);
border-radius: 10px;
display: inline-block;
width: 400px;
height: 550px;
position: relative;
margin-bottom: 30px;
}
.about-img-sec:after {
content: '';
position: absolute;
top:30px;
left:30px;
background: rgb(69 75 85 / 10%);
width: 100%;
height: 100%;
border-radius: 10px;
transition: 0.5s;
}
.about-img-sec:hover:after {
transform: scale(0);
transition: 0.5s;
}
.about-img-sec img {
position: absolute;
top:30px;
left:30px;
border-radius: 10px;
transition: 0.5s;
}
.about-img-sec:hover img {
  transform: scale(1.1);
  transition: 0.5s;
}

.ab-content {
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}

/*.gg-row {
padding-top: 25px;
padding-bottom: 25px;
}

.get-going {
position: relative;
margin-bottom: 60px;
margin-top: -74px;
}

.bg-layer-style {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: calc(50% + 90px);
  z-index: -1;
}
.bg-layer-style:before {
  background-color: #f9f9ff;
  content: "";
  left: 0;
  height: 100%;
  opacity: 0.94;
  position: absolute;
  top: 0;
  width: 100%;
}

.emergency-call-info {
  background-color: #009640;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 620px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 43px 57px 27px 50px;
  position: relative;
  width: 100%;
}
.emergency-call-info:before {
  background-color: #3f4199;
  content: "";
  height: 100%;
  position: absolute;
  right: 100%;
  top: 0;
  width: 16px;
}
.emergency-call-info .content .title {
  color: #fff;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 11px;
}
.emergency-call-info .content .number {
  color: #fff;
  font-size: 36px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 0;
}
.emergency-call-info .icon-box {
  position: relative;
  top: -9px;
}
.emergency-call-info .icon-box .icon-img {
  width: 79px;
}*/

@media (max-width: 992px) {
.about {
  padding: 60px 0;
}
}


/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .swiper-slide img {
opacity: 0.5;
transition: 0.3s;
}

.clients .swiper-slide:hover img {
opacity: 1;
}

.clients .swiper-pagination {
margin-top: 20px;
position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #708a8c;
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
background-color: #708a8c;
}

.clients .owl-item {
display: flex;
justify-content: center;
align-items: center;
padding: 0 5px;
margin-bottom: 15px;
}

.clients .owl-item img {
width: 100%;
opacity: 1;
transition: 0.3s;
}

.clients .owl-item img:hover {
opacity: 1;
}

.clients .owl-nav,
.clients .owl-dots {
margin-top: 20px;
text-align: center;
}

.clients .owl-dot {
display: inline-block;
margin: 0 5px;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #ddd !important;
}

.clients .owl-dot.active {
background-color: #708a8c !important;
}


/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us {
background: #f1f8ff;
padding: 0;
}

.why-us .content {
padding: 60px 100px 0 100px;
}

.why-us .content h3 {
font-weight: 400;
font-size: 34px;
}

.why-us .content h4 {
font-size: 20px;
font-weight: 700;
margin-top: 5px;
}

.why-us .content p {
font-size: 15px;
color: #848484;
}

.why-us .video-box {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
min-height: 400px;
position: relative;
}

.why-us .accordion-list {
padding: 0 100px 60px 100px;
}

.why-us .accordion-list ul {
padding: 0;
list-style: none;
}

.why-us .accordion-list li+li {
margin-top: 15px;
}

.why-us .accordion-list li {
padding: 20px;
background: #fff;
border-radius: 4px;
}

.why-us .accordion-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding-right: 30px;
outline: none;
cursor: pointer;
}

.why-us .accordion-list span {
color: #708a8c;
font-weight: 600;
font-size: 18px;
padding-right: 10px;
}

.why-us .accordion-list i {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}

.why-us .accordion-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
}

.why-us .accordion-list .icon-show {
display: none;
}

.why-us .accordion-list a.collapsed {
color: #343a40;
}

.why-us .accordion-list a.collapsed:hover {
color: #708a8c;
}

.why-us .accordion-list a.collapsed .icon-show {
display: inline-block;
}

.why-us .accordion-list a.collapsed .icon-close {
display: none;
}

.why-us .play-btn {
width: 94px;
height: 94px;
background: radial-gradient(#708a8c 50%, rgba(8, 128, 232, 0.4) 52%);
border-radius: 50%;
display: block;
position: absolute;
left: calc(50% - 47px);
top: calc(50% - 47px);
overflow: hidden;
}

.why-us .play-btn::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 100;
transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.why-us .play-btn::before {
content: "";
position: absolute;
width: 120px;
height: 120px;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate-btn 2s;
animation: pulsate-btn 2s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
opacity: 1;
border-radius: 50%;
border: 5px solid rgba(8, 128, 232, 0.7);
top: -15%;
left: -15%;
background: rgba(198, 16, 0, 0);
}

.why-us .play-btn:hover::after {
border-left: 15px solid #708a8c;
transform: scale(20);
}

.why-us .play-btn:hover::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-40%) translateY(-50%);
width: 0;
height: 0;
border: none;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
z-index: 200;
-webkit-animation: none;
animation: none;
border-radius: 0;
}

@media (max-width: 1024px) {

.why-us .content,
.why-us .accordion-list {
  padding-left: 0;
  padding-right: 0;
}
}

@media (max-width: 992px) {
.why-us .content {
  padding-top: 30px;
}

.why-us .accordion-list {
  padding-bottom: 30px;
}
}

@-webkit-keyframes pulsate-btn {
0% {
  transform: scale(0.6, 0.6);
  opacity: 1;
}

100% {
  transform: scale(1, 1);
  opacity: 0;
}
}

@keyframes pulsate-btn {
0% {
  transform: scale(0.6, 0.6);
  opacity: 1;
}

100% {
  transform: scale(1, 1);
  opacity: 0;
}
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
margin-bottom: 20px;
padding: 50px 40px;
border-radius: 6px;
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.services .icon-box i {
float: left;
color: #f6b024;
font-size: 40px;
line-height: 0;
}

.services .icon-box h4 {
margin-left: 70px;
font-weight: 700;
margin-bottom: 15px;
font-size: 18px;
}

.services .icon-box h4 a {
color: #3b414a;
transition: 0.3s;
}

.services .icon-box h4 a:hover {
color: #708a8c;
}

.services .icon-box p {
margin-left: 70px;
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}

/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
background: #f3f3f3;
/*  background: linear-gradient(rgba(189, 200, 201, 0.8), rgba(174, 189, 190, 0.9)), url("../img/cta-bg.jpg") fixed center center;*/
/*  background: linear-gradient(rgba(70, 77, 87, 0.8), rgba(70, 77, 87, 0.9)), url("../img/cta-bg.jpg") fixed center center;*/
/*  background-size: cover;*/
/*  padding: 120px 0;*/
}

.cta h3 {
color: #fff;
font-size: 28px;
font-weight: 700;
}

.cta p {
color: #fff;
}

.cta .cta-btn {
font-family: "Raleway", sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
letter-spacing: 0.5px;
display: inline-block;
padding: 8px 26px;
border-radius: 2px;
transition: 0.5s;
margin: 10px;
border-radius: 50px;
border: 2px solid #f6b024;
color: #fff;
}

.cta .cta-btn:hover {
background: #f6b024;
}

@media (max-width: 1024px) {
.cta {
  background-attachment: scroll;
}
}

@media (min-width: 769px) {
.cta .cta-btn-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
}

/*--------------------------------------------------------------
# Portfoio
--------------------------------------------------------------*/
.portfoio #portfolio-flters {
padding: 0;
margin: 0 auto 25px auto;
list-style: none;
text-align: center;
border-radius: 50px;
}

.portfoio #portfolio-flters li {
cursor: pointer;
display: inline-block;
padding: 8px 18px 10px 18px;
font-size: 14px;
font-weight: 500;
line-height: 1;
color: #444444;
margin: 0 3px 10px 3px;
transition: all ease-in-out 0.3s;
border-radius: 50px;
}

.portfoio #portfolio-flters li:hover,
.portfoio #portfolio-flters li.filter-active {
color: #fff;
background: #708a8c;
}

.portfoio #portfolio-flters li:last-child {
margin-right: 0;
}

.portfoio .portfolio-item {
margin-bottom: 30px;
overflow: hidden;
}

.portfoio .portfolio-item img {
position: relative;
top: 0;
transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.portfoio .portfolio-item .portfolio-info {
opacity: 0;
position: absolute;
left: 15px;
right: 15px;
bottom: -50px;
z-index: 3;
transition: all ease-in-out 0.3s;
background: #708a8c;
padding: 15px 20px;
}

.portfoio .portfolio-item .portfolio-info h4 {
font-size: 18px;
color: #fff;
font-weight: 600;
}

.portfoio .portfolio-item .portfolio-info p {
color: #fff;
font-size: 14px;
margin-bottom: 0;
}

.portfoio .portfolio-item .portfolio-info .preview-link,
.portfoio .portfolio-item .portfolio-info .details-link {
position: absolute;
right: 50px;
font-size: 24px;
top: calc(50% - 18px);
color: white;
transition: ease-in-out 0.3s;
}

.portfoio .portfolio-item .portfolio-info .preview-link:hover,
.portfoio .portfolio-item .portfolio-info .details-link:hover {
color: #8ec8fb;
}

.portfoio .portfolio-item .portfolio-info .details-link {
right: 15px;
}

.portfoio .portfolio-item:hover img {
top: -30px;
}

.portfoio .portfolio-item:hover .portfolio-info {
opacity: 1;
bottom: 0;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
margin-top: 20px;
position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #708a8c;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #708a8c;
}

.portfolio-details .portfolio-info {
padding: 30px;
box-shadow: 0px 0 30px rgba(246, 176, 36, 0.08);
}

.portfolio-details .portfolio-info h3 {
font-size: 22px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
list-style: none;
padding: 0;
font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
margin-top: 10px;
}

.portfolio-details .portfolio-description {
padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
padding: 0;
}



/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
padding: 20px;
background: #fff;
text-align: center;
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
border-radius: 5px;
position: relative;
overflow: hidden;
}

.pricing h3 {
font-weight: 400;
margin: -20px -20px 20px -20px;
padding: 20px 15px;
font-size: 18px;
font-weight: 700;
color: #3b414a;
background: #f8f8f8;
}

.pricing h4 {
font-size: 36px;
color: #708a8c;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 20px;
}

.pricing h4 sup {
font-size: 20px;
top: -15px;
left: -3px;
}

.pricing h4 span {
color: #bababa;
font-size: 16px;
font-weight: 300;
}

.pricing ul {
padding: 0;
list-style: none;
color: #444444;
text-align: center;
line-height: 20px;
font-size: 14px;
}

.pricing ul li {
padding-bottom: 16px;
}

.pricing ul i {
color: #708a8c;
font-size: 18px;
padding-right: 4px;
}

.pricing ul .na {
color: #ccc;
text-decoration: line-through;
}

.pricing .btn-wrap {
margin: 20px -20px -20px -20px;
padding: 20px 15px;
background: #f8f8f8;
text-align: center;
}

.pricing .btn-buy {
background: #708a8c;
display: inline-block;
padding: 8px 35px 10px 35px;
border-radius: 50px;
color: #fff;
transition: none;
font-size: 14px;
font-weight: 400;
font-family: "Raleway", sans-serif;
font-weight: 600;
transition: 0.3s;
}

.pricing .btn-buy:hover {
background: #2b99f8;
}

.pricing .featured h3 {
color: #fff;
background: #708a8c;
}

.pricing .advanced {
width: 200px;
position: absolute;
top: 18px;
right: -68px;
transform: rotate(45deg);
z-index: 1;
font-size: 14px;
padding: 1px 0 3px 0;
background: #708a8c;
color: #fff;
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
background: #708a8c;
}
.faq .faq-list {
/*  padding: 0 100px;*/
}

.faq .faq-list ul {
padding: 0;
list-style: none;
}

.faq .faq-list li+li {
margin-top: 15px;
}

.faq .faq-list li {
padding: 15px;
background: #fff;
border-radius: 10px;
position: relative;
border-left: 2px solid #fff;
border-right: 2px solid #fff;
box-shadow: 0px 6px 5px 0 rgb(109 133 135 / 10%);
}

.faq .faq-list a {
display: block;
position: relative;
font-family: "Poppins", sans-serif;
font-size: 18px;
line-height: 24px;
font-weight: 500;
padding: 0 30px 0 0;
outline: none;
cursor: pointer;
}

.faq .faq-list .icon-help {
font-size: 18px;
position: absolute;
right: 0;
left: 18px;
top:17px;
color: #464d57;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
font-size: 16px;
position: absolute;
right: 0;
top: 0;
}

.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
display: none;
}

.faq .faq-list a.collapsed {
color: #464d57;
}

.faq .faq-list a.collapsed:hover {
color: #708a8c;
}

.faq .faq-list a.collapsed .icon-show {
display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
display: none;
}

/*.faq-left-content {
  margin-top: 25px;
  padding-bottom: 2.5rem;
}*/
.faq-left-content .faq-img {
  position: relative;
  z-index: 1;    
  box-shadow: 0px 6px 5px 0 rgb(109 133 135 / 10%);
}
/*.faq-left-content .faq-img:after {
content: '';
position: absolute;
top:0;
left:0;
background: rgb(69 75 85 / 10%);
width: 100%;
height: 100%;
}*/
.faq-left-content:hover .faq-img:after {
display: none;
}
.faq-left-content .faq-img img {
/*  border: 2px solid #eef0e5;*/
  border-radius: 10px;
  background: #fff;
}
/*.faq-left-content .faq-img::before {
  height: 32.625rem;
}*/
/*.faq-left-content .faq-img::before {
  content: "";
  top: -1.5rem;
  right: -2rem;
  position: absolute;
  width: 14.375rem;
  height: 24rem;
      border-radius: 5px;
  background: #eef0e5;
  z-index: -1;
}*/

@media (max-width: 1200px) {
.faq .faq-list {
  padding: 0;
}
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 15px 0;
background: #ecf6fe;
margin-top: 130px;
}

.breadcrumbs h2 {
font-size: 26px;
font-weight: 600;
color: #043c6d;
}

.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0 0 10px 0;
margin: 0;
font-size: 14px;
}

.breadcrumbs ol li+li {
padding-left: 10px;
}

.breadcrumbs ol li+li::before {
display: inline-block;
padding-right: 10px;
color: #f8c255;
content: "/";
}
/*----------------------*/
/*Blog Inner*/
/*----------------------*/

/*--------------------------------------------------------------
# Blog Details Page
--------------------------------------------------------------*/
.blog-inner .blog-dtls {
/*  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);*/
box-shadow: none;
padding: 0 0 20px 0;
}

.blog-inner .blog-dtls .post-img {
margin: 0 0 20px 0;
overflow: hidden;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
border-radius: 15px;
}
.blog-inner .blog-dtls .post-img img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
border-radius: 15px;
transform: scale(1);
transition: 0.3s;
}
.blog-inner .blog-dtls .post-img:hover img {
  transform: scale(1.1);
  transition: 0.3s;
}

.blog-inner .blog-dtls .title {
font-size: 26px;
font-weight: 600;
padding: 0;
/*  margin: 20px 0 0 0;  */
}

.blog-inner .blog-dtls .content {
margin-top: 20px;
}

.blog-inner .blog-dtls .content h3 {
font-size: 20px;
margin-top: 20px;
font-weight: 500;
}

.blog-inner .blog-dtls .content blockquote {
overflow: hidden;
background-color: rgba(27, 47, 69, 0.06);
padding: 60px;
position: relative;
text-align: center;
margin: 20px 0;
}

.blog-inner .blog-dtls .content blockquote p {  
line-height: 1.6;
margin-bottom: 0;
font-style: italic;
font-weight: 500;
font-size: 22px;
}

.blog-inner .blog-dtls .content blockquote:after {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 3px;  
margin-top: 20px;
margin-bottom: 20px;
}

.blog-inner .blog-dtls .meta-top {
margin-top: 20px;

}

.blog-inner .blog-dtls .meta-top ul {
display: flex;
list-style: none;
align-items: flex-start;
flex-direction: column;
padding: 0;
margin: 0;
justify-content: flex-start;
}
.blog-inner .blog-dtls .meta-top ul li {
margin-bottom: 15px;
}

/*.blog-inner .blog-dtls .meta-top ul li+li {
padding-left: 20px;
}*/

.blog-inner .blog-dtls .meta-top svg {
font-size: 16px;
margin-right: 8px;
line-height: 0;
color: rgb(112 137 139);
}

.blog-inner .blog-dtls .meta-top a {
font-size: 16px;
display: inline-block;
line-height: 1;
font-weight: 600;
}

.blog-inner .blog-dtls .meta-bottom {
padding-top: 10px;
border-top: 1px solid rgba(27, 47, 69, 0.15);
}

.blog-inner .blog-dtls .meta-bottom i {
color: #38618e;
display: inline;
}

.blog-inner .blog-dtls .meta-bottom a {
color: rgba(27, 47, 69, 0.8);
transition: 0.3s;
}

.blog-inner .blog-dtls .meta-bottom a:hover {

}

.blog-inner .blog-dtls .meta-bottom .cats {
list-style: none;
display: inline;
padding: 0 20px 0 0;
font-size: 14px;
}

.blog-inner .blog-dtls .meta-bottom .cats li {
display: inline-block;
}

.blog-inner .blog-dtls .meta-bottom .tags {
list-style: none;
display: inline;
padding: 0;
font-size: 14px;
}

.blog-inner .blog-dtls .meta-bottom .tags li {
display: inline-block;
}

.blog-inner .blog-dtls .meta-bottom .tags li+li::before {
padding-right: 6px;

content: ",";
}

.blog-inner .blog-dtls .meta-bottom .share {
font-size: 16px;
}

.blog-inner .blog-dtls .meta-bottom .share i {
padding-left: 5px;
}

.blog-inner .post-author {
padding: 20px;
margin-top: 30px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog-inner .post-author img {
max-width: 120px;
margin-right: 20px;
}

.blog-inner .post-author h4 {
font-weight: 600;
font-size: 22px;
margin-bottom: 0px;
padding: 0;

}

.blog-inner .post-author .social-links {
margin: 0 10px 10px 0;
}

.blog-inner .post-author .social-links a {
color: rgba(27, 47, 69, 0.5);
margin-right: 5px;
}

.blog-inner .post-author p {
font-style: italic;

margin-bottom: 0;
}

/*--------------------------------------------------------------
# Blog Sidebar
--------------------------------------------------------------*/
.blog-inner .sidebar .sidebar-title {
font-size: 22px;
font-weight: 400;
padding: 0;
margin: 0;  
}

.blog-inner .sidebar .sidebar-item+.sidebar-item {
margin-top: 30px;
}

.blog-inner .sidebar .search-form form {
background: #fff;
border: 1px solid rgba(27, 47, 69, 0.2);
padding: 3px 10px;
position: relative;
}

.blog-inner .sidebar .search-form form input[type=text] {
border: 0;
padding: 4px;
border-radius: 4px;
width: calc(100% - 40px);
}

.blog-inner .sidebar .search-form form input[type=text]:focus {
outline: none;
}

.blog-inner .sidebar .search-form form button {
position: absolute;
top: 0;
right: 0;
bottom: 0;
border: 0;
background: none;
font-size: 16px;
padding: 0 15px;
margin: -1px;
background: #97af71;
color: #fff;
transition: 0.3s;
border-radius: 0 4px 4px 0;
line-height: 0;
}

.blog-inner .sidebar .search-form form button i {
line-height: 0;
}

.blog-inner .sidebar .search-form form button:hover {
background: rgba(86, 184, 230, 0.8);
}

.blog-inner .sidebar .categories ul {
list-style: none;
padding: 0;
}

.blog-inner .sidebar .categories ul li+li {
padding-top: 10px;
}

.blog-inner .sidebar .categories ul a {
color: #000;
font-size: 15px;
}

.blog-inner .sidebar .categories ul a:hover {

}

.blog-inner .sidebar .categories ul a span {
padding-left: 5px;
/*  color: rgba(var(--color-default-rgb), 0.4);*/
font-size: 14px;
}

.blog-inner .sidebar .recent-posts .post-item {
display: flex;
box-shadow: 0px 0 15px rgba(0, 0, 0, 0.08);
padding: 20px;
}

.blog-inner .sidebar .recent-posts .post-item+.post-item {
margin-top: 15px;
}

.blog-inner .sidebar .recent-posts img {
width: 80px;
margin-right: 15px;
}

.blog-inner .sidebar .recent-posts h4 {
font-size: 18px;
font-weight: 400;
}

.blog-inner .sidebar .recent-posts h4 a {

transition: 0.3s;
}

.blog-inner .sidebar .recent-posts h4 a:hover {

}

.blog-inner .sidebar .recent-posts time {
display: block;
font-style: italic;
font-size: 14px;
/*  color: rgba(var(--color-default-rgb), 0.4);*/
}

.blog-inner .sidebar .tags {
margin-bottom: -10px;
}

.blog-inner .sidebar .tags ul {
list-style: none;
padding: 0;
}

.blog-inner .sidebar .tags ul li {
display: inline-block;
}

.blog-inner .sidebar .tags ul a {
color: #708a8c;
font-size: 13px;
padding: 6px 14px;
margin: 0 6px 8px 0;
border: 1px solid rgba(27, 47, 69, 0.15);
display: inline-block;
border-radius: 50px;
transition: 0.3s;
}

.blog-inner .sidebar .tags ul a:hover {
color: #fff;
border: 1px solid #708a8c;
background: #708a8c;
}

.blog-inner .sidebar .tags ul a span {
padding-left: 5px;
color: rgba(27, 47, 69, 0.8);
font-size: 14px;
}



/*--------------------------------------------------------------
# Why Join
--------------------------------------------------------------*/
.whyjoin {
background: #708a8c;
}
.whyjoin .icon-box {
padding: 30px;
position: relative;
overflow: hidden;
background: #fff;
box-shadow:2px 5px 15px 0 rgb(109 133 135 / 20%);
transition: all 0.3s ease-in-out;
border-radius: 15px;
z-index: 1;
display: flex;
border:1px solid #fff;
}

.whyjoin .icon-box::before {
content: "";
position: absolute;
background: rgba(112, 138, 140, .2);  
right: -60px;
top: -40px;
width: 100px;
height: 100px;
border-radius: 50px;
transition: all 0.3s;
z-index: -1;
}

.whyjoin .icon-box:hover::before {
background: #e1eae4;
right: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 0px;
}

.whyjoin .icon {
  display: flex;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: rgba(112, 138, 140, 1.0);
  transition: all 0.3s ease-in-out;
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 1;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  flex-basis: 60px;
}
.whyjoin .icon-box:hover .icon {
color:#000;
}

/*.whyjoin .icon i {
font-size: 36px;
line-height: 1;
color: #000;
}*/

.whyjoin .title {
font-weight: 700;
margin-bottom: 15px;
font-size: 20px;
}

.whyjoin .title a {
color: #111;
}

.whyjoin .description {
font-size: 14px;
line-height: 1.4;
margin-bottom: 0;
flex-basis: calc(100% - 60px);
padding-left: 15px;
}

.whyjoin .icon-box:hover .title, .whyjoin .icon-box:hover a,
.whyjoin .icon-box:hover .description {
color: #708a8c;
}

.whyjoin .icon-box:hover .icon {
background: #fff;
}

.whyjoin .icon-box:hover .icon i {
color: #3498db;
}



/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonials-carousel,
.testimonials .testimonials-slider {
overflow: hidden;
}
.testimonials .testimonial-item {
box-sizing: content-box;
min-height: 320px;
height: 100%;
}
.testimonials .testimonial-item .testimonial-img {
width: 90px;
border-radius: 50%;
margin: -40px 0 0 40px;
position: relative;
z-index: 2;
/*  border: 6px solid #eef0e5;*/
}
.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0 0 45px;
  color: #948674;
}
.testimonials .testimonial-item span {
font-size: 13px;
color: #464d57;
font-style: italic;
margin: 0 0 0 45px;
}
.testimonials .testimonial-item .fa-quote-left,
.testimonials .testimonial-item .fa-quote-right {
color: #d8dee1;
font-size: 26px;
}

.testimonials .testimonial-item .fa-quote-left {
display: inline-block;
left: -5px;
position: relative;
}

.testimonials .testimonial-item .fa-quote-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
}

.testimonials .testimonial-item p {
font-style: italic;
margin: 0 15px 0 15px;
padding: 20px 20px 60px 20px;
background: #708a8c;
color:#fff;
position: relative;
border-radius: 10px;
position: relative;
z-index: 1;
height: calc(100% - 15%);
}

.testimonials .swiper-pagination {
margin-top: 20px;
position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: #fff;
opacity: 1;
border: 1px solid #708a8c;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
background-color: #708a8c;
}

/*--------------------------------------------------------------
# Recent Blog Posts
--------------------------------------------------------------*/

.recent-blog-posts .post-box {
transition: 0.3s;
height: 100%;
overflow: hidden;
position: relative;
display: flex;
flex-direction: column;
background: #fff;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
border-radius: 10px;
border-bottom: 3px solid rgb(109 133 135 / 32%);
}
.recent-blog-posts .post-box:hover {
  border-color: #708a8c;
  transform: translateY(-5px);
}

.recent-blog-posts .post-box .post-img {
overflow: hidden;
  position: relative;
  border-radius: 10px;
  max-height: 240px;
}
.recent-blog-posts .post-box .post-img:before {
content: '';
position: absolute;
top:0;
left:0;
background: rgb(69 75 85 / 30%);
width: 100%;
height: 100%;
}

.recent-blog-posts .post-box .post-img img {
    transition: 0.5s;
  object-fit: cover;
  object-position: center;
  width: 100%;
  max-height: 100%;
}

.recent-blog-posts .post-box .meta {
margin-top: 10px;
}

.recent-blog-posts .post-box .meta .post-date {
font-size: 14px;
font-weight: 500;
color: #000;
}

.recent-blog-posts .post-box .meta .post-author {
font-size: 14px;
font-weight: 500;
color: #000;
}

.recent-blog-posts .post-box .post-title {
  font-size: 20px;
  color: #948674;
  font-weight: 600;
  margin: 12px 0 0 0;
  position: relative;
  transition: 0.3s;
}

.recent-blog-posts .post-box p {
margin: 8px 0 0 0;
}

.recent-blog-posts .post-box .readmore {
display: flex;
align-items: center;
font-weight: 600;
line-height: 1;
transition: 0.3s;
margin-top: 15px;
font-size: 16px;
}

.recent-blog-posts .post-box .readmore svg {
line-height: 0;
margin-left: 6px;
font-size: 13px;
margin-top: 1px;
}

.recent-blog-posts .post-box:hover .post-title {
color: var(--color-primary);
}

.recent-blog-posts .post-box:hover .post-img img {
transform: scale(1.1);
}

.blog-details{
display: flex;
flex-direction: column;
height: calc(100% - 240px);
justify-content: space-between;
padding:10px 20px 20px 20px;
}
  


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
background: #e1eae4;
padding: 0;

font-size: 13px;
}
.container {
position: relative;
}
#footer .footer-newsletter {
padding: 50px 0;
/*  background: url('../img/bg-03.jpg') no-repeat;*/
background: #6f8a8b;
color:#fff;
position: relative;
}
/*#footer .footer-newsletter:before {
content: '';
position: absolute;
top:0;
left:0;
background: rgb(68 75 85 / 70%);
width: 100%;
height: 100%;
pointer-events: none;
}*/
#footer .footer-newsletter h4 {
font-size: 30px;
margin: 0;
padding: 0;
line-height: 1;
font-weight: 600;
margin-bottom: 0;
margin-top: 5px;
}
#footer .footer-newsletter .btn {
padding:10px 35px;
border:2px solid #fff;
background: transparent;
color:#fff;
font-size: 14px;
border-radius: 10px;
} 
#footer .footer-newsletter .btn:hover {
background: #fff;
color:#454b55;
}
.money-backg {
display: flex;
align-items: center;
justify-content: space-between;
}
.moneyb-text {
display: flex;
align-items: center;
justify-content: center;
}
.moneyb-text svg {
font-size: 45px;
margin-right:15px;
}
.moneyb-text span {
font-size: 16px;
font-style: italic;
}

#footer .footer-top {
background: #e1eae4;
padding: 40px 0 0 0;
}

#footer .footer-top .footer-info {
margin-bottom: 15px;
}

#footer .footer-top .footer-info h3 {
font-size: 18px;
margin: 0 0 20px 0;
padding: 2px 0 2px 0;
line-height: 1;
font-weight: 700;
}

#footer .footer-top .footer-info p {
font-size: 18px;
line-height: 1.3;    
color:#474844;
padding-right: 40px;
font-weight: 500;
margin-bottom: 25px;
}
#footer .footer-top .footer-info .footer-logo {
height: 100px;
margin-bottom: 25px;
}
#footer .footer-top .social-links a {
margin:0 20px 0 0;
}
#footer .footer-top .social-links a img {
width: 28px;
transition: all 0.3s;
transform: translate(0, 0); 
}
#footer .footer-top .social-links a.twitter img {
width: 27px;
}

#footer .footer-top .social-links a img:hover {
transition: all 0.3s;
transform: translate(0, -10px);
}

#footer .footer-top h4 {
font-size: 22px;
font-weight: 700;
color: #737373;
text-transform: uppercase;
position: relative;
padding-bottom: 5px;
}

#footer .footer-top .footer-links {
margin-bottom: 15px;
}

#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

#footer .footer-top .footer-links ul i, #footer .footer-top .footer-links ul svg {
  padding-right: 2px;
  color: rgb(69 75 85 / 80%);
  font-size: 8px;
  line-height: 1;
  margin-right: 5px;
  margin-left: 2px;
}

#footer .footer-top .footer-links ul li {
padding: 2px 0;
display: flex;
align-items: center;
margin-bottom: 4px;
}

#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  color: #75898a;
}

#footer .footer-top .footer-links ul a:hover {
color: #454b55;
}

#footer .footer-top .footer-contact {
margin-bottom: 30px;

}

#footer .footer-top .footer-contact p {
line-height: 1.3;
font-size: 18px;
  font-weight: 500;
  color: #75898a;
}

#footer .copyright {
      text-align: center;
  padding: 15px 0;
  font-size: 16px;
  color: #6f8a8b;
  font-weight: 400;
}

.green-btn.join-btn {
font-size: 14px;
  font-weight: bold;
  padding: 8px 30px;
  border-radius: 5px;
}
.bounce {
animation: bounce 2s ease-in-out infinite alternate-reverse both;;
}
@keyframes bounce {
0% {transform: translateY(10px);}  
100% {transform: translateY(-10px);}  

}

.form-wrapper {
background:#e1eae4;
position: relative;
font-size: 13px;

}
/*.form-wrapper:before {
  content: "";
  background: rgb(68 75 85 / 70%);
  position:fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}*/
.login-logo {
display: flex;
align-items: center;
justify-content: center;
}
.login-logo a {
  margin: 0;
  padding: 20px 10px 0 10px;
  display: flex;
}
.login-logo a img {
height: 90px;
}
.form-wrapper .card {
border-bottom: 2px solid #708a8c;
border-radius: 15px;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
border-top: none;
border-left: none;
border-right: none;
}
.form-wrapper label {
font-weight: 400;
}
.form-wrapper p {
  font-size: 16px;
  padding-bottom: 1px;
}
.form-wrapper .form-control, .form-wrapper button, .form-wrapper a.btn, .form-wrapper .form-select, .form-wrapper button:active, .form-wrapper a.btn:active {   
/* border-radius: 30px; */
border-radius: 20px;
border-color: #6f8a8b;
padding: 10px 20px;  
}
.form-wrapper input#password.form-control, .form-wrapper input#email.form-control {
border-radius: 0 20px 20px 0;
}
.form-wrapper input:focus, .form-wrapper select:focus{
box-shadow: none;
}
.form-wrapper a {
text-decoration: underline;
white-space: nowrap;
}
.form-wrapper a:hover {
text-decoration: none;
}
.form-wrapper .input-group-text {
background-color: #708a8c;
    border: 1px solid #708a8c;
    color: #fff;
    width: 45px;
    border-radius: 15px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.remember-forgot { 
display: flex;
align-items: center;
justify-content: space-between;
font-size: 15px;
font-weight: 400;
}
.remember-forgot .form-check {
min-height: auto;
margin-bottom: 0;
}

.remember-forgot .form-check .form-check-label {
font-weight: 400;
padding-top: 5px;
line-height: 1;
}

.form-wrapper .container, .form-wrapper .row {
height: 100%;
}
.form-wrapper .row {
justify-content: center;
align-items: center;
}

.dz-message {
  padding: 1rem;
  background-color: #fff;
  border: 1px dashed #ced4da;
  border-radius: 0.375rem;
  text-align: center;
  color: #8b8b8b;
  transition: all 0.15s ease;
  order: -1;
  cursor: pointer;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;    
  flex-direction: column;
  position: relative;
}
.upload-doc {
  display: flex;
  align-items: center;
  justify-content: center;
/*    margin-bottom: 10px;*/
  width: 60px;
  height: 60px;
  background: #708a8c;
  border-radius: 100%;
}
.upload-doc svg {
  font-size: 24px;    
  color: #fff;
}
.dropzone input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}


.join-money {
font-size: 18px;
border-radius: 100%;
  width: 76px;
  height: 76px;
  background: #708a8c;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.join-money:before {
content: '';
position: absolute;
top:-3px;
left:-3px;
width: 82px;
height: 82px;
background: transparent;
border:1px dashed #708a8c;
border-radius: 100%;
}
.membership-p {
    display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 20px;
}
.form-wrapper .form-group {
margin-bottom: 15px;
}
.form-wrapper .form-label {
margin-bottom: 5px;
}
/*.error { color:red; }*/
.form-wrapper .form-group {
margin-bottom: 15px;
}
.form-wrapper .form-label {
margin-bottom: 5px;
font-size: 16px;
}
.form-wrapper .input-group label.error {
flex-basis: 100%;
font-weight: normal;
color:red;
font-size: 12px;
}
.form-wrapper .input-group input.error{
border:1px solid red;
}

#hero.inner-banner {
height: 400px;
}
/*#hero.inner-banner-2 {
height: 400px;
}*/
.user-box {
display: flex;
align-items: center;
padding: 0 20px;
}
.user-info {  
display: flex;
align-items: center;
width: calc(100% - 100px);
justify-content: space-between;
padding-left:20px;
}
.user-avatar {
flex-basis: 100px;
width: 100px;
height: 100px;
border-radius: 100%;
background: #fff;
padding:15px;
}
.user-avatar img {
border-radius: 15px;
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
}
.user-detail {
text-align: left;  
}

.user-detail p {
}
.icon-boxes.usb {
margin-top: -50px;
}
.icon-boxes.usb .icon-box {
padding: 20px 15px;
position: relative;
overflow: hidden;
background: #fff;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
transition: all 0.3s ease-in-out;
border-radius: 15px;
z-index: 1;
display: flex;
border: 1px solid #fff;
display: flex;
flex-direction: row;
text-align: left;
justify-content: start;

}
.dashbaord.usb .icon-box {
padding: 30px 15px;
position: relative;
overflow: hidden;
background: #fff;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
transition: all 0.3s ease-in-out;
border-radius: 15px;
z-index: 1;
display: flex;
border: 1px solid #fff;
display: flex;
flex-direction: row;
text-align: left;
justify-content: start;

}
.icon-boxes.usb .title {
text-transform: none;
text-align: left;
}
.icon-boxes.usb .icon {
margin-bottom: 0;
}
.usb-detail {
padding-left: 15px;
}

.whyjoin.user-boxes .icon-box {
flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.whyjoin.user-boxes h4 {
text-align: center;
}
.whyjoin.user-boxes .description, .whyjoin.user-boxes p {
padding:0;
margin-bottom: 10px;
text-align: center;
}
.user-boxes .progress {
width: 80px;
height: 80px !important;
float: left; 
line-height: 80px;
background: none;
margin-bottom: 20px;
box-shadow: none;
position: relative;
}
.user-boxes .progress:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 8px solid #fff;
position: absolute;
top: 0;
left: 0;
}
.user-boxes .progress>span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.user-boxes .progress .progress-left {
left: 0;
}
.user-boxes .progress .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 8px;
border-style: solid;
position: absolute;
top: 0;
}
.user-boxes .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 80px;
border-bottom-right-radius: 80px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.user-boxes .progress .progress-right {
right: 0;
}
.user-boxes .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 80px;
border-bottom-left-radius: 80px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards;
}
/*.user-boxes .progress .progress-value {
width: 90%;
height: 90%;
border-radius: 50%;
background: #fff;  
color: #fff;
line-height: 135px;
text-align: center;
position: absolute;
top: 5%;
left: 5%;
}*/
.user-boxes .progress .progress-value {
width: 100%;
background: #fff;      
text-align: center; 
border-radius: 50%;   
}
.user-boxes .progress .progress-value img {
width: 52px;
height: auto;
}
.user-boxes .progress.blue .progress-bar {
border-color: #97af71;
}
.user-boxes .progress.blue .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.8s;
}
.user-boxes .progress.yellow .progress-bar {
border-color: #fdba04;
}
.user-boxes .progress.yellow .progress-right .progress-bar {
animation: loading-3 1.8s linear forwards;
}
.user-boxes .progress.yellow .progress-left .progress-bar {
animation: none;
}
@keyframes loading-1 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
}
@keyframes loading-2 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
}
@keyframes loading-3 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
}
.resources-icon {
border-radius: 100%;
height: 95px;
width: 95px;
background: #fff;
border:13px solid #708a8c;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.resources-icon img {
width: 50px;
}

.ub-bx {
    display: flex;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  height: calc(100% - 100px);
}
.icon-box.disabled {
pointer-events: none;
position: relative;
}
.icon-box.disabled:after {
content: '';
position: absolute;
top:0;
left:0;
background: rgba(112, 138, 140, .2);
width: 100%;
height: 100%;
}
.icon-box.disabled h4, .icon-box.disabled a, .icon-box.disabled p {
color:rgba(0, 0, 0, .5);
}
.bb-links::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}

.gd-alliance {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.gd-alliance span {
margin-bottom: 10px;
}
.gd-alliance h5 {
text-align: center;
width: 100%;
}

/*members*/
/*--------------------------------------*/
.members-search {
padding-top:0;
position: relative;
z-index: 100;
}
.members-search .ms-box {
  padding: 12px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  transition: all 0.3s ease-in-out;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  border-bottom: 3px solid rgb(109 133 135 / 32%);
  transition: all 0.3s ease-in-out;
  width: 100%;
  border:1px solid rgb(112 137 139 / 50%);
}
.ms-box form {
width: 100%;
}
.ms-box form .inner-form {
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
/*    box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);*/
  border-radius: 5px;
}
#hero.inner-banner-2 {
  height: 116px;
  min-height: auto;
  margin-bottom: 0;
  padding: 0;
}
.ms-box form .inner-form .input-field input {
  height: 100%;
  background: transparent;
  border: 0;
  display: block;
  width: 100%;
  padding: 10px 20px 10px 0;
  font-size: 15px;
  color: #555;
}
.ms-box form .inner-form .input-field.third-wrap {
/*    width: 90px;*/
}
.ms-box form .inner-form .input-field.third-wrap .btn-search {
  height: 100%;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  border: 0;
  cursor: pointer;
  background: #70898b;
  transition: all .2s ease-out, color .2s ease-out;
  border-radius: 20px;
  padding: 8px 25px 6px 25px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  text-transform: uppercase;
}
.ms-box form .inner-form .input-field.third-wrap .btn-search:hover {
background: #454b55;
}
.input-field.second-wrap {
width: 100%;
}
.input-field.first-wrap {

padding-right: 15px;;
}
.input-field.first-wrap svg {
font-size: 18px;
margin-left: 10px;
color: rgb(0 0 0 / 44%);

}


/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
position: relative;
    box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  border-radius: 15px;
  border-bottom: 3px solid rgb(109 133 135 / 32%);
padding: 20px;  
background: #fff;
    transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.m-height .member {
height: 100%;
}

.team .member .pic {

width: 140px;
height: 140px;
border-radius: 50%;
margin-bottom: 20px;
border:3px solid #708a8c;
padding:3px;
background: #fff;
transition: all 0.3s ease-in-out;
position: relative;
padding:18px;
transform: scale(1);  
}
.team .member:hover .pic {
background: #fff;  
transition: all 0.3s ease-in-out;
transform: scale(1.1);  
}

.certi-label {
position: absolute;
bottom:-10px;
left:0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.team .member .certi-label strong {
display: inline-block;
background: #fff;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
padding:2px 15px;
border-radius: 15px;
font-size: 16px;
font-weight: 600;
color:#70898b;
font-style: italic;
position: relative;
}
.team .member .pic img.cl-logo {
position: absolute;
left: -13px;
top: -4px;
width: 36px;
border: 4px solid #fff;
height: auto;
}




.team .member .pic img {
transition: 0.3s;  
border-radius: 15px;
height: 100%;
object-fit: cover;
width: 100%;
object-position: center;

}

.team .member:hover {
border-color: #708a8c;
transform: translateY(-5px);
}

.team .member .member-info {
/*  padding-left: 30px;*/
text-align: center;
}

.team .member h4 {
font-weight: 500;
margin-bottom: 5px;
font-size: 18px;
color: #464d57;
}

.team .member span {
display: block;
font-size: 13px;
padding-bottom: 10px;
position: relative;
font-weight: 500;
}

.team .member span::after {
display: none;
content: "";
position: absolute;  
width: 50px;
height: 1px;
background: #7fa35c;
bottom: 0;
left: 30%;
transform: translateX(50%);
}

.team .member p {
margin: 10px 0 0 0;
font-size: 14px;
}

.team .member .social {
margin-top: 12px;
display: flex;
align-items: center;
justify-content: flex-start;
}

.team .member .social a {
transition: ease-in-out 0.3s;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
width: 32px;
height: 32px;
background: #eff2f8;
}

.team .member .social a i {
color: #37517e;
font-size: 16px;
margin: 0 2px;
}

.team .member .social a:hover {
background: #47b2e4;
}

.team .member .social a:hover i {
color: #fff;
}

.team .member .social a+a {
margin-left: 8px;
}

.user-badge {
height: 180px;
}

/*----------------------------------*/
/*My Account*/
/*----------------------------------*/
.my-account-tabs .tab-content {
position: relative;
/*  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);*/
/*box-shadow:2px 6px 7px 0 rgb(109 133 135 / 20%); ;*/
border-radius: 0 0 10px 10px;
border-top: 1px solid #fff;
border-left: 1px solid rgb(109 133 135 / 32%);
border-right: 1px solid rgb(109 133 135 / 32%);
border-bottom: 3px solid rgb(109 133 135 / 32%);
padding: 40px;
background: #fff;
transition: all 0.3s ease-in-out;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
min-height: 210px;
width: 100%;
}
.my-account-tabs .tab-content>.tab-pane {
width: 100%;
}

.my-account-tabs .nav-tabs {
display: flex;
}
.my-account-tabs .nav-link {
font-size: 14px;
color: #454b55;
font-weight: 600;
white-space: nowrap;
margin-bottom: -1px;
}
.my-account-tabs .nav-tabs .nav-item.show .nav-link, .my-account-tabs .nav-tabs .nav-link.active {
background: #fff;
    border-color: rgb(109 133 135 / 32%) rgb(109 133 135 / 32%) transparent rgb(109 133 135 / 32%);
    color: #708a8c;
}
.my-account-tabs .form-wrapper {
background: transparent;
overflow: inherit;
width: 100%;
}
.my-account-tabs .form-wrapper:before {
display: none;
}
.badge-tab {
display: flex;
justify-content: center;
flex-direction: column;
text-align: center;
padding-left: 20px;
}
.team .member .ss span::after {
display: none;
}
/*#main {
min-height: 500px;
}
*/
/*--------------------------------------------------------------
# premium-plan
--------------------------------------------------------------*/
.premium-plan .box {
padding: 20px;
background: #fff;
text-align: center;
/* box-shadow: 0px 0px 4px rgb(0 0 0 / 12%); */
box-shadow: 2px 5px 15px 0 rgb(109  133 135 / 20%);
border-radius: 10px;
position: relative;
overflow: hidden;
border: 1px solid rgb(109 133 135 / 32%);
border-bottom: 3px solid rgb(109 133 135 / 32%);
transform: scale(1);
transition: all 0.3s ease-in-out;
height: 100%;
  padding-bottom: 60px;
}
.premium-plan .box:hover {
transform: scale(1.03);
transition: all 0.3s ease-in-out;
}
/*.big-box {
-webkit-transform: scale(1.05) !important;
   -moz-transform: scale(1.05) !important;
    -ms-transform: scale(1.05) !important;
     -o-transform: scale(1.05) !important;
        transform: scale(1.05) !important;
}*/
.blue-brdr {
border:5px solid #25398e !important;
}
.fw-400 { font-weight: 500 !important; color:rgba(0,0,0,0.5);}
.premium-plan h3 {
font-weight: 400;
margin: -20px -20px 20px -20px;
padding: 20px 15px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
color: #666;
background: #f8f8f8;
}

.premium-plan h4 {
font-size: 36px;
color: #708a8c;
font-weight: 600;
font-family: "Poppins", sans-serif;
margin-bottom: 15px;
line-height: 1.1;
}

.premium-plan h4 sup {
font-size: 20px;
top: -15px;
left: -3px;
}

.premium-plan h4 span {
color: #708a8c;
font-size: 15px;
font-weight: 500;
}

.premium-plan.boost-profile ul {
padding: 0;
list-style: none;
color: #444444;
text-align: center;
line-height: 20px;
font-size: 14px;
min-height: inherit;
}

.premium-plan ul {
padding: 0;
list-style: none;
color: #444444;
text-align: left;
line-height: 20px;
font-size: 14px;
min-height: 105px;
}


.premium-plan ul li {
padding-bottom: 10px;
border-top: 1px solid rgba(0,0,0,.1);
padding-top: 10px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}

.premium-plan ul li img {    
padding-right: 8px;
height: 18px;
padding-top: 2px;
}

.premium-plan ul .na {
color: #ccc;
text-decoration: line-through;
}

.premium-plan .btn-wrap {
margin: 20px -20px -20px -20px;
padding: 20px 15px;
background: #f8f8f8;
text-align: center;
bottom: 20px;
  position: absolute;
  width: 100%;
}

.premium-plan .btn-buy {
background: #25398e;
display: inline-block;
padding: 8px 35px 10px 35px;
border-radius: 50px;
color: #fff;
transition: none;
font-size: 14px;
font-weight: 400;
font-family: "Raleway", sans-serif;
font-weight: 600;
transition: 0.3s;
}

.premium-plan .btn-buy:hover {
background: #2b99f8;
}

.premium-plan .featured h3 {
color: #fff;
background: #708a8c;
}

.premium-plan .advanced {
width: 200px;
position: absolute;
top: 18px;
right: -68px;
transform: rotate(45deg);
z-index: 1;
font-size: 14px;
padding: 1px 0 3px 0;
background: #b55e4f;
color: #fff;
}

.banefit-block ul { text-align: left;}
.banefit-block ul li { border:none; padding:5px 0; }
.banefit-block ul li svg { margin-right:5px;}

.entry-img img { width: 100%;}
.white-bg { background:#fff; }

.page-tp {
margin-top: 105px !important;
}
/*---------------------------------------------------*/

.dav-img {  
margin-top: 25px;
padding:0;  
position: relative;
}
.dav-img img {
transform: scale(1.0);
transition: 0.3s;  
border-radius: 10px;
}
.dav-img:before {
content: '';
position: absolute;
top:-20px;
left:-20px;
width: 100%;
height: 100%;
background: #fff;
border:4px solid rgb(109 133 135 / 31%); 
border-radius: 10px;
}
.dav-img img:hover {
transform: scale(1.03); 
}
.ab-intro {
padding: 25px;
background: #708a8c;
color: #fff;
border-radius: 10px 0 0 10px;
}
.ab-intro-img {
position: relative;
}
.ab-intro-img img {
transform: scale(1.0);
transition: 0.3s;  
border-radius: 10px;

}
.ab-intro-img:before {
content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 4px solid rgb(109 133 135 / 31%);
  border-radius: 10px;
}
.ab-intro-img img:hover {
transform: scale(1.03); 
}



/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact-us {
background: #6f8a8b;
color: #fff;
padding:80px 0;
}
.new-heading-w {
font-size: 50px;
color: #fff;
font-weight: 700;
text-align: center;  
}
.cif-box {
display: flex;
flex-direction: column;
height: 100%;
justify-content: space-between;
align-items: stretch;
}
.contact-us .info-box {
background: #fff;
padding:25px;
border-radius: 15px;  
color:#737373;
height: 99%;
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: center;
}
.contact-us h3 {
font-size: 24px;
font-weight: 700;
text-transform: uppercase;
}
.contact-us p {
margin-bottom: 0;
}
.contact-form {
background: #fff;
padding:25px;
border-radius: 15px;  
color:#737373;
height: 100%;
}
.contact-form .error {
color:red
}
.contact-form .form-group {
margin-bottom: 20px;
}
.contact-form .form-control, .contact-form .form-select, .contact-form textarea {
border-radius: 15px;
border-color:#6f8a8b;
padding:10px 15px;
color:#737373;
resize: none;
}
.green-bg {
background: #97af71 !important;
}
.green-bg:hover {
background: #454b55 !important;
color: #fff;  
}
.w-brdr {
border:2px solid #fff !important;
}

.contact-cta {
display: flex;
align-items: center;
justify-content: space-between;
}

.contact .info-box {  
text-align: center;
box-shadow:2px 5px 15px 0 rgb(109 133 135 / 20%);
padding: 20px;
border-bottom: 3px solid rgb(109 133 135 / 32%);
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.contact .info-box:hover {
  border-color: #708a8c;
  transform: translateY(-5px);
  transition: all 0.3s ease-in-out;
}
.map-contact {
text-align: center;
box-shadow:2px 5px 15px 0 rgb(109 133 135 / 20%);
padding: 15px;
border-bottom: 3px solid rgb(109 133 135 / 32%);
border-radius: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
height: 100%;
}
.map-contact iframe {
width: 100%;
height: 100%;
}

.contact .info-box svg {
font-size: 23px;
color: #708a8c;
border-radius: 50%;
padding: 10px;
border: 2px solid rgb(112 138 140 / 40%);
}

.contact .info-box h3 {
font-size: 20px;  
font-weight: 600;
margin: 10px 0;
}

.contact .info-box p {
padding: 0;
line-height: 24px;
font-size: 14px;
margin-bottom: 0;
}

.contact .php-email-form {
text-align: center;
box-shadow:2px 5px 15px 0 rgb(109 133 135 / 20%);
padding: 20px;
border-bottom: 3px solid rgb(109 133 135 / 32%);
border-radius: 10px;
overflow: hidden;
}

.contact .php-email-form .error-message {
display: none;
color: #fff;
background: #ed3c0d;
text-align: left;
padding: 15px;
font-weight: 600;
}

.contact .php-email-form .error-message br+br {
margin-top: 25px;
}

.contact .php-email-form .sent-message {
display: none;
color: #fff;
background: #18d26e;
text-align: center;
padding: 15px;
font-weight: 600;
}

.contact .php-email-form .loading {
display: none;
background: #fff;
text-align: center;
padding: 15px;
}

.contact .php-email-form .loading:before {
content: "";
display: inline-block;
border-radius: 50%;
width: 24px;
height: 24px;
margin: 0 10px -6px 0;
border: 3px solid #18d26e;
border-top-color: #eee;
-webkit-animation: animate-loading 1s linear infinite;
animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
margin-bottom: 15px;
}

.contact .php-email-form input,
.contact .php-email-form select,
.contact .php-email-form textarea {
border-radius: 5px;
box-shadow: none;
font-size: 13px;
height: 38px;
line-height: 1.3;
}

.contact .php-email-form input:focus,
.contact .php-email-form select:focus,
.contact .php-email-form textarea:focus {
 border-color:#708a8c;
}

.contact .php-email-form input,
.contact .php-email-form select {
padding: 10px 15px;
}

.contact .php-email-form textarea {
padding: 12px 15px;
height: 100px;
resize: none;
}

.contact .php-email-form button[type=submit] {
background: #97af71;    
font-size: 13px;
padding: 5px 20px;
border-radius: 15px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}

.contact .php-email-form button[type=submit]:hover {
background: #454b55;
color: #fff;
}

@-webkit-keyframes animate-loading {
0% {
  transform: rotate(0deg);
}

100% {
  transform: rotate(360deg);
}
}

@keyframes animate-loading {
0% {
  transform: rotate(0deg);
}

100% {
  transform: rotate(360deg);
}
}

.form-control:focus {
border-color:#708a8c;
}

.tnc p {
text-align: justify;
}
.tnc h4 {
margin-bottom: 5px;
font-size: 26px;
}
.tnc ul li {
font-size: 22px;
}

.my-ac-list {
display: flex;
list-style: none;
margin:0;
padding:0;
border-bottom:1px solid rgb(109 133 135 / 32%);
}
.my-ac-list li a {
  padding: 10px 15px;
  border: 1px solid #70898b;
  border-bottom: 1px solid transparent;
  border-radius: 10px 10px 0 0;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  margin-bottom: -1px;
  background: #70898b;
  display: flex;
  margin-right: 3px;
}
.my-ac-list li a:hover, .my-ac-list li.active a {
border: 1px solid rgb(109 133 135 / 32%);
  border-bottom: 1px solid #fff;
  background: #fff;
  color: #595959;
}

.navbar .sign-in-up .nav-profile {
color: #454b55;
margin-right: 15px;
position: relative;  

}
.navbar .sign-in-up .nav-profile .av-profile {
padding: 7px;
border-radius: 50%;
background: #fff;
width: 40px;
height: 40px;
}

.navbar .sign-in-up .nav-profile .av-profile img {
  /* max-height: 36px; */
  width: 26px;
  height: 26px;
}
.navbar .sign-in-up a:hover:before, .navbar .sign-in-up li:hover a:before, .navbar .sign-in-up .active:before {
display: none;
}
.navbar .sign-in-up ul li {
padding:0;

}

.navbar .sign-in-up .dropdown ul.dropdown-menu {
min-width: 240px;
  padding-bottom: 0;
  top: 100% !important;
  list-style: none;
  left:auto;
  right:0;
  border-radius: 4px;
  padding: 10px 0;
  -webkit-animation-name: dropdown-animate;
  animation-name: dropdown-animate;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  border: 0;
  box-shadow: 0 5px 30px 0 rgb(82 63 105 / 20%);
}
.navbar .sign-in-up .dropdown ul.dropdown-menu-arrow::before {
  content: "";
  width: 13px;
  height: 13px;
  background: #fff;
  position: absolute;
  top: -7px;
  right: 20px;
  transform: rotate(45deg);
  border-top: 1px solid #eaedf1;
  border-left: 1px solid #eaedf1;
}

.navbar .sign-in-up .profile .dropdown-header h6 {
font-size: 18px;
margin-bottom: 0;
font-weight: 600;
color: #444444;
}

.navbar .sign-in-up .profile .dropdown-header span {
font-size: 13px;
}

.navbar .sign-in-up .profile .dropdown-item {
  font-size: 13px;
  padding: 8px 15px;
  transition: 0.3s;
  display: flex;
  justify-content: flex-start;
  color:#454b55;
  margin: 0;
}

.navbar .sign-in-up .profile .dropdown-item i, .sign-in-up .profile .dropdown-item svg {
margin-right: 10px;
font-size: 16px;
line-height: 0;
color:#708a8c;
}
.navbar .sign-in-up .profile .dropdown-item:hover i, .sign-in-up .profile .dropdown-item:hover svg {
color:#fff;
}

.navbar .sign-in-up .profile .dropdown-item:hover {
  background-color: #708a8c;
  color: #fff;
}

.progress.green-bar {
height: 1.5rem;
}
.progress.green-bar .progress-bar {
background: #97af71;
}

.gb-br .usb-detail {
flex-basis: 100%;
padding-left: 0;
}
.whyjoin.user-boxes.pp-plan p {
text-align: left;
}
.pp-plan .my-ac-list {
justify-content: space-between;
}
.pp-plan .my-ac-list a {
display: flex;
justify-content: space-between;
border: 1px solid #e7e7e7;
height: 100%;
white-space: normal;
}
.pp-plan .my-account-tabs .tab-content {
min-height: 300px;

}
.pp-plan .my-account-tabs .tab-content {
margin-top: -1px;
}
.pp-plan .my-ac-list span {
font-weight: 700;
}
.pp-plan .my-ac-list svg {
background: #97af71;
color:#fff;
width: 12px;
height: 12px;
border-radius: 100%;
padding:5px;
}
.pp-plan .my-ac-list svg.fa-info {
background: #b55e4f;
}

.ga-head {     
display: flex;
align-items: center;
justify-content: flex-start;
background: #fff;
padding: 8px;
width: 100% !important; 
}
.ga-head {
height: auto !important;
}
.ga-head img {
height: 40px;
margin-right: 10px;
margin-top: -8px;
}
.ga-row {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.ga-row input[type="text"] {
width: 105px;
  border: none;
  line-height: 1;
  padding: 0;
  text-align: right;
}
.gat-text {
flex-basis: calc(100% - 265px);
display: flex;
align-items: center;
}
.drop-head {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dashed #97af71;
padding-bottom: 10px;
font-size: 13px;
}
.dashint{
flex-basis: calc(100% - 301px ) !important;
text-align: center !important;
}
.dh-tag {
flex-basis: calc(100% - 215px);
text-align: center;
}

.dh-data {
flex-basis: 215px;
display: flex;
justify-content: space-between;
align-items: center;
padding-right: 10px;
}
.css-checkbox { position: absolute; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; }
#inputPreview { display: flex; gap: 20px; justify-content: center;  }
.css-checkbox + label { position: relative; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; height: 18px; color: rgb(0, 0, 0); }
.css-checkbox + label::before { content: " "; display: inline-block; vertical-align: middle; margin-right: 5px; width: 18px; height: 18px; background-color: white; border-width: 2px; border-style: solid; border-color: rgb(204, 204, 204); border-radius: 50px; box-shadow: none; }
.css-checkbox:checked + label::after { content: " "; background-image: url("../../img/frontend/at-dot.svg"); background-repeat: no-repeat; background-size: 10px 10px; background-position: center center; position: absolute; display: flex; justify-content: center; align-items: center; margin-left: 0px; left: 0px; top: 0px; text-align: center; background-color: transparent; font-size: 10px; height: 18px; width: 18px; }

.ga-content {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 13px;
}
.demo-cost span {
display: inline-block;
margin-right: 5px;
}
.demo-cost span img {
height: 18px;
}
.upload-btn label{
line-height: 1;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.up-submit {
display: flex;
align-items: center;
justify-content: space-between;
}
.up-submit a {
text-decoration: none;
}
.form-wrapper .up-submit a.btn {
line-height: 1;
border-radius: 15px;
height: 36px;
}
.bg-white {
background: #fff !important;
}
.faq-page.faq .faq-list li {
border-left: 2px solid #708a8c;
border-right: 2px solid #708a8c;
}
.faq-page.faq .faq-list .faq-ans {
display: flex;
padding-top:10px;
padding-left:4px;

align-items: flex-start;
justify-content: start;

}
.faq-page.faq .faq-list .faq-ans span {
border:1.9px solid #000;
width: 16px;
height: 16px;
border-radius: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-right:10px;
margin-top: 2px;
}
.faq-page.faq .faq-list .faq-ans span svg {
font-size: 12px;
line-height: 1;
width: 16px;
}
.faq-page.faq .faq-list .faq-ans p {
padding:0;
font-size: 18px;
}

.purchased {
position: relative;
}
.premium-plan .box.purchased:hover {
transform: scale(1);
}
.purchased-seal {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, .5);

}
.purchased-seal img {
width: 80%;
}
.green-text {
color:#97af71 !important;
}
.section-title.no-dash h2::before, .section-title.no-dash h2::after {
display: none;
}


.ev-look {
border-radius: 10px;
background: #e1eae4;
padding: 20px;
/* width: calc(100% - 280px);
margin-left: 300px; */
}
.ev-look h4 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;

}
.ev-look .accordion > ul {
list-style: none;
padding:0 0 0 10px;
margin:0;
}
.ev-look .accordion > ul > li {
display: flex;
background: url("../../img/frontend/list-arrow.svg") no-repeat left 9px;
background-size: 16px auto;
padding-left: 25px;
flex-direction: column;
margin-bottom: 15px;
border-bottom: 1px solid #cdcfc6;
padding-bottom: 15px;
}
.ev-look .accordion > ul > li:last-child {
border:none;
padding-bottom: 0;
}
.ev-look .accordion > ul > li > a {
color: #000;
padding: 5px 0;
font-size: 18px;
font-weight: 600;
display: block !important;
}
.ev-look .my-ac-list {
padding-top:10px;
}
.ev-look .my-ac-list li {
background: #fff;
border-radius: 10px 10px 0 0;
}
.ev-look .my-ac-list li a {
padding-top:8px;
padding-bottom:10px;
}

.pp-plan .ev-look .my-account-tabs .tab-content {
/*  min-height: 200px;*/
min-height: auto;
border-bottom: 1px solid rgb(109 133 135 / 32%);
}

#bar-fixed {
width: 280px;
position: absolute;
transition: all 0.5s;
height: 100vh;
top: 0; /* or whatever top you need */
/*position: -webkit-sticky;
position: sticky;*/    
}
#bar-fixed.stickIt {
position: fixed;  
z-index: 2;
top:90px;
transition: all 0.5s;
}
.tc-doc {
display: flex;
justify-content: end;
align-items: center;
}


.tc-report {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  min-height: 50px;
  max-height: 500px;
  overflow: auto;
  margin-bottom: 15px;
}

.tc-report::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.tc-report::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 2px solid transparent;
}

.tc-report::-webkit-scrollbar-thumb {
  background-color:#708a8c;
  border-radius: 5px;
}


.tc-report a{
  text-decoration: none;
  margin: 0px 15px 0px 0px;
  position: relative;
}

.tc-report .delete-icon-both {
  border: none;
  background: #b55e4f !important;
  color: #fff;
  border-radius: 100px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0px;
  position: absolute;
  right: 0px;
  padding: 0px;
  font-size: 11px;
}

.tc-report .delete-icon-both:active{
  padding: 0px !important;
}
.tc-report a img{
  max-width: 80px !important;
  margin: 0 auto;
  display: flex;
}
.report-item {
  position: relative;
  margin: 0px 17px 0px 0px;
}

.tc-doc a {
margin:8px;
text-decoration: none;
}

.tc-report p {
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 12px;
  margin-top: 12px;
  text-align: center;
}
.tc-doc a img {
width: 35px;
}
.tc-doc h5 {
font-family: "Open Sans", sans-serif;
margin-right:15px;
color:#708a8c;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.right-ic svg {
  background: #97af71;
  color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  padding: 5px;
  margin-right:10px;
}
.accordion .accordion-header .accordion-button{
font-size: 16px;
font-weight: 500;
}
.accordion-button:focus {
box-shadow: none;
}
.accordion-button, .accordion-button:not(.collapsed), .accordion-button:active, .accordion-button:focus {
background: #708a8c;
box-shadow: none;
color:#fff;
}
.accordion-button[aria-expanded="false"]::after {
background: url('../../img/frontend/white-arrow.svg') no-repeat;  
background-size: 16px auto;
background-position: center center;
position: absolute;
right: 15px;
top: 18px;

}
.accordion-button[aria-expanded="true"]::after {
background: url('../../img/frontend/white-arrow.svg') no-repeat;  
background-size: 16px auto;
background-position: center center;
position: absolute;
right: 15px;
top: 16px;
}

.accordion-button:not(.collapsed)::after {
background: urlurl('../../img/frontend/white-arrow.svg') no-repeat;  
background-size: 16px auto;
background-position: center center;
position: absolute;
right: 15px;
top: 0; 
height: 100%;
}

.ga-tabs .accordion-flush {
border:1px solid #dee2e6;
}

.gd-member-info {
display: flex;
align-items: center;
justify-content: flex-start
;
flex-direction: column;
width: 100%;
}
.pos-rel {
position: relative;
}

.certified-date {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
top:0;
left:0;
color:#464d57;
z-index: 9;
width: 100%;
height: 100%;
line-height: 18px;
padding-top: 5px;
}
.certified-date strong {
font-weight: 600;
line-height: 12px;
}
.certified-date span { 
font-size: 11px;
line-height: 12px;
}

/*New css 27-02-2023*/
.environment-block h2{
color: #6f8a8b;
text-transform: uppercase;
font-size: 26px;
text-align: center;
font-weight: 700;
line-height: 1.4;
}

.tb-text h2 {
font-size: 50px;
color: #595959;
font-weight: 700;
margin-top: 74px;
/*  padding-right: 155px;*/
padding-right:44px;
}
.tb-text span {
color:#70898b;
}
.tb-text p {
font-size: 22px;  
}
.tb-pic img {
/* border-radius: 100px;*/
}
.rp-text h2 {
font-size: 50px;
color: #595959;
font-weight: 700;
margin-top: 74px;
padding-right: 128px;
}
.rp-text span {
color:#70898b;
}
.section-green {
background: #e1eae4;
}
.need-block {
padding:160px 0;
}
.nb-text h2, .new-heading {
font-size: 50px;
color: #595959;
font-weight: 700;    
padding-right: 56px;
}
.nb-text p {
font-size: 22px;
padding-right: 180px;
}
.nb-text span, .new-heading span {
color:#70898b;
}
.new-about .nb-text h2, .new-about .new-heading
{
font-size: 50px;
color: #595959;
font-weight: 700;  
padding:0;
}
.new-about .nb-text h3 {
font-size: 42px;
color:#000;
}
.new-about .nb-text p {
font-size: 22px;  
padding:0 11%;
}

.new-about .nb-text span,
.new-about .new-heading span {
color: #70898b;
}
.new-cc span.counter-value {
font-size: 120px;
color: #70898b;
font-weight: bold;
}
.new-about .nb-text.sofar h3 {
  font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    color: #70898b;
}
.impacts-box {
margin-bottom: 20px;
}
.impacts-box h2 {
margin-bottom: 0;
}
.impacts-box p {
margin-bottom: 0;  
}
.impacts-box a {
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
}
.pledge-round {
    background: #586f6e;
      color: #fff;
      width: 150px;
      height: 150px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
}
.pledge-round h2 {
font-size: 50px;
line-height: auto;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1;
}
.pledge-round span {
font-size: 24px;
font-weight: 600;  
}


.pledge-round {
position: absolute;
right:0;
top:0;
}
.nb-pic img {
border-radius: 0;
}

.about-block {
    background: url("../../img/frontend/about-bg.png") center right no-repeat;
  position: relative;
  padding:100px 0;
}
.ab-text h2 {
font-size: 50px;
color: #595959;
font-weight: 700;
/*  margin-top: 35px;  */
}
.ab-text p {
font-size: 22px;  
}
.ab-text h3 {
color:#474844;
font-size: 26px;
}
.ab-text span {
color:#70898b;
}
/*.ab-pic img {
border-radius: 100px;
}*/
.new-about .nb-text h2, .new-about .new-heading
{
font-size: 50px;
color: #595959;
font-weight: 700;
padding:0;
}
.new-about .nb-text h3 {
font-size: 42px;
color:#000;
}
.new-about .nb-text p {
font-size: 22px;
padding:0 11%;
}
.new-about .nb-text span,
.new-about .new-heading span {
color: #70898b;
}
.new-cc span.counter-value {
font-size: 120px;
color: #70898b;
font-weight: bold;
}
.new-about .nb-text.sofar h3 {
  font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    color: #70898b;
}
.impacts-box {
  margin-bottom: 20px;
  }
  .impacts-box h2 {
  margin-bottom: 0;
  }
  .impacts-box p {
  margin-bottom: 0;
  }
  .impacts-box a {
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
  }
  .pledge-round {
      background: #586f6e;
        color: #fff;
        width: 150px;
        height: 150px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
  }
  .pledge-round h2 {
  font-size: 50px;
  line-height: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  line-height: 1;
  }
  .pledge-round span {
  font-size: 24px;
  font-weight: 600;
  }
  .pledge-round {
  position: absolute;
  right:0;
  top:0;
  }
.become-block {
padding:160px 0;
}
.bb-text h2 {
font-size: 50px;
color: #595959;
font-weight: 700;      
margin-bottom: 0;
}
.bb-text p {
font-size: 22px;
padding-right: 180px;
}
.bb-text span {
color:#70898b;
}
.bb-pic img {
border-radius: 0;
}

.become-block .icon-box {
padding: 0;
position: relative;
display: flex;
justify-content: flex-start;
align-items: flex-start;
text-align: center;
transition: all 0.3s ease-in-out;
width: 100%;
margin-bottom: 45px;
}
.become-block .icon-box:hover, .become-block .icon-box.active {      

}

.become-block .icon {
flex-basis: 150px;  
}
.become-block .icon img {
height: 90px;
}
.become-block .icon i {
font-size: 36px;
line-height: 1;
color: #f6b024;
}
.become-block .title {
font-weight: 600;
margin-bottom: 6px;
font-size: 24px;
text-align: left;
width: 100%;
text-transform: uppercase;
}
.become-block .title a {
color: #6f8a8b;
}
.become-block .description {
font-size: 20px;
line-height: 1.4;
margin-bottom: 0;
color: #595959;
font-weight: 500;
text-align: left;
}
.bb-icon-text {
padding-left: 25px;
flex-basis: calc(100% - 210px);
}
.enhance-block {
padding: 160px 0;

}
.eb-text h2 {
font-size: 50px;
color: #595959;
font-weight: 700;
padding-right: 70px;

}
.eb-text p {
font-size: 23px;  
padding-right: 200px;
}
.eb-text h3 {
color:#6f8a8b;
font-size: 26px;
}
.eb-text span {
color:#70898b;
}
.eb-pic img {
height: 435px;
}
a.green-btn-big, .green-btn-big, a.green-btn-big:focus, a.green-btn-big:active, .green-btn-big:active  {
background: #70898b;
/*background: #b5593b;*/
font-size: 18px;
padding:13px 42px 10px 42px;
border-radius: 30px;
color: #fff !important;
letter-spacing: .5px;
text-transform: uppercase;
font-weight: 600;
border:none;
}
a.green-btn-big:hover, .green-btn-big:hover {
background: #454b55;
color: #fff;
}

a.yellowb-btn-big, .yellowb-btn-big, a.yellowb-btn-big:focus, a.yellowb-btn-big:active, .yellowb-btn-big:active  {
  background: #FFD814;
  /*background: #b5593b;*/
  font-size: 18px;
  padding:13px 42px 10px 42px;
  border-radius: 30px;
  color: #0F1111 !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 600;
  border:none;
  }
  a.yellowb-btn-big:hover, .yellowb-btn-big:hover {
  background: #F7CA00;
  color: #0F1111;
  }
  .pricing-box hr {
    width: 100%;
    opacity: .1;
  }
  .pricing-box p {
    font-size: 18px;
    margin-bottom: 5px;
  }

  .gwz-box {
    position: relative;
  }
  .gwz-abs {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .global-wz {
    background: #fff;
    border-radius: 65px;
    margin-bottom: 20px;
  }
  .un-logo-box {
    width: 300px;
    position: relative;
    margin: 15px auto 30px;
  }
  .un-logo-text {
    position: absolute;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    z-index: 1;
    top: 80px;
  }
  .un-logo-text iframe {
    width: 100%;
  }
  .un-logo-img {
    position: relative;
    z-index: 2;
  }


  .gwz-box {
    position: relative;
  }
  .gwz-abs {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .global-wz {
    background: #fff;
    border-radius: 65px;
  }
  .un-logo-box {
    width: 300px;
    position: relative;
    margin: 15px auto 30px;
  }
  .un-logo-text {
    position: absolute;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
    z-index: 1;
    top: 75px;
  }
  .un-logo-text iframe {
    width: 100%;
  }
  .un-logo-img {
    position: relative;
    z-index: 2;
  }
.simplyfy-block {  

}
.sb-text h2 {
font-size: 30px;
color:#595959;
font-weight: 600;
margin-bottom: 0;
padding-right: 0;
/*font-size: 50px;
color: #595959;
font-weight: 700;
margin-bottom: 25px;
padding-right: 160px;*/

}
.sb-text p {
font-size: 22px;    
/*  padding-right: 150px;*/
}
.sb-text h3 {
color:#474844;
font-size: 26px;
}
.sb-text span {
color:#70898b;
}
.sb-check-box {
display: flex;
align-items: flex-start;
justify-content: flex-start;
background: #e1eae4;
padding:30px;
margin-bottom: 25px;
border-radius: 10px;
}
.sb-check-box img {
width: 45px;
}
.sbcb {
padding-left:20px;
}
.sbcb span {
font-size: 12px;
text-transform: uppercase;
display: block;
margin-bottom: 5px;
}
.gwz-box {
  position: relative;
}
.gwz-abs {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding:10% 0;
  background: url(../../img/frontend/tree-bg.png) no-repeat;
  background-size: 100% 100%;
}
.gwz-abs:before {
  content: '';
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
}
.gwz-abs .row {
  align-items: center;
  position: relative;
}
.global-wz {
  background: #fff;
  border-radius: 65px;
}
.global-wz a { width: 100%;}
.global-wz aside {
  width: auto !important;
  text-align: center;
}
.gwz-text h4 {
  text-align: left;
  color:#fff;
  font-size: 44px;
}
.gwz-text {
  color:#fff;
  text-align: left;
}
.new-about .nb-text .gwz-text p {
  padding:0 10% 0 0;
  font-size: 36px;
  width: 90%;
  font-weight: 400;
}
.sbcb p {
font-size: 24px;
color:#595959;
margin-bottom: 0;
line-height: 1.3;
padding-right:45px;
}
.notgreen-block {
padding:140px 0;
background: #e1eae4;
}
.notgreen-block h2 {
font-size: 50px;
color: #595959;
font-weight: 700;
margin-bottom: 0;
}
.notgreen-block h2 span {
color:#d25525;
}
.ngb-content {
display: flex;
align-items: center;

}
.ngb-pic {
margin-right: 60px;
}
.ngb-text h3 {
font-weight: 700;
margin-bottom: 6px;
font-size: 24px;
text-align: left;
width: 100%;
text-transform: uppercase;
color:#d25525;
}
.ngb-text p {
  font-size: 22px;
  padding-right: 130px;
}
.being-member {
background: #6f8a8b;  
color:#fff;
padding:100px 0;
}
.being-member h2 {
color:#fff;
text-align: center;
font-size: 55px;
font-weight: 700;
}
.being-member h4 {
text-align: center;
font-size: 26px;
text-transform: uppercase;
}
.being-member p {
font-size: 20px;
line-height: 1.2;
text-align: center;
padding: 0 40px;
}
.being-member .green-btn-big {
border:2px solid #fff;
}
.bm-box { 
display: flex;
align-items: center;
flex-direction: column;

}

.bm-box .counter {
width: 100%;
background: transparent;      
text-align: center; 
border-radius: 50%;   
font-size: 36px;
font-weight: 700;
line-height: 162px;
display: flex;
align-items: center;
justify-content: center;
}


.recent-blog-posts, .faq, .testimonials {
padding:100px 0;
}
.no-bg {
background: none;
}
.to-serve {
text-align: center;
}
.to-serve .nb-text h2, .new-heading {
padding:0;
}
.to-serve .nb-text p {
padding:0 250px;
width: 100%;
}
.global-initiative p {
padding-right: 100px;
}
#hero.why-join {
padding-top: 100px;
height: auto;
min-height: 720px;
}
.wj-text p {
font-size: 22px;
color: #595959;
padding-right: 20px;
}
.wj-block .ab-text p {
padding-right: 200px;
}
p {
font-size: 22px;
line-height: 1.4;
}
.benefits-b-member {
padding:100px 0;
}
.bbm-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 20px;
}
.bbm-box .progress {
width: 160px;
height: 160px !important;
float: left; 
line-height: 160px;
background: none;
margin-bottom: 30px;
box-shadow: none;
position: relative;
}
.bbm-box .progress:after {
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
border: 24px solid #fff;
position: absolute;
top: 0;
left: 0;
}
.bbm-box .progress>span {
width: 50%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1;
}
.bbm-box .progress .progress-left {
left: 0;
}
.bbm-box .progress .progress-bar {
width: 100%;
height: 100%;
background: none;
border-width: 24px;
border-style: solid;
position: absolute;
top: 0;
}
.bbm-box .progress .progress-left .progress-bar {
left: 100%;
border-top-right-radius: 160px;
border-bottom-right-radius: 160px;
border-left: 0;
-webkit-transform-origin: center left;
transform-origin: center left;
}
.bbm-box .progress .progress-right {
right: 0;
}
.bbm-box .progress .progress-right .progress-bar {
left: -100%;
border-top-left-radius: 160px;
border-bottom-left-radius: 160px;
border-right: 0;
-webkit-transform-origin: center right;
transform-origin: center right;
animation: loading-1 1.8s linear forwards;
}
.bbm-box .progress .progress-value {
width: 100%;
background: transparent;      
text-align: center; 
border-radius: 50%;   
font-size: 36px;
font-weight: 700;
color:#737373;
}
.bbm-box .progress .progress-value img {
width: 52px;
height: auto;
}
.bbm-box h4 {
color:#75898a;
}
.bbm-box p {
font-size: 20px;
color:#595959;
}
.bbm-box .progress.blue .progress-bar {
border-color: #97af71;
}
.bbm-box .progress.blue .progress-left .progress-bar {
animation: loading-2 1.5s linear forwards 1.8s;
}
.bbm-box .progress.yellow .progress-bar {
border-color: #fdba04;
}
.bbm-box .progress.yellow .progress-right .progress-bar {
animation: loading-3 1.8s linear forwards;
}
.bbm-box .progress.yellow .progress-left .progress-bar {
animation: none;
}
@keyframes loading-1 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
}
@keyframes loading-2 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
}
}
@keyframes loading-3 {
0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
100% {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
}
.radius-10 { border-radius:10px !important; }
.pe-150 { padding-right:100px }
.cry-graphic {
height: 430px; 
margin-top: -30px;
}

.rc-pro-bar {
display: flex;
align-items: center;
justify-content: center;

}
.rc-pro-bar .box {
width: 160px;
}

.rc-pro-bar .box h2 {
display: block;
text-align: center;
color: #fff;
}

.rc-pro-bar .box .chart {
position: relative;
width: 100%;
height: 100%;
text-align: center;
font-size: 40px;
line-height: 160px;
height: 160px;
color: #fff;
}

.rc-pro-bar .box canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
width: 100%;
}

.rc-pro-bar.small-bar .box {
width: 90px;
}
.rc-pro-bar.small-bar .box img {  
width: 100%;
border-radius: 100%;
height: 54px;
}
.rc-pro-bar.small-bar .box .sbchart {
line-height: inherit;
height: 90px;
font-size: inherit;
position: relative;
}
.rc-pro-bar.small-bar .box .sbchart canvas {
width: 90px;
height: 90px;

}
.rc-pro-bar.small-bar .box .sbchart .counter {
border-radius: 100%;
overflow: hidden;
padding: 18px;
}


.cs-overlay {
position: relative;
overflow: hidden;
}
.coming-soon {
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
background: rgb(111 138 139 / 80%);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.coming-soon h2 {
font-size: 66px;
color:#fff;
font-weight: 700;
}

.member-collapse {  
display:flex;  
align-items: center;
justify-content: center;
flex-direction: column;
}
.mc-btn {
background: #e1eae4;
padding: 10px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 15px;
}
.member-collapse .one-btn, .member-collapse .two-btn {
pointer-events: none;
font-size: 18px;
font-weight: 600;
text-align: center;
padding:8px 15px;
border:1px solid #70898b;
border-radius: 15px;
background: #fff;
margin:10px;
flex-basis: 49%;
}
.member-collapse .two-btn {
background: #70898b;
color:#fff;
}

.pricing-box {
background: #fff;  
width: 100%;
min-height: 650px;
border-radius: 15px;    
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100%;
padding-bottom: 40px;
}
.pb-content {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: flex-start;  
padding:25px;
width: 100%;
}
.pb-content h2 {
font-size: 28px;
color:#70898b;
margin-bottom: 30px;
}
.pb-content h1 {
font-size: 45px;
color:#70898b;
font-weight: 700;
margin-bottom: 59px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.pb-content h1 sub {
font-size: 14px;
  bottom: 0;
  margin-left: 10px;
}
.pb-content ul {
list-style: none;
margin: 0 0 15px 0;
padding:0;
width: 100%;
}
.pb-content ul li {
margin-bottom: 20px;
color:  #70898b;
font-size: 16px;
display: flex;
}
.pb-content ul li img {
height: 20px;
margin-top: 0;
margin-right:10px;
}

.pricing-box2 {
background: #70898b;  
width: 100%;
min-height: 650px;
border-radius:15px;    
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-bottom: 40px;
}
.grn-bg {
background: #97af71 !important;
}
.pb-content2 {
display: flex;
flex-direction: column;
align-items: center;
padding:25px;
justify-content: flex-start;  
width: 100%;
}
.pb-content2 h2 {
font-size: 28px;
color:#fff;
margin-bottom: 30px;
}
.pb-content2 h1 {
font-size: 45px;
color:#fff;
font-weight: 700;
margin-bottom: 20px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
}
.pb-content2 h1 sub {
font-size: 14px;
  bottom: 0;
  margin-left: 10px;
}
.pb-content2 h4 {
color:#fff;
font-size: 16px;
margin-bottom: 20px;
font-weight: 500;
}
.pb-content2 ul {
list-style: none;
margin: 0 0 15px 0;
padding:0;
width: 100%;
}
.pb-content2 ul li {
margin-bottom: 20px;
color:  #fff;
font-size: 16px;
display: flex;
}
.pb-content2 ul li img {
height: 20px;
margin-top: 0;
margin-right:10px;
}

.pricing-box2 a {
border:2px solid #fff;
}

.most-popular {
  background: #b2d239;
  border-radius: 15px 15px 0 0;
  padding:18px 0 13px 0;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color:#fff;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  min-height: 74px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;      
}
.free-pt {
padding-top: 51px;
}
#hero.dashboard-banner {  
min-height: 350px;
padding-bottom: 10px;
}
.round-15 {
border-radius: 15px;
}
.on-h {
cursor: pointer;
font-size: 16px;
}

.certified-banner {

}
.certified-banner h2 {
font-size: 48px;
}
.cb-pic {
display: flex;
align-items: center;
justify-content: center;
}
.cb-pic img {
max-width: 90%;
}

.certi-benefits {
padding:95px 0;
}

.certi-benefits .bb-icon-text {
flex-basis: calc(100% - 160px);
}

.become-block.certi-benefits .icon img {
height: auto;
}
.transparency-block {
padding:100px 0;
}
.w-brdr-btn, .w-brdr-btn:focus, .w-brdr-btn:active {
border:2px solid #fff;
background: transparent;      
font-size: 18px;
padding: 13px 42px 10px 42px;
border-radius: 30px;
color: #fff;
letter-spacing: .5px;
text-transform: uppercase;
font-weight: 600;
}
a.w-brdr-btn:hover, .w-brdr-btn:hover {
  background: #454b55;
  color: #fff;
  
}
.no-style {
list-style: none;
}
.usb form {
height: 100%;
display: flex;
}
.http-link {
position: relative;
}
.hL {
position: absolute;
top: 40px;
left: 73px;
z-index: 2;
font-size: 16px;
}
.http-link input.form-control {
  padding-left: 82px;
} 

/*============== new css ===============*/

#team {
  min-height: calc(100vh - 473px);
}
#icon-boxes {
  margin-top: 67px;
}
.evl {
  border-radius: 10px;
  background: #e1eae4;
  padding: 20px;
}

.evl-2 {
border-radius: 10px;
background: #e1eae4;
padding: 20px;
}
.accordion .accordion-header .accordion-button.abr {
background: #e1eae4;
color: #474844;
font-family: "Open Sans", sans-serif;
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
padding-top: 0 !important;
border-bottom: 1px solid #bbc1bc;
}
.accordion-button.abr:not(.collapsed)::after {
background: url(../../img/frontend/black-arrow.svg) no-repeat center center / 17px;  
top:9px;
transform: rotate(180deg);
}
.accordion-button.abr[aria-expanded="false"]::after {
background: url(../../img/frontend/black-arrow.svg) no-repeat center center / 17px;
top:8px;  
transform: rotate(0deg);
}
.forum-nav {
background: #75898a;
padding:5px 0;
}
.navbar-light.forum-nav .navbar-nav .nav-link {
color:#fff;

}
.forum-nav.navbar ul li a:before {
background: #fff;
}
.forum-content .btn {
font-size: 16px;
  /* padding: 13px 42px 10px 42px; */
  padding: 8px 30px 6px 30px;
  border-radius: 30px;
  color: #fff !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  display: inline-block;
}
.forum-content h2 {
font-size: 1.5rem;
font-weight: 500;
color:#595959;
padding-top: 8px;
}
.forum-content h3 {
font-size: 1.3rem;
font-weight: 500;
color:#595959;
}
.forum-content .btn svg {
width: 16px;
margin-bottom: 4px;
}
.forum-content .btn.btn-primary {
background: #70898b;  

}
.forum-content .btn.btn-primary:hover {
background: #454b55;
}
.forum-content .btn.btn-primary:focus {
box-shadow: none;
}
.forum-content a {
color:#6f8a8b;
font-weight: 500;
} 

.forum-content .card-title a {
color:#474844 !important
}
.p-height {
min-height: 600px;
}
.forum-content p {
font-size: 16px;
}
.forum-content .list-group-item {
/* background: #e1eae4; */
padding:20px;
font-size: 16px;
}
.forum-content .badge {
background: #70898b !important;
}
.forum-content .breadcrumb-item {
font-size: 16px;
}
/*
.sidebar-fn .navbar-expand-md .navbar-nav {
flex-direction: column;
width: 100%;
align-items: flex-start;
justify-content: flex-start;  
margin-top: 0;
} 
.sidebar-fn .navbar-expand-md .navbar-nav li, .sidebar-fn .navbar-expand-md .navbar-nav li a {
display: flex;
width: 100%;  
color:#595959 !important;

}

.sidebar-fn .navbar-expand-md .navbar-nav li {
padding: 0;  
margin-bottom:8px;
display: flex;
align-items: center;

}
.sidebar-fn .navbar-expand-md .navbar-nav li:hover {
 background: rgba(0, 0, 0, .5); 

}
.sidebar-fn .navbar-expand-md .navbar-nav li a {
padding:10px 20px 8px 40px;
position: relative;  
}
.sidebar-fn .navbar-expand-md .navbar-nav li:hover a, .sidebar-fn .navbar-expand-md .navbar-nav li.active a{
color:#70898b !important;
}
.sidebar-fn .navbar-expand-md .navbar-nav li a:before {
content: '';
background-color: transparent;
border:1px solid #595959;
border-radius: 100%;
width: 10px;
height: 10px;
position: absolute;
left:20px;
top:13px;
bottom:0;
visibility: visible;
}
.sidebar-fn .navbar-expand-md .navbar-nav li:hover a:before, .sidebar-fn .navbar-expand-md .navbar-nav li.active a:before {
background-color: #70898b;
border-color: #70898b;
}
.sidebar-fn .navbar-expand-md .navbar-nav li:before {
content: "";
position: absolute;  
height: 100%;
 
left: 0;
background-color:rgb(112 137 139 / 10%);
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
border-radius: 25px;
}
.sidebar-fn .navbar-expand-md .navbar-nav li:hover:before,
.sidebar-fn .navbar-expand-md .navbar-nav li.active:before {
visibility: visible;
width: 100%;
}*/


.sidebar-fn ul {
flex-direction: column;
width: 100%;
align-items: flex-start;
justify-content: flex-start;  
margin: 0;
padding:0;
list-style: none;

} 
.sidebar-fn li {
padding: 0;  
margin-bottom:8px;
display: flex;
align-items: center;
position: relative;

}
.sidebar-fn li a {
display: flex;
width: 100%;  
color:#595959 !important;

}


.sidebar-fn li:hover {
/*   background: rgba(0, 0, 0, .5); */

}
.sidebar-fn li a {
padding:10px 20px 8px 40px;
position: relative;  
}
.sidebar-fn li:hover a, .sidebar-fn li.active a{
color:#70898b !important;
}
.sidebar-fn li a:before {
content: '';
background-color: transparent;
border:1px solid #595959;
border-radius: 100%;
width: 10px;
height: 10px;
position: absolute;
left:20px;
top:15px;
bottom:0;
visibility: visible;
}
.sidebar-fn li:hover a:before, .sidebar-fn li.active a:before {
background-color: #70898b;
border-color: #70898b;
}
.sidebar-fn li:before {
content: "";
position: absolute;  
height: 100%;
/* bottom: -2px; */
left: 0;
background-color:rgb(112 137 139 / 10%);
visibility: hidden;
width: 0px;
transition: all 0.3s ease-in-out 0s;
border-radius: 25px;
}
.sidebar-fn li:hover:before,
.sidebar-fn li.active:before {
visibility: visible;
width: 100%;
}

.ms-box.forum-search form .inner-form{
background:rgb(112 137 139 / 7%);
border: 1px solid #70898b;
border-radius: 25px;
align-items: center;
padding:0 2px;
/* padding:0 8px;  */
}

.ms-box.forum-search .input-field.first-wrap svg {
font-size: 16px;
}

.fm-title {
display: flex;
justify-content: space-between;
}
.fm-post-share {
display: flex;
align-items: center;
font-weight: normal;
}
.fm-title .fm-post-share a {
color:#fff !important;
}
.fm-post-share .badge, .forum-content .badge {
font-weight: normal;
padding-left:10px;
padding-right:10px;
}

.rep-thread {
font-size: 14px;
}
.white-box {
background: #fff;
padding:20px;
font-size: 16px;
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
border-radius: 10px;
}
.threads-heading {  
display: flex;
justify-content: space-between;
align-items: center;
}
.nt-btns a, .nt-btns button {
font-weight: normal;
padding:6px 15px;
border-radius: 25px;
background: #000;
color:#fff;
border: none;
font-size: 13px;
height: 26px;
line-height: 1.2;
}
.nt-btns a {
background: #70898b;
color:#fff;
}
.nt-btns button {
background: #454b55;  
}
.nt-btns a svg, .nt-btns button svg {
margin-right:5px
}

.re-threads .list-group-item {
margin-bottom: 15px;
border: 1px solid #e1eae4;
border-radius: 5px;
margin-left: 20px;
position: relative;
background: #fff;
}
.re-threads .list-group-item:before {
content: '';
background: #e1eae4;
position: absolute;
top:50%;
left:-10px;
height: 2px;
width: 20px;
transform: translate(-10px, 50%);
}
.re-threads .list-group-item a {
color:#595959 !important
}
.re-threads {
position: relative;
margin-bottom: 20px;
}
.re-threads::before {
content: '';
background: #e1eae4;
position: absolute;
top: -18px;
left: 0;
height: calc(100% - 38px);
width: 2px;
transform: translate(0, 0);
}

.re-threads .post {
margin-bottom: 15px;
border: 1px solid #e1eae4;
border-radius: 5px;
margin-left: 20px;
position: relative;
background: #e1eae4;
}
.re-threads .post:before {
content: '';
background: #e1eae4;
position: absolute;
top:50%;
left:-10px;
height: 2px;
width: 20px;
transform: translate(-10px, 50%);
}
.forum-content .border-primary {
border-color:#70898b !important;
}
/*.bb-links {
position: relative;
}*/
.bb-links::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  content: "";
}

.v-manage-categories .list-group-item, .sp-lists .list-group-item {
border-radius: 10px;
margin-bottom: 15px;
}
.mask.show {
position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: .5;
}
.forum-content .modal-content {
background: #e1eae4;
}
.form-check-input:checked {
  background-color: #70898b;
  border-color: #70898b;
}
input:focus, button:focus, .btn-check:focus+.btn-danger, .btn-danger:focus {
box-shadow: none !important;  
}
.btn-close {
background-size: 12px auto;
}
.forum-content .modal-header {
padding-top: 10px;
padding-bottom: 10px;
}
.forum-content .modal-footer {
padding-top: 10px;
padding-bottom: 10px;
border-top: none;
}
.forum-content .form-check-label {
font-size: 15px;
margin-top: 4px;
}
.btn-check:focus+.btn-dark, .btn-dark:focus, .btn-check:active+.btn-dark:focus, .btn-check:checked+.btn-dark:focus, .btn-dark.active:focus, .btn-dark:active:focus, .show>.btn-dark.dropdown-toggle:focus {
box-shadow: none;
}
.btn-group>.btn-group:not(:last-child)>.btn[data-open-modal="rename-thread"], .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
   border-top-right-radius: 30px; 
   border-bottom-right-radius: 30px; 
}

.abs-btns {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.thRow {
display: flex;
}
.thRow h2 {
flex-basis: 60%;
padding-right: 10px;
}
.src-btns {
display: flex;
align-items: center;
justify-content: flex-start;
}
.srcb {
color:#000;
padding:0 5px
}
.src-heading {
display: flex;
align-items: center;
justify-content: space-between;
}

iframe.carban-footprint {
width: 100%;
overflow: scroll;
}

.mark-complet h6{
  font-size: 13px;
  background: #708a8c;
  padding: 5px 10px;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  text-align: center;
  margin-left: 15px;
}
.mark-complet .target-view p{
display: none;
}
.dropMobile {display:none;}
button.btn-trash {
display: none;
}
.unselectable {
-webkit-user-select: none;
-webkit-touch-callout: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}
.gat-text .fa-circle-info { height:16px;}

.post-img1 {
position: relative;
box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 31%);
border-radius: 15px;
border-bottom: 3px solid rgb(109 133 135 / 32%);
padding: 15px;
background: #fff;
transition: all 0.3s ease-in-out;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
transition: 0.3s all ease-in;
cursor: pointer;
}
.post-img1:after {
content: "";
background: rgba(0, 0, 0, 0);
left:0;
width: 0;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.post-img1:hover:after {
content: "";
position: absolute;
background: rgb(112 137 139 / 60%);
transition: all 0.3s ease-in-out;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
width: 100%;
height: 100%;
border-radius: 12px;
pointer-events: none;
opacity: 1;
}

.full-P {
opacity: 0;
  transition: all 0.3s ease-in-out;
  color: #fff;
  z-index: 99;
  position: absolute;
  background: #70898b;
  border-radius: 5px;    
  padding: 5px 15px;
  border: 1px solid #fff;

}
.full-P:hover {
background: #fff;
color:#70898b;
}

.post-img1:hover .full-P {
opacity: 1; 
z-index: 99;
}

.post-img1 svg{
position: absolute;
font-size: 19px;
z-index: 123;
color: #fff;
}

.post-img1:hover{
transform: scale(1.03);
}

button.downloadtemplate {
width: 100%;
color: #fff;
padding: 5px 2px;
background: #97af71;
width: 100%;
max-width: 100px;
margin: 0 auto;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
border: none;
}
button.downloadtemplate a{
color: #fff;
}

.template-popup .modal-body {
padding: 0px 0 20px;
}
/* .template-popup .modal-header .modal-title {
padding: 20px 20px 0px;
} */
.template-popup .modal-header{
border-bottom: none;
margin-bottom: -15px;
}
.gat-text {
font-size: 15px;
}
.somewhere-planet {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.somewhere-planet h4 {
  font-size: 30px;
  color: #595959;
}
.txt-lower {
  text-transform: none !important;
}
.text-lower-clr {
  color: #595959 !important;
}

/*---------------------------------------- */

.msform {
position: relative;
margin-top: 20px
}

.msform fieldset .form-card {
background: white;
border: 0 none;
border-radius: 0px;
box-sizing: border-box;
position: relative
}

.msform fieldset {
border: 0 none;
border-radius: 0.5rem;
box-sizing: border-box;
width: 100%;
margin: 0;
padding-bottom: 30px;
position: relative
}

.msform fieldset:not(:first-of-type) {
display: none
}

.msform fieldset .form-card {
  border-bottom: 2px solid #708a8c;
    border-radius: 15px;
    box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
    border-top: none;
    border-left: none;
    border-right: none;
}

.fc-heading h3 {
font-size: 18px;
/*font-weight: 600;*/
color: #25398e;
}

.dob-form {
display: flex;
}

.msform input,
.msform select,
.msform textarea,
.msform .form-control {  
font-size: 16px;

}


.msform select.form-control, select {
padding-left: .45rem;
padding-right: .45rem;
}

.msform .action-button, .msform .action-button:active {
width: 188px;
background: #70898b;  
font-size: 16px;
padding: 13px 10px 10px 10px;
border-radius: 30px;
color: #fff !important;
letter-spacing: .5px;
text-transform: uppercase;
font-weight: 600;
line-height: 1.4;
border: none;
margin:0 5px;
}

.msform .action-button:hover,
.msform .action-button:focus {
background: #454b55;
color:#fff;
box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

.msform .action-button-previous {
width: 150px;
background: #a2b2b3;
font-size: 16px;
padding: 13px 10px 10px 10px;
border-radius: 30px;
color: #fff !important;
letter-spacing: .5px;
text-transform: uppercase;
font-weight: 600;
line-height: 1.4;
border: none;
margin: 0 5px;
}

.msform .action-button-previous:hover,
.msform .action-button-previous:focus {
background: #454b55;
  color: #fff;
box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

#progressbar {
margin-bottom: 30px;
overflow: hidden;
color: #a2b2b3;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 0;
}
#progressbar strong {
font-size: 16px;
font-weight: 400;
}

#progressbar .active {
color: #000000
}

#progressbar li {
list-style-type: none;
font-size: 13px;
width: 25%;
float: left;
position: relative
}
#progressbar li:before {
width: 50px;
height: 50px;
line-height: 45px;
display: block;
font-size: 22px;
color: #ffffff;
background: #a2b2b3;
border-radius: 50%;
margin: 0 auto 10px auto;
padding: 2px;
position: relative;
z-index: 1;

}

#progressbar li:after {
content: '';
width: 100%;
height: 2px;
background: #a2b2b3;
position: absolute;
left: 0;
top: 25px;
z-index: 0;
}

#progressbar #about-me:before {
background-image: url(../../img/frontend/user.svg);
content: "";
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
}

#progressbar #my-search:before {
background-image: url(../../img/frontend/pricing-icon.svg);
content: "";
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
}

#progressbar #my-profile:before {
background-image: url(../../img/frontend/wallet-icon.svg);
content: "";
background-size: 22px;
background-repeat: no-repeat;
background-position: center;
}


#progressbar li.active:before,
#progressbar li.active:after {
/*background: skyblue*/
background: #97af71;
}
.fit-img-2 {
width: 150px;
height: auto;
}

.pn .pb-content ul li {
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.pn .pb-content strong {
font-size: 13px;
  line-height: 1.4;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 10px;
  text-align: center;
}
.pn p {
font-size: 18px;  
margin-bottom: 10px;
text-align: center;
font-weight: 500;
color:#70898b;

}
.pn hr {
border-bottom: 1px solid rgba(0, 0, 0, .1);
display: flex;
height: 1px;
width: 100%;
}
.pb-content2 p, .pb-content2 strong {
color:#fff;
text-align: center;
}
.form-wrapper .msform h2 {
font-size: 18px;
}
.form-wrapper .msform a.btn {
border-color:inherit;
text-decoration: none;
padding:10px 30px;
}
/* .form-wrapper .msform .pricing-box2 {
border-radius: 15px;
} */
.green-box {
background: #717e7f !important;
}
.pricing-box.green-box h2 {
color:#fff;
}
.pricing-box.green-box p, .pricing-box.green-box strong {
color:#fff;
}
.dd-dark .green-box a.green-btn-big, .dd-dark .green-box .green-btn-big {
background: #FFD814; 
color:#000 !important;
}
.dd-dark .green-box a.green-btn-big:hover, .dd-dark .green-box .green-btn-big:hover {
background: #F7CA00; 
color:#000 !important;
}
.yellow-bg {
background: #ffd814 !important;
color:#000
}
.brdr-tp-lr {
border-radius: 0 0 15px 15px;
}
.agoin-tell-bg {
background: #70898b !important;
}
.most-popular span {
font-size: 16px;
text-transform: none;
}
.form-wrapper .form-group {
margin-bottom: 15px;
display: flex;
flex-direction: column;
align-items: flex-start;
}

/*---------------------------------------- */

.msform {
  position: relative;
  margin-top: 20px
}

.msform fieldset .form-card {
  background: white;
  border: 0 none;
  border-radius: 0px;
  box-sizing: border-box;
  position: relative
}

.msform fieldset {
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 30px;
  position: relative
}

.msform fieldset:not(:first-of-type) {
  display: none
}

.msform fieldset .form-card {
    border-bottom: 2px solid #708a8c;
      border-radius: 15px;
      box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
      border-top: none;
      border-left: none;
      border-right: none;
}

.fc-heading h3 {
  font-size: 18px;
  /*font-weight: 600;*/
  color: #25398e;
}

.dob-form {
  display: flex;
}

.msform input,
.msform select,
.msform textarea,
.msform .form-control {  
  font-size: 16px;

}


.msform select.form-control, select {
  padding-left: .45rem;
  padding-right: .45rem;
}

.msform .action-button, .msform .action-button:active {
  width: 188px;
  background: #70898b;  
  font-size: 16px;
  padding: 13px 10px 10px 10px;
  border-radius: 30px;
  color: #fff !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.4;
  border: none;
  margin:0 5px;
}

.msform .action-button:hover,
.msform .action-button:focus {
  background: #454b55;
  color:#fff;
  box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

.msform .action-button-previous {
  width: 150px;
  background: #a2b2b3;
  font-size: 16px;
  padding: 13px 10px 10px 10px;
  border-radius: 30px;
  color: #fff !important;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1.4;
  border: none;
  margin: 0 5px;
}

.msform .action-button-previous:hover,
.msform .action-button-previous:focus {
  background: #454b55;
    color: #fff;
  box-shadow: 0 0 0 2px white, 0 0 0 3px #616161
}

#progressbar {
  margin-bottom: 30px;
  overflow: hidden;
  color: #a2b2b3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0;
}
#progressbar strong {
  font-size: 16px;
  font-weight: 400;
}

#progressbar .active {
  color: #000000
}

#progressbar li {
  list-style-type: none;
  font-size: 13px;
  width: 25%;
  float: left;
  position: relative
}
#progressbar li:before {
  width: 50px;
  height: 50px;
  line-height: 45px;
  display: block;
  font-size: 22px;
  color: #ffffff;
  background: #a2b2b3;
  border-radius: 50%;
  margin: 0 auto 10px auto;
  padding: 2px;
  position: relative;
  z-index: 1;

}

#progressbar li:after {
  content: '';
  width: 100%;
  height: 2px;
  background: #a2b2b3;
  position: absolute;
  left: 0;
  top: 25px;
  z-index: 0;
}

#progressbar #about-me:before {
  background-image: url(../../img/frontend/user.svg);
  content: "";
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}
#progressbar #plan-type:before {
  background-image: url(../../img/frontend/calendar.svg);
  content: "";
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}

#progressbar #my-search:before {
  background-image: url(../../img/frontend/pricing-icon.svg);
  content: "";
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}

#progressbar #my-profile:before {
  background-image: url(../../img/frontend/wallet-icon.svg);
  content: "";
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}


#progressbar li.active:before,
#progressbar li.active:after {
  background: #70898b;
}
.fit-img-2 {
  width: 150px;
  height: auto;
}

.pn .pb-content ul li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pn .pb-content strong {
  font-size: 13px;
    line-height: 1.4;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
}
.pn p {
  font-size: 18px;  
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
  color:#70898b;

}
.pn hr {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  display: flex;
  height: 1px;
  width: 100%;
}
.pb-content2 p, .pb-content2 strong {
  color:#fff;
  text-align: center;
}
.form-wrapper .msform h2 {
  font-size: 18px;
}
.form-wrapper .msform a.btn {
  border-color:inherit;
  text-decoration: none;
  padding:10px 30px;
}
/* .form-wrapper .msform .pricing-box2 {
  border-radius: 15px;
} */
.green-box {
  background: #717e7f !important;
}
.pricing-box.green-box h2 {
  color:#fff;
}
.pricing-box.green-box p, .pricing-box.green-box strong {
  color:#fff;
}
.dd-dark .green-box a.green-btn-big, .dd-dark .green-box .green-btn-big {
  background: #FFD814; 
  color:#000 !important;
}
.dd-dark .green-box a.green-btn-big:hover, .dd-dark .green-box .green-btn-big:hover {
  background: #F7CA00; 
  color:#000 !important;
}
.yellow-bg {
  background: #ffd814 !important;
  color:#000
}
.brdr-tp-lr {
  border-radius: 0 0 15px 15px;
}
.agoin-tell-bg {
  background: #70898b !important;
}
.most-popular span {
  font-size: 16px;
  text-transform: none;
}
.form-wrapper .form-group {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.somewhere-planet {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  text-align: center;
}
.somewhere-planet h4 {
  font-size: 30px;
  color: #595959;
}
.txt-lower {
  text-transform: none !important;
}
.text-lower-clr {
  color: #595959 !important;
}

.certificate-card {
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  border-radius: 15px;
  border-bottom: 3px solid rgb(109 133 135 / 32%);
  padding:20px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.certificate-card h2 {
  color: #474844;
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    text-align: center;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
}

.cc-box {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.certificate-card img {
  width: 100%;
}

.carben-tabs .tab-pane{
  background: #fff;
  padding:20px;
  border-radius: 0 10px 10px 10px;
  min-height: 300px;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
}
.ct-br {
  border-radius: 10px !important;
}
.carben-tabs .invalid-feedback, .enegy-acord .invalid-feedback{
  font-size: 12px;
  font-weight: normal;
  display: block;
}
.carben-tabs .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: .375rem;
    border-bottom-right-radius: .375rem;
}
.carben-tabs .nav-item .nav-link {
  border: none;
    font-size: 16px;
    color: #fff;
    /* font-weight: 500; */
    background: #70898b;
    margin-right: 3px;
    border-radius: 10px 10px 0 0;
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
}
.carben-tabs .nav-item .nav-link.disabled {
  background: #b7b7b7;
  color: #737373;
}
.carben-tabs .nav-item .nav-link.active {
  background:#fff;
  color:#595959;
}
.carben-tabs .nav-tabs {
  border-bottom:none;
}
.carben-tabs .tab-pane .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.carben-tabs .tab-pane .form-group label {
  flex-basis: calc(100% - 200px);
  text-align: left;
  padding-right:20px;
}
.carben-tabs .tab-pane .form-group .input-group {
  flex-basis: 200px;
}
.kgcarban .calc-row {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
}
.calc-row {
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.petiant-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  padding:15px 15px 15px 35px;
  border-radius: 100px;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
}
.petiant-btn button {
  white-space: nowrap;
  padding-top:17px
}

.clinic-waste-label {
  width: 30%;
  display: flex;
  justify-content: flex-start;
  
}

.clienic-about-count {
  width: 50%;
  display: flex;
  justify-content: flex-start;
}

.clienic-about-count input{
  width: 100%;
}
.clienic-about{
  width: 20%;
  display: flex;
  justify-content: flex-start;
}

.clienic-about select{
  width: 100%;
}
.form-card.text-left.energy-sorce .form-group{
  margin-bottom: 0px;
}
.energy-sorce{
  margin-bottom: 10px;
}

.source-tab .tab-pane .form-group .input-group {
  flex-basis: 100%;
  margin: 0px 10px 0px 0px;
}
.source-tab .tab-pane .form-group label{
  flex-basis: calc(100% - 0px);
  margin-bottom: 0px;
}

.form-card.text-left.energy-sorce .ghyu {
  width: 88%;
}
.input-group.staff-plan {
  /* width: 400px; */
  flex-basis: 417px !important;
}
.input-group.add-km {
  flex-basis: 200px;
  margin: 0px 3px 0px 0px;
}
.kgunit {
  position: relative;
  width: 100%;
}
.kgunit:after {
  content: 'kg';
  width: 36px;
  height: 34px;
  background: white;
  position: absolute;
  top: 2px;
  right: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  /* border: 1px solid #ced4da; */
  border-radius: 0 5px 5px 0;
  border-left: none;
  font-weight: 600;
  z-index: 999;
}
.delete-icon-both {
border: none;
background: #b55e4f !important;
color: #fff;
border-radius: 100px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.btnspan {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 15px;
}
.btnspan svg { margin:0 !important;}
.clinic-waste-label {
  width: 30%;
  display: flex;
  justify-content: flex-start;
  flex-basis: 30%;
  
}
.toInputs {
  display: flex;
  align-items: self-start;
  flex-basis: 70%;
}

.clienic-about-count {
  width: 70%;
  display: flex;
  justify-content: flex-start;
  margin-right: 15px;
}

.clienic-about-count input{
  width: 100%;
}
.clienic-about{
  width: 30%;
  display: flex;
  justify-content: flex-start;
}

.clienic-about select{
  width: 100%;
}
.form-card.text-left.energy-sorce .form-group{
  margin-bottom: 0px;
}
.energy-sorce{
  margin-bottom: 10px;
}

.source-tab .tab-pane .form-group .input-group {
  flex-basis: 100%;
  margin: 0px 10px 0px 0px;
}
.source-tab .tab-pane .form-group label{
  flex-basis: calc(100% - 0px);
  margin-bottom: 0px;
}

.form-card.text-left.energy-sorce .ghyu {
  width: 88%;
}
.enegy-acord.faq .faq-list li{
  padding:0;
  border:none;
}
.enegy-acord.faq-page.faq .faq-list .faq-ans {  
  padding: 15px;
}
.enegy-acord.faq .faq-list a {
  font-size: 16px;
  line-height: 24px;  
  padding: 13px 20px;
  background: #70898b;
  color: #fff;
  border-radius: 10px;
}
.enegy-acord.faq .faq-list .icon-show, .enegy-acord.faq .faq-list .icon-close {
  right: 15px;
  top: 17px;
}
.enegy-acord.faq .faq-list a.collapsed:hover {
  color: #ffffff;
  background: #637577;
}
.sdf-tabs .form-group {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  column-gap: 15px;
}

.sdf-tabs {
  background: #fff;
  padding: 15px;
  margin: 0px -22px 0px 0px;
  border-radius: 10px;
}

.clinic-waste-label label{
  text-align: start;
}

.water-data-submit{
  align-items: end;
}
.water-data-submit {
  background: rgba(0, 0, 0, .05);
  border-radius: 10px;
  padding: 22px;
  margin: 30px 0px 0px 0px;
}

.waterwastefaq h4.accordion-button.p-3.right-ic {
  border-radius: 10px;
}

.carboncss .new-heading {
  font-size: 50px;
  color: #595959;
  font-weight: 700;
  padding-right: 56px;
  margin-bottom: 0px;
}

.carboncss button{
  background-color: #97af71;
  padding: 10px 24px;
}
.carben-tabs .tab-pane h5 {
  font-size: 21px;
  padding: 10px 0px;
}
.practicepadding{
  border-radius: 10px;
  background: rgba(0, 0, 0, .05);
  padding: 24px;
  position: relative;
  z-index: 99;
}
.petiant-btn button {
  white-space: nowrap;
  padding-top: 17px;
  background: #97af71;
  padding: 9px 25px 7px;
  font-size: 12px;
}
.calc-row {background: #e1eae4;
  border-radius: 20px;
  padding: 20px;
}
.travelData {
  position: relative;
  padding: 12px 12px 5px;
}

.travelData button.btn-close {
  position: absolute;
  top: 23px;
  right: 20px;
  font-size: 21px;
}

.carbongreen table.table th{
  white-space: nowrap;
  font-size: 13px;
  font-weight: 500;
}
.carbongreen table.table td{
  white-space: nowrap;
  font-size: 13px;
  font-weight: 300;
}
.hgjty {
  display: contents;
}

.hgjty .input-group.add-km {
  flex-basis: 208px !important;
}

.hgjty .input-group.add-km span{
  padding: 0px 16px;
}
.cc-heading {
  background: #72894d;
  border-radius: 5px;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
}
.lablecss{
  display: flex;
}
.labletooltip svg{
  color: #97af71 !important;
  height: 25px;
  /* float: inline-end; */
  /* margin: 0px 3px 8px 5px; */
  padding: 0px 0px 0px 10px;
}
.wastetooltip {
  display: flex;
  justify-content: space-between;
}
.pdfLogo{
  display: flex;
  justify-content: end;
  flex-direction: column;
  width: 30%;
}
.print-pdf {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.print-pdf a {
  background: #b55e4f;
  padding: 10px 37px;
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  font-size: 14px;
  border-radius: 24px;
}
.reportDiv {
  border-radius: 10px;
  background: rgba(0, 0, 0, .05);
  padding: 17px 15px 0px;
  margin-bottom: 20px;
}
.input-group.ig-cc.hgtyu {
  display: flex;
  align-items: center;
  flex-wrap: inherit;
  justify-content: start;
}

.input-group.ig-cc.hgtyu span{
  text-align: start;
}

.capcha{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pb-content .hding{
  font-weight: 600;
  color: #70898b;
}
h2.contactus{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 0px;
}
h2.contactus1{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 0px;
}
.pb-content.pricing h2{
  font-size: 21px;
}
.active>.page-link{
  border-color: #e1eae4;
  color: #fff;
  background-color: #6f8a8b;
}
.page-link:hover {
  color: #595959;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 5px 2px #6f8a8b;
}
.page-link{
  color: #595959;
}
.practice-count {    
  display: block;
  background: #fff;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  padding: 25px;
  margin-bottom: 25px;
  border-radius: 10px;
}
.practice-plus-minus {  
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 5px;
  width: 60%;
}
.practice-plus-minus button {
  background: transparent;
  color:#000;
  font-size: 22px;
  border:none;  
  padding:4px 15px;
}
.practice-plus-minus button:active{
  padding:4px 15px;
}
.practice-plus-minus input[type="number"]::-webkit-inner-spin-button,
.practice-plus-minus input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.practice-plus-minus input[type="number"] {
    -moz-appearance: textfield;
    /* Firefox */
}

.pp-option-box.selected {
    background: #e1eae4;
    border: 1px solid #c0d7c8;
}
.practice-plus-minus input {
  border:none;
  text-align: center;
  font-size: 24px;
  width: 100%;
}
.practice-green-tick {
  width: 35px;
}
.pp-ob {
  padding:0 25px;
  width: 100%;
}
#orgYearly, #orgMonthly, .pp-option-box {
  border-radius: 5px;
  background: rgba(0,0,0,.03);
  padding:15px;
  border:1px solid rgba(0,0,0,.2);
  width: 100%;
  position: relative;
}
.selected-tick {
  position: absolute;
  right:30px;
  top:45px;
  width: 30px;
  height: auto;
}
#orgYearly:hover, 
#orgMonthly:hover,
.pp-option-box:hover {
  background: #e1eae4;
  border:1px solid #c0d7c8;
  cursor: pointer;
}
.pricing-count-des {
  background: rgba(0,0,0,.03);
  border:1px solid rgba(0,0,0,.2);
  padding:20px;
  border-radius: 5px;
  height: 100%;
}
.pricing-count-des h4 {
  font-size: 24px;
  color:#70898b;
}
.pricing-count-des p {
  margin-bottom: 5px;
  
}
.disabled-tab {
  pointer-events: none;
  background: #b7b7b7 !important;
  color: #737373 !important;
  border-color: #b7b7b7 !important;
}

#hiddenRecaptcha1-error,#hiddenRecaptcha2-error {
  text-align: center;
  padding-right: 30px;
}
.prop-dext h4 {
  padding: 12px 0px;
  font-size: 22px;
  margin-bottom: 0px;
}
.prop-dext p{
  font-size: 18px;
  margin-bottom: 0px;
  padding: 0px 0px 7px;
}

.prop-dext ul li {
  font-size: 16px;
  line-height: 33px;
  margin-left: 0;
}

.prop-dext ol li::marker{
  font-weight: 600;
  line-height: 37px;
}

.prop-dext ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}


.model-box-text h4 {
  padding: 12px 0px;
  font-size: 19px;
  margin-bottom: 0px;
}
.model-box-text p {
  font-size: 16px;
  margin-bottom: 0px;
  padding: 0px 0px 7px;
}
.model-box-text strong{
  font-weight: 600;
}
.model-box-text ul{
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.model-box-text ul li{
  margin-left: 0;
}

.privacy-policy-text h4 {
  padding: 12px 0px;
  font-size: 22px;
  margin-bottom: 0px;
}
.privacy-policy-text p {
  font-size: 18px;
  margin-bottom: 0px;
  padding: 5px 0px 7px;
}

.privacy-policy-text ul li {
  font-size: 18px;
  padding: 5px 0px;
}

.privacy-policy-text ul{
  margin: 0px;
  padding: 0px;
}

.privacy-policy-text p strong{
  font-weight: 600;
}

.privacy-policy-text ul.no-style li strong{
  font-weight: 600;
}
.sign-in-container {
  position: relative;
}

.sign-in-options {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */
}

.sign-in-options .option-btn {
  display: block;
  padding: 10px 20px;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid #ddd;
}

.sign-in-options .option-btn:last-child {
  border-bottom: none;
}

.sign-in-options .option-btn:hover {
  background-color: #f5f5f5;
}

#signInOptions {
  width: 100%;
  border-radius: 10px;
  top:110%;
}
#signInOptions a {
  padding:10px 15px;  
  margin:0;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-radius: 10px;
}
#signInOptions a:first-child {
  border-radius: 10px 10px 0 0;
}
#signInOptions a:last-child {
  border-radius: 0 0 10px 10px;
}
#signInOptions a:hover {
  background: #70898b;
  color:#fff;
}
#signInOptions a:last-child {
  border-bottom: none;
}

.echo-champion {
  padding: 20px;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  background: #fff;
}

.user-list {
  background: rgba(0, 0, 0, .05);
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  margin-left: 37px;
}

.champion-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ech-sn span {
  width: 40px;
  height: 40px;
  background: #6f8a8b;
  border-radius: 100%;
  color: #fff;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 21px;
  font-weight: 500;
}

.user-list ul {
  margin: 0px;
  padding: 17px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.user-list ul li{
  font-size: 15px;
  list-style: none;
  color: #708a8c;
  font-weight: 600;
}

.add-ecochampion {
  /* padding: 18px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
  z-index: 1;
  border: 1px solid #fff;
  margin-top: 23px;
  height: 60vh;
  overflow: auto; */
}

.add-ecochampion tr th{
  margin-bottom: 15px;
  border: solid 1px #ddd;
  border-radius: 5px;
}

.add-ecochampion tr td{
  margin-bottom: 15px;
  border: solid 1px #ddd;
  border-radius: 5px;
}

.eco-championbtn button{
  background: #708a8c;
    /* background: #b5593b; */
    font-size: 13px;
    padding: 10px 22px;
    border-radius: 30px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    border: none;
}
.eco-championbtn {
  display: flex;
  justify-content: end;
  font-style: italic;
  margin: 18px 0px 0px;
}
.icon-boxes.usb .icon-box.tt-num {
  padding:15px;
}
.icon-boxes .icon-box.tt-num .icon {
  border-radius: 100%;
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #708a8c;
  color:#fff;
  font-size: 24px;
  font-weight: 700;
  flex-basis: 80px;
}
.icon-boxes .icon-box.tt-num .usb-detail {
  flex-basis: calc(100% - 80px);
}

.add-ecochampion .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: #e1eae4;
  border-radius: 0;
}

.add-ecoch {
  min-height: 50px;
  max-height: 393px;
  overflow: auto;
  margin-bottom: 15px;
}

.add-ecoch::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.add-ecoch::-webkit-scrollbar-track {
  background-clip: content-box;
  border: 2px solid transparent;

}

.add-ecoch::-webkit-scrollbar-thumb {
  background-color:#708a8c;
  border-radius: 5px;
}
.add-ecochampion .activebutton{
  background: #F7CA00;
  font-size: 13px;
  padding: 6px 17px;
  border-radius: 30px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}
.add-ecochampion .inactivebutton{
  background: #b55e4f;
  font-size: 13px;
  padding: 6px 17px;
  border-radius: 30px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
}
thead.ecotable{
  position: sticky;
    top: 0px;
    background: #fff;
}
label#firstName-error,label#lastName-error,label#email-error{
  color: red;
}
.user-detail{
  margin-bottom: 22px !important;
}
ul.echomenu li a svg{
  width: 10%;
  display: flex !important;
  justify-content: center !important ;
  align-items: center !important;
}
/*----------------------------------------------------------*/
          /*Responsive Css*/
/*----------------------------------------------------------*/

@media(max-width:1440px){
  .carboncss .new-heading{
    font-size: 40px;
    margin-bottom: 0px;
  }
  .carben-tabs .nav-item .nav-link{
    font-size: 14px;
  }
  .patient-surevy .new-heading{
    font-size: 45px;
  }
}

@media(max-width:1366px) {
section {
  padding: 50px 0;
}
p {
  font-size: 20px;
  line-height: 1.3;
}
#header .logo img {
  height: 88px;
  margin-top: 2px;
}
#hero.inner-banner-2 {
  height: 114px;
}
.cry-graphic {
  height: 412px;     
}
.recent-blog-posts, .faq, .testimonials {
  padding:80px 0;
}

.hero-content h1 {
  font-size: 45px;
  margin-bottom: 12px;
}
.hero-content p {
  font-size: 20px;
}
.icon-boxes .title {
  font-size: 20px;
}
.icon-boxes .description {
  font-size: 17px;
}

.icon-boxes .icon {
  margin-bottom: 22px;
}
.navbar a, .navbar a:focus {
  font-size: 12px;
}
.new-about .nb-text h2, .new-about .new-heading {
  font-size: 46px;
}
.new-about .nb-text.sofar h3 {
  font-size: 42px;
}
.new-about .nb-text h3 {
  font-size: 40px;
}
.impacts-box h2 {
  font-size: 26px;
}
.impacts-box {
  margin-bottom: 15px;
}
.impacts-box a {
  font-size: 16px;
}
.pledge-round {
  width: 140px;
  height: 140px;
}
.pledge-round h2 {
  font-size: 40px;
}
.pledge-round span {
  font-size: 22px;
}
.new-cc span.counter-value {
  font-size: 100px;
}
.pledge-round {
  width: 130px;
  height: 130px;
}
.pledge-round h2 {
  font-size: 36px;
}
.pledge-round span {
  font-size: 20px;
}

.getstarted, .green-btn {
  padding:10px 24px;
}
.environment-block h2 {
  font-size: 21px;
}
.tb-text h2 {
  font-size: 46px;
  margin-top: 74px;
  padding-right:14px;
}
.nb-text h2, .new-heading {
  font-size: 46px;
  padding-right: 22px;
}
.new-about .nb-text h2,
.new-about .new-heading {
  font-size: 46px;
}
.new-about .nb-text h3 {
  font-size: 40px;
}
.impacts-box h2 {
  font-size: 26px;
}
.impacts-box {
  margin-bottom: 15px;
}
.impacts-box a {
  font-size: 16px;
}
.pledge-round {
  width: 140px;
  height: 140px;
}
.pledge-round h2 {
  font-size: 40px;
}
.pledge-round span {
  font-size: 22px;
}
.new-cc span.counter-value {
  font-size: 100px;
}
.new-about .nb-text.sofar h3 { 
  font-size: 44px;
}
.new-heading-w {
  font-size: 46px;
}
.nb-text p {
  font-size: 22px;
  padding-right: 120px;
}
.need-block, .become-block, .enhance-block {
  padding: 110px 0;
}
.ab-text h2 {
  font-size: 46px;
}
.ab-text p {
  font-size: 20px;
}
.ab-text h3 {  
  font-size: 23px;
}
.bb-text h2 {
  font-size: 46px;
}

.become-block .title {
  font-size: 22px;
}
.become-block .icon-box {
  margin-bottom: 36px;
}
.bb-icon-text {
  padding-left: 20px;
  flex-basis: calc(100% - 156px);
}
.become-block .description {
  font-size: 18px;
}
.tb-text p {
  font-size: 19px;
}
.eb-text h2 {
font-size: 46px;
}
.eb-text p {
  font-size: 20px;
  padding-right: 168px;
}
a.green-btn-big, .green-btn-big, a.green-btn-big:focus, a.yellowb-btn-big, .yellowb-btn-big, a.yellowb-btn-big:focus, .w-brdr-btn, .w-brdr-btn:focus {
padding:11px 38px 8px 38px;
font-size: 16px;
}
.sb-text h2 {
font-size: 27px;  
}
.sb-text p {
  font-size: 20px;    
}
.sb-text h3 {
font-size: 23px;
}
.sbcb p {
  font-size: 20px;     
  padding-right: 40px;
}
.sb-check-box {
padding:28px;
margin-bottom: 20px;
}
.sb-check-box img {
width: 40px;
}
.notgreen-block h2 {
font-size:46px;
}
.ngb-text p {
  font-size: 20px;
  padding-right: 85px;
}
.ngb-text h3 {
font-size: 22px;
}
.notgreen-block {
padding:100px 0;
}
.being-member h2 {
font-size: 46px;
}
.being-member h4 {
font-size: 22px;
}
.being-member p {
font-size: 18px;  
padding: 0 26px;
}
.benefits-b-member {
padding:80px 0;
}
.bbm-box {
padding:0 0;
}
.bm-box .counter {
font-size: 34px;
line-height: 142px;
}
.rc-pro-bar .box {
width: 140px;
}

.being-member {
padding: 78px 0;
}
.contact-us {
  padding: 55px 0;
}
.section-title h2, .section-title-w h2 {
font-size: 44px;
}
#footer .footer-newsletter h4 {
font-size: 28px;
}
.moneyb-text span {
  font-size: 15px; 
  padding-right: 64px;
  display: block;
}
#footer .footer-newsletter {
padding:44px 0;
}
#footer .footer-newsletter .btn {
  padding: 10px 18px;
  font-size: 13px;
  border-radius: 5px;
}
#footer .footer-top h4 {
font-size: 20px;
}
#footer .footer-top .footer-links ul a {
font-size: 16px;
}
#footer .footer-top .footer-info p {
font-size: 16px;
}
#footer .footer-top .footer-contact p {
font-size: 16px;
}
#footer .copyright {
font-size: 15px;
}
#footer .footer-top {
padding:36px 0 0 0;
}
#footer .footer-top .social-links a img {
font-size: 26px;
}
#footer .footer-top .social-links a.twitter img {
font-size: 30px;
}
#footer .footer-top .social-links a {
margin:0 18px 0 0;
}
#footer .footer-top .footer-info .footer-logo {
  height: 90px;
  margin-bottom: 20px;
}

.to-serve .nb-text p {
padding: 0 150px; 
}
.global-initiative p {
  padding-right: 50px;
}

.most-popular {
  background: #b2d239;    
  padding: 16px 0 11px 0;
  font-size: 18px; 
}
.free-pt {
padding-top: 45px;
}
.pricing-box, .pricing-box2 {
/* padding:35px 20px; */
}
.pb-content h2, .pb-content2 h2 {
font-size: 24px;
margin-bottom: 25px;
}
.pb-content h1, .pb-content2 h1 {
font-size: 42px;
margin-bottom: 25px;
}
.pb-content ul li, .pb-content2 ul li {
font-size: 15px;
}
.pb-content ul li img, .pb-content2 ul li img {
height: 18px;
}
.contact-us h3 {
font-size: 22px;
}
.contact-form .form-control, .contact-form .form-select, .contact-form textarea {
padding:8px 15px;
}
.contact-form .form-group {
margin-bottom: 16px;
}
#hero.dashboard-banner {
min-height: 315px;
}
.my-ac-list li a {
  padding:9px 16px;
  font-size: 15px;
}
.tnc h4 {
font-size: 24px;
}
.tnc ul li {
font-size: 20px;
}


/*-------------------*/

.icon-boxes .icon-box {
  padding:25px 20px;
}
.icon-boxes {
  padding-top: 15px;
}
.user-badge {
  height: 160px;
}
.premium-plan h4 {
  font-size: 34px;
}
.ab-content h1 {
  font-size: 2rem;
}
 #icon-boxes {
  margin-top: 25px;
  }
  .tnc p{
    font-size: 19px;
  }
  .tnc h4 {
  font-size: 22px;
 }
 .gwz-text h4 {
  font-size: 42px;
 }
 .new-about .nb-text .gwz-text p {
  font-size: 32px;
 }
 .gwz-abs {
  padding:10% 0;
 }
 .somewhere-planet h4 {
  font-size: 25px; 
}
.carboncss .new-heading{
  font-size: 37px;
}

.patient-surevy .new-heading {
  font-size: 40px;
}

}
@media only screen and  (min-width:1199px) and (max-width:1366px) {
  .selected-tick {   
    right:20px;
  }
}
@media(max-width:1280px) {
section {
  padding: 45px 0;
  overflow: hidden;
}  
#header .logo img {
  height: 84px;
  margin-top: 2px;
}
#hero.inner-banner-2 {
  height: 108px;
}
.recent-blog-posts, .faq, .testimonials {
  padding:70px 0;
}
.section-title, .section-title-w {   
  padding-bottom: 25px;
}
#footer .footer-newsletter {
  padding: 40px 0;
}
#footer .footer-top {
  padding: 32px 0 0 0;
}

.sb-text h2 {
  font-size: 26px;  
}
.my-ac-list li a {
  padding:9px 15px;
  font-size: 14px;
}
.nb-text h2, .new-heading, .new-about .nb-text h2,
.new-about .new-heading {
  font-size: 42px;
}
  .new-about .nb-text h3 {
    font-size: 38px;
  }
  .impacts-box h2 {
    font-size: 24px;
  }
.impacts-box a {
  font-size: 15px;
}
.impacts-box {
margin-bottom: 10px;
}
  .new-cc span.counter-value {
    font-size: 90px;
  }
  .new-about .nb-text.sofar h3 { 
    font-size: 40px;
  }
.tnc h4 {
  font-size: 22px;
}

/*-----------------------------*/

.faq-left-content .faq-img::before {
  height: 20.7rem;
}
.faq .faq-list a {
  font-size: 14px;
  line-height: 20px;
}
.faq .faq-list li {
  padding:12px;
}
.faq .faq-list .icon-help {
  left:13px;
  top:13px;
}
#footer .footer-newsletter h4 {
  font-size: 26px;
}
#header {
  height: 64px;
}
.recent-blog-posts .post-box .post-title {
  font-size: 18px;
  margin:10px 0 0 0;
}
.recent-blog-posts .post-box p {
  margin:10px 0 0 0;
  font-size: 15px;
}
.about-block{
  padding: 80px 0px;
}
.need-block, .become-block, .enhance-block {
  padding: 90px 0;
 }
 .notgreen-block {
  padding: 90px 0;
 }
 .new-about .nb-text h2, .new-about .new-heading {
  font-size: 36px;
}
.new-about .nb-text.sofar h3 {
  font-size: 32px;
}

.carboncss button {
  background-color: #97af71;
  padding: 8px 22px;
}

.carben-tabs .tab-pane h5{
  font-size: 18px;
}
.patient-surevy .new-heading {
  font-size: 35px;
}

.patient-surevy p {
  font-size: 19px;
}


}

@media(max-width: 1278px){
.navbar ul li {
  padding:10px 0;
}
.new-heading-w {
  font-size: 38px;
}
.navbar a, .navbar a:focus {
  font-size: 13px;
}
#header .logo img {
  height: 76px;
}

.icon-boxes .title {
  font-size: 16px;
}
.icon-boxes .icon-box {
  padding: 15px 15px;
}
.icon-boxes .description {
  font-size: 13px;
  line-height: 1.4;
}
.about-img-sec {
  width: 330px;
  height: 450px;
}
 .ab-content h1 {
    font-size: 30px;
 }
 .whyjoin .icon-box {
    padding:20px;
 }
 .whyjoin .icon {
    width: 52px;
    height: 52px;
    flex-basis: 52px;
    font-size: 16px;
 }
 .whyjoin .description {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 0;
    flex-basis: calc(100% - 52px); 
}
.faq-left-content .faq-img::before {
  height: 17.7rem;
}
#footer .footer-newsletter h4 {
  font-size: 24px;
}
#hero .carousel-control-prev {
  left: -35px;
}
#hero .carousel-control-next {
  right: -35px;
}
.premium-plan h3 {
  font-size: 16px;
  padding:18px 15px 15px 15px;
}
.premium-plan h4 {
  font-size: 28px;   
  font-weight: 600;
}
.premium-plan h4 span {  
  font-size: 14px;
  font-weight: 500;
}

.my-ac-list li a {
    padding: 8px 10px; 
}
.need-block, .become-block, .enhance-block {
    padding: 80px 0;
  }
  .sign-in-up a svg {
    display: none;
  }
  .sign-in-up a.sip-btn span {
    margin-left: 0;
  }
  .navbar a, .navbar a:focus {
    font-size: 11px;
  }

   .nb-text h2, .new-heading, .new-about .nb-text h2,
  .new-about .new-heading {
     font-size: 38px;
    }
  .impacts-box h2 {
    font-size: 22px;
  }
.impacts-box a {
  font-size: 14px;
}
.new-about .nb-text h3 {
  font-size: 36px;
}
.new-cc span.counter-value {
  font-size: 75px;
}
.new-about .nb-text.sofar h3 { 
  font-size: 38px;
}
.pledge-round {
  width: 130px;
  height: 130px;
}

.pledge-round h2 {
  font-size: 36px;
}

.pledge-round span {
  font-size: 20px;
}
    .hero-content p {
     font-size: 18px;
   }
   .navbar a, .navbar a:focus {
     font-size: 11px;
  }
  .sign-in-up a.sip-btn, .sign-in-up a.sip-btn:focus{
    font-size: 12px;
    padding: 6px 15px;
  }
  .icon-boxes .title {
  font-size: 15px;
  }
  .tb-text h2{
    font-size: 38px;
  }
  .nb-text p, .new-about .nb-text p{
    font-size: 20px;
  }
  .ab-text h2 {
  font-size: 38px;
  }
 .ab-text h3 {
  font-size: 20px;
 }
 .bb-text h2 {
  font-size: 38px;
 }
 .become-block .title {
  font-size: 19px;
 }
 .become-block .description {
  font-size: 16px;
 }
 .tb-text p {
  font-size: 17px;
 }
 .eb-text h2 {
  font-size: 38px;
 }
 .eb-text p{
  font-size: 17px;
 }
 a.green-btn-big, .green-btn-big, a.green-btn-big:focus, a.yellowb-btn-big, .yellowb-btn-big, a.yellowb-btn-big:focus, .w-brdr-btn, .w-brdr-btn:focus {
  padding: 9px 30px 5px 30px;
  font-size: 15px;
 }
 .sb-text h2 {
  font-size: 24px;
 }
 .sb-text p {
  font-size: 17px;
 }
 .sb-text h3 {
  font-size: 20px;
 }
 .notgreen-block h2 {
  font-size: 38px;
 }
 .ngb-text h3 {
  font-size: 19px;
 }
 .ngb-text p {
  font-size: 17px;
 }
.sbcb p{
  font-size: 17px;
}
.being-member h2 {
  font-size: 38px;
 }
 .being-member h4 {
  font-size: 19px;
 }
 .being-member p{
  font-size: 17px;
 }
 .section-title h2, .section-title-w h2{
  font-size: 38px;  
 }
 .recent-blog-posts .post-box .post-title{
  font-size: 15px;
 }
 .recent-blog-posts .post-box p{
  font-size: 15px;
 }
 .recent-blog-posts .post-box .readmore{
  font-size: 15px;
 }
 .faq .faq-list p{
  font-size: 17px;
 }
 .section-title p{
  font-size: 17px;
 }
 .testimonials .testimonial-item p{
  font-size: 17px;
 }
 #footer .footer-newsletter h4 {
  font-size: 22px;
 }
 #footer .footer-top h4 {
  font-size: 18px;
 }
 #footer .footer-top .footer-links ul a {
  font-size: 15px;
 }
 #footer .footer-top .footer-contact p {
  font-size: 15px;
 }
 .bm-box .counter{
  font-size: 30px;
 }
 .ab-text p {
  font-size: 17px;
 }
 .wj-text p{
  font-size: 17px;
 }
 .member-collapse .one-btn, .member-collapse .two-btn{
  font-size: 15px;
 }
 .certified-banner h2 {
  font-size: 38px;
 }
 .pb-content h1, .pb-content2 h1{
  font-size: 38px;
 }
 .pb-content h2, .pb-content2 h2{
  font-size: 22px;
 }
 .contact-us h3 {
  font-size: 19px;
 }
 .contact-us p{
  font-size: 17px;
 }
 .team .member h4 {
  font-size: 17px;
 }
 .ev-look h4{
  font-size: 18px;
 }
 .ev-look .accordion > ul > li > a{
  font-size: 17px;
 }
 .faq-page.faq .faq-list .faq-ans p{
  font-size: 17px;
 }
 .user-detail h2 {
   font-size: 1.6rem;
 } 
 .whyjoin .title{
  font-size: 18px;
 }
 .sign-in-up a.red-btn, .sign-in-up a.red-btn:focus, .red-btn{
      font-size: 12px;
 }
 #hero{
  min-height: 670px;
 }
 #hero.why-join{
   min-height: 630px;
   padding-top: 0px;
 }
 .plan-list {
  padding-top: 34px;
 }
 .most-popular{
  font-size: 15px;
 }
 .pb-content2 h4{
  font-size: 15px;
 }
 .user-detail h2{
  font-size: 23px;
 }
  .user-detail h4{
  font-size: 23px;
 }
 .icon-boxes .icon img{
  height: 80px;
 }
 #icon-boxes {
  margin-top: 45px;
  }
  .gat-text {
  /*flex-basis: calc(100% - 0px);*/

 }
 .tnc p{
    font-size: 17px;
  }
  .tnc h4 {
  font-size: 20px;
 }
 .tnc ul li {
  font-size: 16px;
 }
 .global-wz aside {
  height: 100px !important;
 }
.global-wz .icon-1.icon-wrap {
   width: 100px !important;
   height: 100px !important;
}
.global-wz h2 {
  font-size: 28px !important;
}
 .gwz-text h4 {
  font-size: 36px;
}
.new-about .nb-text .gwz-text p {
  font-size: 26px;
}

 .somewhere-planet h4 {
  font-size: 22px; 
}
.carboncss .new-heading {
  font-size: 24px;
 }
 .carboncss button {
  padding: 8px 20px;
  font-size: 13px;
 }
 .carben-tabs .nav-item .nav-link {
  font-size: 13px;
  }
  .carben-tabs .nav-item .nav-link{
    padding-left: 10px;
    padding-right: 10px;
  }
  .carben-tabs .tab-pane .form-group label{
    font-size: 14px;
  }
  .carboncss button {
    padding: 8px 20px;
    font-size: 12px;
    font-weight: 400;
  }
  .carben-tabs .tab-pane h5{
    font-size: 16px;
  }
  .carben-tabs .tab-pane .form-group label{
    flex-basis: calc(100% - 118px);
  }
}

@media(max-width:1166px){
  .carboncss button{
    padding: 7px 15px;
  }
  .carben-tabs .tab-pane h5{
    font-size: 14px;
  }
  .yellow-btns{
    font-size: 13px;
    padding: 7px 19px;
  }
  .patient-surevy p {
    font-size: 17px;
  }
}

@media(max-width: 1024px){
    section {
      padding: 35px 0;
      overflow: hidden;
  }
 .nb-text h2, .new-heading, .new-about .nb-text h2,
.new-about .new-heading {
  font-size: 36px;
 }
   .new-about .nb-text h3 {
     font-size: 34px;
   }
      .new-cc span.counter-value {
        font-size: 70px;
      }
      .new-about .nb-text.sofar h3 { 
        font-size: 36px;
      }
              .pledge-round {
                width: 120px;
                height: 120px;
              }
      
              .pledge-round h2 {
                font-size: 34px;
              }
      
              .pledge-round span {
                font-size: 18px;
              }
 .hero-content p {
  font-size: 17px;
 }
 .tb-text h2 {
  font-size: 36px;
 }
 .nb-text p, .new-about .nb-text p {
  font-size: 19px;
 }
 .ab-text h2 {
  font-size: 36px;
 }
 .plan-list {
  padding-top: 29px;
 }
 .bb-text h2 {
  font-size: 36px;
 }
 .become-block .title {
  font-size: 17px;
 }
 .become-block .icon img {
  height: 75px;
 }
 .notgreen-block h2 {
  font-size: 36px;
 }
 .ngb-text h3 {
  font-size: 17px;
 }
 .being-member h2 {
  font-size: 36px;
 }
 .being-member h4 {
  font-size: 17px;
 }
 .section-title h2, .section-title-w h2 {
  font-size: 36px;
 }
 #footer .footer-newsletter h4 {
  font-size: 21px;
 }
 #footer .footer-top h4 {
  font-size: 17px;
 }
 .nb-text p, .new-about .nb-text p {
  font-size: 16px;
 }
  .certified-banner h2 {
  font-size: 36px;
 }

 .certified-banner p{
  font-size: 16px;
 }
 .icon-boxes p{
  font-size: 16px;
 }
 .need-block, .become-block, .enhance-block {
  padding: 65px 0;
  }
  .become-block .description{
    font-size: 15px;
    font-weight: normal;
  }
  .transparency-block p{
    font-size: 16px;
  }
  .pb-content h1, .pb-content2 h1 {
  font-size: 36px;
 }
 .pb-content h2, .pb-content2 h2 {
  font-size: 21px;
 }
 .new-heading-w {
  font-size: 36px;
 }
 .eb-text h2 {
  font-size: 36px;
 }
 .user-detail h2 {
  font-size: 21px;
 }
  .user-detail h2 {
  font-size: 21px;
 }
 .icon-boxes .icon img{
  height: 75px;
 }
  .notgreen-block {
  padding: 65px 0;
 }
 .being-member {
  padding: 65px 0;
 }
 .recent-blog-posts, .faq, .testimonials {
  padding: 65px 0;
 }
 .about-block{
 padding: 60px 0;
  }
  .eb-pic img {
  height: 305px;
  } 
 .transparency-block {
  padding: 62px 0;
 }
 .my-ac-list li a {
  padding: 7px 10px;
  font-size: 13px;
  }
  .dh-tag {
    flex-basis: calc(100% - 145px);
    text-align: center;
    font-size: 12px;
  }
  .dh-data{
    font-size: 12px;
  }
  .gat-text {
    font-size: 14px;
  }
  
  .new-about .nb-text h2, .new-about .new-heading {
    font-size: 34px;
  }
  .new-about .nb-text.sofar h3 {
    font-size: 30px;
  }
  .gwz-text h4 {
    font-size: 32px;
}
.new-about .nb-text .gwz-text p {
  font-size: 24px;
}
  .somewhere-planet h4 {
    font-size: 20px; 
  }
  .patient-surevy .new-heading {
    font-size: 30px;
  }
  .patient-surevy p {
    font-size: 17px;
    padding: 0px !important;
  }
  
 
}



@media(max-width:991px){
/* body {
  display: none;
}*/
body {
  font-size: 13px;
}
.being-member {
  padding: 55px 0;
 }
 .ftr-link {
  display: flex;
  align-items: center;
 }
 .ftr-link p{
  padding-left: 17px;
 }
#header .navbar-collapse {
  position: absolute;
  top: 86%;
  background: #fff;
  width: 100%;
  box-shadow: 2px 5px 15px 0 rgb(109 133 135 / 20%);
  left: 0px;
  right: 0px;
 }
.navbar-toggler:focus {
  box-shadow: none;
}
.about {
  background-size: cover;
}
.testimonials .testimonial-item { 
  min-height: inherit;
}
.ab-content h1 {
  font-size: 26px;
}
#footer .footer-newsletter {
  padding:40px 0;
}
#hero h2 {
  font-size: 26px;
  font-weight: normal;
}
#hero h3 {
  font-size: 24px;
  font-weight: normal;
}
#hero h4 {
  font-size: 18px;
  font-weight: 600;
}
#hero h5 {
  font-size: 20px;
  font-weight: normal;
}
.icon-boxes .icon img {
  height: 66px;
}
#hero {
  height: 60vh;
}
.icon-boxes .description {
  font-size: 13px;
}

.gd-alliance h5 {
  text-align: left;
}  
#hero h2 {
  font-size: 33 px;
  font-weight: 600;
}
.tb-text h2 {
  font-size: 33px;
}
.nb-text h2, .new-heading, .new-about .nb-text h2,
.new-about .new-heading {
  font-size: 33px;
}
  .new-about .nb-text h3 {
    font-size: 30px;
  }
   .new-cc span.counter-value {
     font-size: 68px;
   }
   .new-about .nb-text.sofar h3 { 
    font-size: 34px;
  }
.nb-text p{
  padding-right: 21px;
}
  .pledge-round {
    width: 100px;
    height: 100px;
  }

  .pledge-round h2 {
    font-size: 32px;
  }

  .pledge-round span {
    font-size: 16px;
  }

.ab-text h2 {
  font-size: 33px;
}

.ab-text h3 {
  font-size: 19px;
}
.about-block{
  padding: 60px 0px;
}
.bb-text h2 {
  font-size: 33px;
}
.eb-text h2 {
  font-size: 33px;
}
.sbcb p{
 padding-right: 10px;
}
.sb-check-box{
  padding: 15px;
}
.sb-text h2 {
  font-size: 21px;
  padding-bottom: 8px;
}
.sb-text p {
  font-size: 16px;
 }
 .sb-text h3 {
  font-size: 19px;
 }
 a.green-btn-big, .green-btn-big, a.green-btn-big:focus, a.yellowb-btn-big, .yellowb-btn-big, a.yellowb-btn-big:focus, .w-brdr-btn, .w-brdr-btn:focus {
  padding: 9px 26px 5px 26px;
  font-size: 14px;
 }
 .ngb-text p{
  padding-right: 14px;
 }
 .ngb-text h3 {
  font-size: 15px;
 } 
 .ngb-text p {
  font-size: 16px;
 } 
 .notgreen-block h2 {
  font-size: 33px;
 } 
 .being-member h2 {
  font-size: 33px;
} 
.bm-box .counter {
  font-size: 27px;
 }
 .being-member p {
  font-size: 16px;
 }
 .being-member p{
  padding: 0px 9px;
 }
 .section-title h2, .section-title-w h2 {
  font-size: 33px;
 }
 #footer .footer-top h4 {
  font-size: 16px;
 }
 .to-serve .nb-text p {
  padding: 0 45px;
  }
 .wj-block .ab-text p {
  padding-right: 50px;
 }
 #hero {
  min-height: 800px;
 }
 .eaiser {
  display: flex;
 }
 .ab-text br {
  display: none;
 }
 .become-block .icon-box{
  margin-bottom: 18px;
 }
 .eb-text p{
  padding-right: 40px;
 }
 .sb-check-box img {
  width: 33px;
 }
 .bm-box .counter {
  font-size: 27px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 22px;
 }
 .need-block, .become-block, .enhance-block {
  padding: 45px 0;
 }
 .about-block .pe-150 {
  padding-right: 40px;
 }
 .global-initiative p {
  padding-right: 20px;
 }
 .wj-text p {
  font-size: 17px;
  padding-right: 0px;
  margin-bottom: 0px;
 }
 .mc-btn{
  margin-top: 24px;
 }
 .global-initiative p{
  margin-bottom: 10px;
 }
 .become-block.certi-benefits .icon img {
  height: 100px;
 }
 .new-heading-w {
  font-size: 33px;
 }
 .contact-us h3 {
  font-size: 17px;
 }
 .plan-list {
  padding-top: 83px;
 }
 .certi-benefits .bb-icon-text {
  flex-basis: calc(100% - 1px);
 }
 #hero .dashboard-banner {
  min-height: 315px;
  height: 40vh;
 }
 .whujoin-body #hero.why-join{
  padding-top: 71px;
 }

 .cert #hero {
  min-height: 550px;
}
.cert #hero {
  height: 42vh;
 }
 #main{
  min-height: 0px;
 }
 #hero.dashboard-banner {
  min-height: 300px;
  height: 26vh;
   }    
   .notgreen-block {
  padding: 55px 0;
 }
 .global-initiative p{
  padding-bottom: 21px;
 }
 .new-choose {
  text-align: center;
 }

 .ab-text h2{
  margin-bottom: 0px;
 }
 .pricing-box2{
  min-height: 560px;
 }
 .pricing-box{
  min-height: 560px;
 }
 #bar-fixed.stickIt{
  position: inherit;
 }
 #bar-fixed {
  width: 280px;
  position: inherit;
  transition: all 0.5s;
  height: auto;
  top: inherit;
  width: 100%;
 }
 .ev-look {
  border-radius: 10px;
  background: #e1eae4;
  padding: 20px;
  width: 100%;
  margin-left: 0;
  }
  #team .row .d-flex{
    flex-wrap: wrap;
  }
  .ev-look h4 {
  font-size: 15px;
  }
  #icon-boxes {
  margin-top: 32px;
  }
  .m-tab-fix {
    overflow: auto;
  }
  .m-tab-scroll {      
    width: 600px;
  }
  .m-tab-fix .gat-text {
    flex-basis: calc(100% - 176px);
    padding-right: 22px;
}

.drop-head {
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
 .dh-data {
  flex-basis: auto;
  display: flex;
  justify-content: flex-start;
  align-items:flex-start;
  flex-direction: column;
  padding-right: 10px;
  font-size: 12px;
  font-weight: 300;
}
.m-tab-scroll {
width:100%;
}
.ga-row, .ga-row.gr-2 {
justify-content: flex-start !important;
  align-items: flex-start !important; 
  flex-direction: column !important;

}
.ga-row input[type="text"] {
width: 82px;
font-size: 12px;
text-align:left;
margin-left:0;
background: transparent;
text-align: center;
color:#fff;

}
.ga-row input[type="checkbox"] {
text-align:left;
margin-left:7px;

}
.gat-text {
margin-bottom:14px;
padding-right: 20px;
}
.somewhere-planet h4 {
  font-size: 18px;
}
.gwz-text, .gwz-text h4, .new-about .nb-text .gwz-text p{
  text-align: center;
 }
 .new-about .nb-text .gwz-text p {
  padding:0 5%;
  width: 100%;
 }
.most-popular {
  min-height: 60px;
}
#hero.why-join.pp-plan {
  height: auto;
}
.somewhere-planet h4 {
  font-size: 18px; 
}
.btnspan{
  column-gap: 4px;
}
.carboncss .new-heading{
  padding-right: 0px;
  font-size: 19px;
}
.carboncss button {
  padding: 7px 15px;
}
 .petiant-btn button {
  white-space: nowrap;
  padding-top: 17px;
  background: #97af71;
  padding: 9px 25px 7px;
  font-size: 12px;
 }
 .kgcarban .d-flex {
  flex-wrap: nowrap !important;
  }
  .patient-surevy p{
    font-size: 15px;
    margin-bottom: 0px;
  }
  .patient-surevy .input-group{
    margin-bottom: 10px;
  }
  
}


@media(max-width:767px){
  .carben-tabs .tab-pane .form-group {
    flex-direction: column;
 }
 .patient-surevy .input-group.staff-plan{
  flex-basis: 0px !important;
}
.wasteModal svg{
  height: 23px !important;
}
 .carben-tabs .tab-pane .form-group{
  margin-bottom: 0px;
 }
 .carboncss .new-heading{
  padding-bottom: 10px;
 }
 .calc-row {
  border-radius: 10px;
  padding: 12px;
}
 .calc-row{
  padding: 12px;
 }
 .kgcarban .d-flex {
  flex-wrap: nowrap !important;
  }
 .yellow-btns {
  font-size: 12px;
  padding: 10px 11px 5px;
  }
 .petiant-btn{
  padding: 15px 15px 15px 14px;
  flex-direction: column;
  border-radius: 5px;
 }
 .petiant-btn h6{
  margin-bottom: 15px !important;
  font-size: 12px;
 }
 .practicepadding {
  padding: 12px;
  }
  .carboncss button {
    padding: 8px 12px 5px;
    font-size: 12px;
  }
  .carben-tabs .tab-pane .form-group .input-group{
    flex-basis: inherit;
  }
  .carben-tabs .tab-pane .form-group label {
    font-size: 12px;
    padding-top: 6px;
   }
   .carbongreen .green-btn{
    margin-top: 10px;
   }
   .carben-tabs .tab-pane .form-group{
    align-items: start;
   }
   .carben-tabs .nav-item .nav-link {
    margin-bottom: 5px;
    padding: 8px 10px 2px;
   }
  .gwz-abs .widget-sec aside {
    width: 300px !important;
    height: 115px !important;
}
.kgunit input {
  padding: 10px 11px 5px 12px;
}
.pledge-round {
  right: 15px;
}
.accordion-item .left-space.target-view {
  display: flex;
  align-items: center;
  background: #708a8c;
  /* background: #b55e4f; */
  color: #fff;
  justify-content: center;
  padding: 7px 9px 5px;
  border-radius: 5px;
  margin-bottom: 0px;
}

.ui-draggable-handle {
-ms-touch-action: unset !important;
touch-action: unset !important;
}
.accordion-item .left-space.target-view p {
margin: 0;
padding: 0;
}
.gwz-abs {
  background: url(../../img/frontend/tree-bg.png) no-repeat;
  background-size: cover;
}

.gat-text .fa-circle-info { height:14px;}
button.btn-trash {
  background: #b55e4f;
  color: #fff;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  right: 2px;
  border: none;
  border-radius: 4px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  padding: 2px;
}
.left-space {
  margin-left:61px !important;
}
.ga-tabs .accordion-body {
  padding-left:35px;
  padding-right: 35px;
}  
.target-view {
  display: none;
}  

.drop .target-view {
  display: flex;
  align-items: center;    
  background: #b55e4f;
  color: #fff;
  justify-content: center;
  padding:5px;
  border-radius: 5px;
  margin-bottom: 7px;
}
.mark-complet .target-view p {
  font-size: 12px;    
  font-weight: 600;
  display: block;
  white-space: nowrap;
  padding-left: 6px;
  margin-top: 2px;
 }
.green-p-h {
  background: #97af71;
      padding: 10px 5px;
  }
  .green-p-h h3 {
  font-size:20px;
  margin:0;
  text-align:center;
  }
  .drop.dragdropBox .dropMobile {
    margin: 0 -20px 24px -20px;
    padding: 17px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #97af71;  
  }    
  .drop.dragdropBox .dropMobile h2 {
    border: 1px dashed #fff;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 10px;
    width: 100%;
    height: 60px;
  }
  .gat-text {   flex-basis: calc(100% - 20px); }
  .drop.dragdropBox.over, .drop.dragdropBox {
    
  }
  .ga-head.ui-draggable-dragging {
  z-index:999;
  }
  .drop.dragdropBox {
    position: fixed;
    height: 150px;
    min-height: 150px;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 99;
    border: none;
    padding-top: 59px;
    background: transparent; 
   }

section {
  padding: 30px 0;
}
.section-title h2, .section-title-w h2 {
  font-size: 22px;
  margin-bottom: 8px;
}
.section-title, .section-title-w {
  padding-bottom: 20px;
}  
#topbar .contact-info {
  display: none;
}  

.ab-content h1 {
  font-size: 22px;
}
.money-backg {
  flex-direction: column;
}
.moneyb-text {
  margin-bottom: 15px;
}
.moneyb-text svg {
  font-size: 35px;
}
#footer .footer-newsletter h4 {
  font-size: 18px;
  padding-bottom: 10px;
 }
#footer .footer-top {
  padding: 25px 0 0px 0;
}
#footer .footer-top .footer-contact {
  margin-bottom: 20px;
}
#footer .footer-newsletter {
  padding:30px 0;
}
#footer .footer-top .footer-info .footer-logo {
  height: 60px;
}
#footer .footer-top .footer-info p {
  padding-right: 0;
}
.testimonials .testimonial-item .testimonial-img {
  width: 80px;
  border:4px solid #eef0e5;
}
.testimonials .testimonial-item h3 {
  font-size: 16px;
}
#hero h2 {
  font-size: 24px;
  font-weight: 500;
}
#hero h3 {
  font-size: 22px;
  font-weight: normal;
}
#hero h4 {
  font-size: 20px;
  font-weight: normal;
}
#hero h5 {
  font-size: 18px;
  font-weight: normal;
}
#footer .footer-top .footer-links {
  margin-bottom: 8px;
}
.icon-boxes .icon img {
  height: 50px;
}
.whyjoin .icon-box {
  padding: 15px;
}
.whyjoin .icon {
  width: 48px;
  height: 48px;
  flex-basis: 48px;
  font-size: 15px;
}
#hero .dashboard-banner .user-box{
  padding-top: 0px;
 }
.user-box {
  align-items: self-start;
}
.user-avatar {
  flex-basis: 70px;
  width: 70px;
  height: 70px; 
}
.user-info {
  margin-top: 20px;
  padding-left: 0;
  width: calc(100% - 70px);
  align-items: center;
  flex-direction: column;
}
.user-detail {
  text-align: center;
}
#hero.inner-banner {
  margin-bottom: -25px;
}
.gd-alliance h5 {
  text-align: center;
}
.my-account-tabs .tab-content {
padding:15px;
}

.my-ac-list {
flex-wrap: wrap;
}
.my-ac-list li {
flex-basis: 100%;
}
.my-ac-list li a {
  padding: 8px 10px;
  margin: 5px 0;
  border-radius: 5px;
}
.my-ac-list li a:hover, .my-ac-list li.active a {
  border: 1px solid rgb(109 133 135 / 32%);
  border-bottom: inherit; 
  background: #708a8c;
  color: #fff;
}
.ga-content, .up-submit {
align-items: self-start;
justify-content: space-between;
flex-direction: column;
}

#inputPreview {
  margin-bottom: 10px;
}
.ga-head img {
  margin-right: 10px;
}

/*  =================new css ============*/

 #hero  .mb-3 {
    margin: 0 !important;
}
#hero.pp-plan .mb-3 {
  margin-bottom:  1rem !important;
}

 #hero  .pb-3{
  padding: 0px !important;
 }
 #hero {
  min-height: 830px;
 }
 .tb-text h2 {
  font-size: 25px;
  padding-top: 23px;
 }
 .nb-text h2, .new-heading, .new-about .nb-text h2,
.new-about .new-heading {
  font-size: 25px;
 }
   .new-about .nb-text h3 {
     font-size: 24px;
   }
      .new-cc span.counter-value {
        font-size: 65px;
      }
 .ab-text h2 {
  font-size: 25px;
  padding-bottom: 3px;
 }
 .ab-text p {
  font-size: 15px;
 }
 .section-green .bb-text {
  display: flex !important;
  justify-content: start !important;
}
.bb-text h2 {
  font-size: 25px;
  margin-bottom: 23px;
 }
 .become-block .icon {
  flex-basis: 0px;
 }
 .ngb-pic {
  margin-right: 23px;
}
.become-block .title {
  font-size: 15px;
 }
 .become-block .description {
  font-size: 14px;
 }
 .tb-text p {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 0px;
 }
 .rp-text br{
  display: none;
 }
 .eb-text h2 {
  font-size: 25px;
 }
 .eb-text p {
  font-size: 15px;
 }
 .sb-text h2 {
  font-size: 19px;
  }
  .sb-text p {
  font-size: 15px;
 }
 a.green-btn-big, .green-btn-big, a.green-btn-big:focus, a.yellowb-btn-big, .yellowb-btn-big, a.yellowb-btn-big:focus, .w-brdr-btn, .w-brdr-btn:focus{
  font-size: 13px;
 }
  .sb-check{
    /*margin-top: 29px;*/
    margin-top: 10px;
  }
  .notgreen-block h2{
    font-size: 25px;
  }
  .being-member h2{
    font-size: 25px;
  }
  .being-member h4 {
  font-size: 15px;
  }
  .bm-box .counter{
    font-size: 23px;
  }
  #footer .footer-top .footer-links ul a {
  font-size: 14px;
 }
 #footer .footer-top .social-links a img{
  width: 23px;
 }
 #footer .footer-top h4 {
  font-size: 14px;
 }
 .to-serve .nb-text p {
  padding: 0 0px;
 }
 .eb-pic{
  display: flex;
  justify-content: center;
 }
 #hero.why-join {
  height: 715px;
 }
 #hero.why-join.pprice {
  height: auto;
 }
 .being-member {
  padding: 45px 0;
 }
 .being-member p {
  font-size: 15px;
 }
 .icon-boxes p {
  font-size: 15px;
  margin-bottom: 0px;
 }
 .transparency-block p {
  font-size: 15px;
  margin-bottom: 0px;
 }
 .certified-banner {
  height: 959px !important;
 }
 .nb-text .pe-0{
  display: flex;
  justify-content: center;
 }
 .wj-block .ab-text p{
  margin-bottom: 0px;
 }
 .wj-text p{
  font-size: 15px;
 }
 .about-block .pe-150 {
  padding-right: 12px;
 }
 .tb-pic .wp-pic{
  display: flex;
  justify-content: center;
  padding-right: 0px !important;
 }
 .moneyb-text span{
  padding-right: 0px;
 }
 #footer .footer-top .footer-contact p {
  font-size: 14px;
 }
 .about-block {
  padding: 35px 0px;
 }
 .ab-text .me-5 {
  margin-right: 15px !important;
 }
 .wj-block .ab-text p {
  padding-right: 1px;
 }
 .ab-pic.pe-5 {
  padding-right: 15px !important;
 }
 .certi-benefits .bb-icon-text {
  flex-basis: calc(100% - 5px);
 }
 .transparency-block {  
  padding: 45px 0;
 }
 .certified-banner .pe-5{
   padding-right: 15px !important;
 }
 .certified-banner {
  height: 830px !important;
  }
  .contact-us {
  padding: 35px 0;
  }
  .new-heading-w {
  font-size: 25px;
 }
 .contact-us h3 {
  font-size: 15px;
 }
 .contact-us p {
  font-size: 15px;
 }
 .contact-us .info-box{
  padding: 15px;
 }
  .icon-boxes .description {
  font-size: 14px;
 }
 .bb-icon-text {
  padding-left: 20px;
  flex-basis: calc(100% - 0px);
 }
 .tb-pic.pe-5.wp-pic {
  padding-right: 0px !important;
 }
 .recent-blog-posts, .faq, .testimonials {
  padding: 35px 0;
 }
 .nb-text p, .new-about .nb-text p {
  font-size: 15px;
 }
 #hero.dashboard-banner {
  min-height: 250px;
  height: 25vh;
 }
 .bb-text h2 br{
  display: none;
 }
 .choosing h2 br{
  display: none;
 }
 .choosing {
  margin-bottom: 27px;
  display: flex !important;
  justify-content: start !important;
 }
 .notgreen-block {
  padding: 45px 0;
 }
 #header .navbar-collapse{
  width: 93%;
  margin: 0 auto;
 }
 .needs-validation .form-control{
  height: 40px;
 }
 .plan-user .free-pt {
  padding-top: 3px;
  }
  .needs-validation .form-select{
  height: 40px;
 }
 .form-wrapper p {
  font-size: 13px;
  padding-bottom: 8px;
  word-break: break-word;
 }
 .http-link input.form-control{
  padding-top: 16px;
 }
 .free-green {
  display: flex !important;
  justify-content: center !important;
  }
  .accordion .accordion-header .accordion-button{
  font-size: 14px;
 }
 .bm-box .counter{
  padding-left: 25px;
 }
 .icon-boxes {
  padding-top: 0px;
 } 
 .become-block.certi-benefits .icon img {
  height: 70px;
 }
 .neat h3{
  padding-top: 17px;
 }
 .neat h2{
  padding-bottom: 13px;
 }
 .ev-look h4 {
  font-size: 14px;
 }
 .gat-text strong {
  font-weight: normal;
 }
 .eb-text .green-btn-big {
  margin-top: 8px;
  margin-bottom: 17px;
 }

 .ab-text .green-btn-big {
  margin-top: 8px;
  margin-bottom: 17px;
 }
 #icon-boxes {
  margin-top: 32px;
  }
  .desktop-view-heading{
    display: none;
  }
   .mobile-view-heading{
    display: block;
    margin-top: 17px;
  }
  #header .logo img {
  height: 60px;
 } 
 #footer .footer-top .social-links a.twitter img {
  width: 22px;
 }
 .plan-user{
  height: auto !important;
 }
 .cry-graphic {
  height: 385px;
}
.tnc p {
  font-size: 14px;
 }
 #header.header-scrolled .logo img{
  height: 42px;
 }
 .dh-tag {
  flex-basis: calc(100% - 192px);
  text-align: center;
  font-size: 12px;
  font-weight: 400;
 }


.m-fix {
  overflow: auto;
}
.m-scroll {
  
  width: 600px;
}
.m-fix .gat-text {
  flex-basis: calc(100% - 105px);
  padding-right: 20px;
}
#progressbar {
align-items: flex-start;
}
#progressbar li {
width: 33.33%;
}
#progressbar {
  align-items: flex-start;
}
#progressbar li {
  width: 33.33%;
}
.gwz-text h4 {
  font-size: 25px;
}
.new-about .nb-text .gwz-text p {
  font-size: 22px;
}
.global-wz .icon-1.icon-wrap {
  width: 94px !important;
  height: 94px !important;
}
.gwz-abs .widget-sec aside {
  width: auto !important;
  height: 100px !important;
  column-gap: 15px !important;
}
.home-hn {
  height: 51px;
  line-height: 28px;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 7px;
  width: 100%;
  margin-top: 6px;
  border-radius: 5px;
  border: 1px solid #d4d5da;
}

.hn {
  -webkit-user-select: none;
  display: block;
  height: 51px;
  overflow-y: hidden;
  padding: 0;
  position: relative;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  padding: 10px;
}

ul#myTab{
  display: table;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  margin-left: 0;
}

.header-nav li:hover, .header-nav li.active {
  border-bottom: 2px solid #04baf2;
  color: #1b1d1d;
}
.home-hn li.nav-item {
  display: inline-block;
}
.patient-surevy .new-heading {
  font-size: 25px;
}
.patient-surevy .green-btn {
  padding: 7px 11px;
 }
 .hgjty .input-group.add-km {
  flex-basis: 0px !important;
}

}



@media(min-width:768px){
 .desktop-view-heading{
    display: block;
  }
  .mobile-view-heading{
    display: none;
  }
  

}

@media(max-width:767px){
  .reportDiv {
    padding: 17px 15px 18px;
}
.icon-boxes .icon-box.tt-num .icon {
  border-radius: 100%;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #708a8c;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  flex-basis: 50px;
}

.icon-box.tt-num:nth-child(1n) {
  margin-top: 20px;
}

.tc-report a img{
  max-width: 50px !important;
}
.tc-report a{
  margin: 0px 7px 0px 0px;
}
.report-item {
  position: relative;
  margin: 0px 7px 0px 0px;
}

}

@media(max-width:425px){
section {
  padding: 15px 0;
}
.notgreen-block {
  padding: 30px 0;
}

.ev-look h4 {
  font-size: 13px;
 }
#header {
  height: 50px;
}
#header .logo img {
  height: 55px;
}
.remember-forgot {
  flex-direction: column;
}
.user-info {
  width: 100%;
}
.user-avatar {
  display: none;
}
.need-block, .become-block, .enhance-block {
  padding: 35px 0;
}
.about-block{
  padding: 30px 0;
}
.bm-box .counter {
  font-size: 28px;
}
.bm-box .counter {
  font-size: 21px;
}
.sign-in-up a svg{
  display: block;
}
.sign-in-up a.sip-btn span{
  display: none;
}
#hero h2{
  font-size: 21px;
  font-weight: 600;
}
#hero h4{
  font-size: 17px;
  font-weight: 600;
}
.tb-text h2{
  font-size: 19px;
}
.nb-text h2, .new-heading, .new-about .nb-text h2,
.new-about .new-heading{
  font-size: 19px;
}
  .new-about .nb-text h3 {
    font-size: 18px;
  }
   .new-cc span.counter-value {
     font-size: 60px;
   }
   .new-about .nb-text.sofar h3 { 
    font-size: 19px;
  }
.ab-text h2{
  font-size: 19px;
}
.ab-text h3 {
  font-size: 17px;
 }
 .nb-text p, .new-about .nb-text p {
  padding-right: 0px;
  font-size: 14px;
 }
 .ab-text p {
  font-size: 14px;
  margin-bottom: 0px;
 }
 .become-block .icon img {
  height: 55px;
 }
 .become-block .title {
  font-size: 14px;
 } 
 .tb-pic.pe-5.wp-pic {
  padding-right: 12px !important;
 }
 .eb-text h2{
  font-size: 19px;
  padding-right: 0px;
 }
 .sbcb p {
  font-size: 14px;
 }
 .sb-check-box img {
  width: 30px;
 }
 .sb-check-box{
  margin-bottom: 10px;
 }
 .sbcb span{
  font-size: 14px;
 }
 .notgreen-block {
  padding: 35px 0;
 }
 .notgreen-block .choosing h2{
  margin-bottom: 23px;
 }
 .ngb-text h3{
  font-size: 14px;
 }
 .ngb-text p {
  font-size: 14px;
 }
 .cry-graphic{
  margin-top: -12px;
 }
 .being-member h2{
  font-size: 19px;
 }
 .being-member p{
  font-size: 14px;
 }
 .recent-blog-posts .post-box p{
  font-size: 14px;
 }
 .faq .faq-list a{
  font-size: 13px;
 }
 .testimonials .testimonial-item p{
  font-size: 14px;
 }
 .testimonials .testimonial-item p{
  padding: 15px 15px 10px 10px;
 }
 .section-title h2, .section-title-w h2{
  font-size: 19px;
 }
 #footer .footer-newsletter h4{
  font-size: 16px;
 }
 .moneyb-text span{
  font-size: 14px;
 }
 .global-initiative p{
  padding-right: 0px;
 }
 .wj-text p{
  font-size: 14px;
 }
 #footer .footer-top .footer-info p{
  font-size: 15px;
  font-weight: normal;
 }
 .certified-banner {
  height: 830px !important;
  }
  .bb-text h2 br{
     display: none;
  }
  .choosing h2 br{
    display: none;
  }
  #hero.inner-banner-2 {
  height: 97px;
 }
 .eb-pic img {
  height: 300px;
 }

 .free-pt {
  padding-top: 0px;
 }
 .pb-content h1, .pb-content2 h1{
  font-size: 25px;
 }
 .pb-content ul li, .pb-content2 ul li{
  font-size: 14px;
 }
 .pb-content h2, .pb-content2 h2{
  margin-bottom: 8px;
 }
 #footer .footer-top .footer-contact{
  margin-bottom: 8px;
 }
 #footer .footer-top .footer-links{
  margin-bottom: 8px;
 }
 .accordion .accordion-header .accordion-button{
  font-size: 14px;
  height: 70px;
 }
 .fieldset .action-button, .msform .action-button:active{
  margin-bottom: 10px;
}
#signInOptions a {
  padding: 6px 6px;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-radius: 10px;
}
.navbar a, .navbar a:focus {
  font-size: 11px;
  white-space: normal;
}
.icon-boxes.usb .icon-box {
  margin-bottom: 10px;
}

}

@media(max-width:500px) {
  .fieldset  a.btn{
    margin-bottom: 10px;
  }
.ga-tabs .accordion-body {
  padding-left:20px;
  padding-right: 20px;
}  
.getstarted, .green-btn {
  font-size: 12px;
}
.gwz-abs .widget-sec aside {
  width: auto !important;
  height: 90px !important;
}
.gwz-abs .widget-sec .icon-1.icon-wrap{
  width: 90px !important;
  height: 90px !important;
}

}

.amz-btn, a.green-btn-big.amz-btn, .green-btn-big.amz-btn, a.green-btn-big.amz-btn:focus, a.green-btn-big.amz-btn:active, .green-btn-big.amz-btn:active {
background: #FFD814 !important;
color: #0F1111 !important;
}
.sign-in-up a.sip-btn.amz-btn:hover, .amz-btn:hover, a.green-btn-big.amz-btn:hover {
background: #F7CA00 !important;
color: #0F1111 !important;
}
.slick-carousel {
  pointer-events: none;  /* Disable all mouse interactions */
}

.slick-slide {
  pointer-events: auto;  /* Allow interactions on individual slides if needed */
}