/*
Theme Name: CO2 Analysis
Theme URI: co2analysis.com
Decription: Custom theme for co2a website
Version: 1.0
Author: Anamika
Author URI: co2analysis.com
*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/fontawesome.css');
@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/solid.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/brands.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/regular.min.css');

html {
	height: 100%;
	margin-top: 0 !important;
}

body {
    line-height: 1;
    font-family: 'Poppins',Sans-serif,FontAwesome;
    font-size: 16px;
    background: #060606;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    font-weight: 300
}

#wrapper {
    min-width: 320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
    background-color: transparent;
    background: url('../images/2025/hero-bg.svg') no-repeat;
}

p {
    color: #bdbdbd;
    font-size: 18px;
    line-height: 28px;    
    padding: 0 0 2em;
}

img {
    width: 100%
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 .5em;
    padding: 10px 0 0;
    color: #ebebeb;
    font-weight: 500;
    margin-bottom: 0.75em;
    font-family: 'Raleway',Sans-serif,FontAwesome;
}

b,strong {
    font-weight: 700
}

h1 {
    font-size: 1em; 
    line-height: 1.2;
}

h2 {
    font-size: 36px;
    line-height: 48px;
    line-height: 1.3;
}

h3 {
    font-size: 28px;
    line-height: 1.6;
}

h4 {
    font-size: 22px;
    line-height: 1.6;
    font-family: 'Poppins';
}

h5 {
    font-size: 1.05em
}

h6 {
    font-size: 1em
}


ul {
    list-style: none;
    margin: 0;
    line-height: 2.2
}

ul ul {
    margin: 0;
    font-size: 100%
}

ul li {
    padding: 0 0 0 39px;
    color: #bdbdbd
}

ol {
    margin: 0 .88em 1.38em;
    font-size: .94em;
    line-height: 1.3em
}

ol ol {
    margin: 0 0 0 1.25em
}

ol li {
    margin: 0 0 0 1.88em;
    list-style-type: decimal;
    color: #bdbdbd;
    line-height: 1.6
}

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

.clear {
    clear: both
}

form .FormElement {
    padding: 0!important
}

form .pageItemBody {
    margin: 0!important
}

form input {
    border: 1px solid #CCC;
    float: none;
    width: 94%;
    font-size: 16px;
    padding: 7px 10px;
    line-height: 1.3
}

form textarea {
    width: 98%;
    border: 1px solid #CCC;
    font-family: 'Raleway',Sans-serif,'FontAwesome';
    font-size: .95rem;
    font-weight: 500;
    padding: 7px 10px;
    line-height: 1.3;
    margin: 5px 5px 5px 0
}

form label {
    padding: 0;
    color: #bdbdbd
}

fieldset {
    border: 0!important
}

.mandatoryStar {
    color: #d85d31;
    font-size: 24px;
    vertical-align: text-top;
    padding-left: 5px
}

i.fab {
    font-style: normal
}

i.fa,i.fas {
    font-size: 1rem;
    color: #00ab9a;
    width: 1em;
    height: 1em;
    padding: 0 8px;
    font-style: normal
}

i.fas.fa-long-arrow-alt-right {
    color: #fff;
    font-size: 1em;
    margin-left: 5px
}

.pink {
    color:#e6007e
}
input#Submit:hover {
    background: #1c1c1c
}

#header {
    height: 160px;
    z-index: 1;
    background: transparent
}

#header .pageItem {
    position: initial
}

#headerContainer {
    padding: 20px 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px
}

#headerContainer,#footerContainer {
    height: auto;
    width: 98%;
    margin: 0 auto
}

#header #Logo {
    width: 60px
}

#header #Logo a {
    display: block
}
div#BookBtn a {
    border-radius: 40px;
    background: #E0DDDB;
    box-shadow: 0px 4px 5.1px 0px rgba(0, 17, 15, 0.16);
    padding: 15px 30px;
    color: #000;
    font-weight: 500;
    transition: backgropund 0.3s ease-in-out;
}
div#BookBtn a:hover {
    background: #f5f5f5;
}
#MainMenu ul {
	margin: 0
}

#MainMenu ul li {
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	position: relative;
	padding-left: 0
}

#MainMenu ul li a {
	color: #F5F5F5;
	padding: 10px 15px;
	line-height: 28px;
	transition: all .3s;
	font-size: 18px;
	font-weight: 400
}

#MainMenu ul li.current-menu-item a {
    font-weight: 600;
}
#MainMenu ul li a:hover {
    opacity: 0.8;
}
#MainMenu ul li.book-btn {
	margin-left: 20px;
	background-image: linear-gradient(to right, #e6007e, #d85d31, #d85d31, #eba31b);
	background-size: 300% 100%;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

#MainMenu ul li.book-btn:hover {
	background-position: 100% 0;
	moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out
}

#MainMenu ul li.book-btn.current-menu-item a:after,
#MainMenu ul li.book-btn a:hover:after {
	display: none
}

#MainMenu ul li.book-btn a {
	color: #fff;
	text-transform: capitalize
}

#MainMenu ul li.menu-item-has-children {
	position: relative
}

#MainMenu ul li.menu-item-has-children ul.sub-menu {
	position: absolute;
	bottom: auto !important;
	top: 42px;
	left: 50%;
	transform: translateX(-50%);
	right: auto !important;
	width: 250px;
	z-index: 9999;
	height: auto;
	visibility: hidden;
	padding: 0;
	background: #E0DDDB;
	border-radius: 10px
}

#MainMenu ul li.menu-item-has-children ul.sub-menu li {
	min-width: 180px;
	display: block
}

#MainMenu ul li.menu-item-has-children ul.sub-menu li a {
	text-align: center;
	line-height: 1.8em;
	display: block;
	box-sizing: border-box;
	border-radius: 10px;
	transition: none;
    color: #000;
    font-size: 17px;
}

#MainMenu ul li.menu-item-has-children ul.sub-menu li a:hover {
	background: #f5f5f5;
	transition: .2s ease-in-out
}

#MainMenu ul li.menu-item-has-children ul.sub-menu:before {
	content: '\f0d8';
	font-family: 'FontAwesome';
	font-size: 1.5em;
	line-height: .5;
	position: absolute;
	left: 0;
	right: 0;
	top: -9px;
	bottom: auto;
	margin: 0 auto;
	color: rgb(255 255 255 / 22%);
	display: inline-block;
	text-align: center
}

#MainMenu ul li.hover a:hover:after,
#MainMenu ul li.menu-item-has-children a:after {
	display: none
}

#MainMenu ul li.menu-item-has-children.current-menu-item a:after,
#MainMenu ul li.menu-item-has-children.hover:before {
	display: none
}

#MainMenu ul li.menu-item-has-children:before {
	content: "\f0d7";
	position: absolute;
	bottom: -24px;
	top: auto;
	left: 0;
	right: 0;
	text-align: center;
	color: rgb(255 255 255 / 22%);
	font-size: 1.5em
}

#MainMenu ul li.current-menu-item.menu-item-has-children ul.sub-menu li a {
    font-weight: 400;
}

#FooterMenumenublock ul.sub-menu {
    display: none;
}

#menu-footer-menu {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
}

#menu-footer-menu li a {
    color: #E0DDDB;
    padding: 0 0 0 24px;
}

#menu-footer-menu li {
    padding: 40px 0;
}

#container {
    background: 0
}

#page {
    width: auto;
    min-height: auto
}

.rowContents,#columnContainer {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 10px
}

form input.submitbutton {
    color: #bdbdbd;
    margin: 10px 0;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    line-height: 1;
    padding: 24px 52px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    margin-top: 20px;
    background: 0;
    border: 1px solid #bdbdbd
}

.title h3 {
    line-height: 1.4;
    padding-top: 0
}

.title span {
    font-size: .85rem;
    letter-spacing: 5px;
    text-transform: uppercase
}

.title p {
    padding-bottom: 0
}

.formErrorContent {
    color: #d85d31;
    font-size: .9rem;
    font-weight: 400;
    margin-top: 5px
}

div#footer {
    background: none;
    padding: 120px 0 0;
}

div#footerContainer {
    max-width: 1280px;
}

div#Copyright {
    flex-basis: 100%;
    text-align: center
}

div#Copyright p {
    padding: 40px 0;
}

div#Copyright {
    border-top: 1px solid rgba(210,210,210,0.2)
}


div#FooterMenumenublock ul {
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-wrap: wrap;
}

div#FooterMenumenublock ul li a {
    color: #bdbdbd;
    padding: 0 15px;
    font-size: 16px;
}

div#FooterMenumenublock ul li a:hover,div#FooterContact a:hover,div#FooterContact a:hover i.fas.fa-phone-alt,div#FooterContact a:hover i.fas.fa-envelope {
    color: #dfdfdf
}

div#FooterMenumenublock ul li {
    padding: 0;
    min-width: 160px;
}


div#Copyright .textBody {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

p.terms a {
    font-size: .84rem;
    padding: 0 0 0 10px
}

#MobileMenuButton {
    display: none
}

.tagline.page-heading {
    padding: 80px 0 100px;

}

.page-heading p {
    border-radius: 20px;
    background-image: linear-gradient(326deg,rgba(96,87,60,.05) 0,rgba(96,87,60,.40)74%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    padding: 10px;
    font-size: 1.2rem;
    width: 300px;
    margin: 0 auto
}

.page-heading p span:before {
    content: "\f054";
    padding: 0 8px;
    color: #dfdfdf
}
.flex-image-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    max-width: 600px;
    margin-left: auto;
    justify-content: end;
  }
  .left-grid, .right-grid {
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      max-width: 48%;
  }

.About #footer {
    padding-top: 95px
}

.solutions ul li {
    padding-left: 0;
    padding: 5px 0;
    font-size: 1rem;
    display: flex
}

.solutions ul li:before {
    content: "\f054";
    padding-right: 20px;
    color: #00ab9a
}

.solutions .content {
    padding: 0
}

div#BlockHolder5a17ba {
    flex-basis: 44%;
    padding-right: 2%
}

div#ContactForm h3 {
    font-size: 1.5rem;
    padding-left: 10px
}

.Partner div#row1,.Analyse div#row1 {
    background: linear-gradient(#161616,#120C0E);
    padding-bottom: 95px;
    background-size: contain
}

.steps {
    display: flex;
    justify-content: space-between;
    padding-top: 30px
}

.steps span {
    font-size: 6rem;
    color: #00ab9a;
    padding-right: 15px;
    font-weight: 500
}

.steps div {
    display: flex;
    align-items: center;
    width: 28%
}

.steps p {
    padding-bottom: 0
}

.content-image h2 {
    font-size: 1.6rem
}

.content-image h2 a {
    display: block;
    padding-top: 15px;
    text-transform: lowercase;
    font-size: .8em
}

.analyse-act img {
    width: 120px;
    padding: 20px 0 40px
}

.Analyse .innerDiv div {
    flex-basis: 25%;
    text-align: center;
    padding: 10px 20px;
    min-height: 478px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
    transition: all .3s ease-in-out
}

.analyse-act .innerDiv {
    margin-top: 45px
}

.Analyse .innerDiv div.ai-solution:hover {
    box-shadow: 0 3px 8px #eba31b
}

.Analyse .innerDiv div.analyse:hover {
    box-shadow: 0 3px 8px #e6007e
}

.Analyse .innerDiv div.output:hover {
    box-shadow: 0 3px 8px #00ab9a
}

#BacktoTop {
    left: auto!important;
    right: 15px;
    position: fixed;
    bottom: 20px;
    z-index: 4;
}
a.back-to-top {
    display:none;
}
.GeneralPage #PageBody ul li {
    list-style: inside
}

.GeneralPage #PageBody h3 {
    position: relative
}

.GeneralPage #PageBody .tagline h3:after,.title h3:after {
    display: none
}

.slavery-page-heading p {
    width: 400px
}

.slavery-page-heading h3 {
    line-height: 1.6
}

.tagline.page-heading.slavery-page-heading {
    width: 458px
}

.GeneralPage #PageBody ol li {
    padding: 0 0 20px 20px
}

.GeneralPage #PageBody ol li,.GeneralPage #PageBody ul li {
    line-height: 2;
    font-size: .95rem
}



.publishDate {
    color: #888;
    font-size: 14px;
    padding-bottom: 10px;
}

.feedItem {
    position: relative;
    margin-bottom: 30px;
    background-color: #111114;
    border-radius: 20px;
    overflow: hidden;
    width: calc(100% / 3 - 56px);
    transition: border 0.3s ease;
    padding: 20px;
}

.feedItem h4 {
    margin: 20px 0;
    line-height: 1.4
}

a.blogPostInFeed {
    display: inline-block;
    vertical-align: top;
	max-width: 740px
}

.blogPostImage img {
    max-width: 100px
}

.BlogPostBlog .publishDate {
    position: absolute;
    top: 30px;
    left: 30px
}

.blogPostImage {
    display: none
}

.blogPostBody .title h3 {
    font-size: 1.5rem
}

div#BlogPostBlog {
    position: relative;
    background-color: #111114;
    padding: 30px;
    max-width: 760px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
}

.blogPostBody h4 {
    color: #fff;
    font-weight: 500
}

.blogPostBody img {
    max-width: 700px
}

.blog-infoBox {
    display: inline-block;
    width: 35%;
    vertical-align: top;
    background: linear-gradient(0deg,rgb(230 0 126 / 18%) 0,rgb(230 0 126 / 72%)74%);
    border-radius: 0 50px 0 50px;
    padding: 10px 20px 20px
}

.outer-infoBox {
    display: inline-flex;
    justify-content: space-evenly
}

.blog-infoBox p {
    padding: 20px 30px;
    text-decoration: underline
}

.blogPostBody a {
    color:#94b7eb;
    font-weight: 500;
    word-break: break-word;
    text-decoration: underline
}

.blogPostBody a:hover {
    text-decoration: underline
}

.blogPostBody h1 {
    font-size: 2.2em;
    font-weight: 500;
    color: #dbdbdb;
    border-left: 3px solid #dbdbdb;
    padding-left: 12px;
    padding-top: 0;
}

.blogPostBody h2 {
    font-size: 1.5em;
}

.blogPostBody {
    padding-top: 40px
}

.blogPostBody h3 {
    font-size: 1.3em;
    font-weight: 500
}

.blogPostBody h4 {
    font-size: 1.2em
}

.blogPostBody ul li {
    list-style: inside;
    font-size: 18px;
    line-height: 1.8;
}

.blogPostBody ul {
    padding-bottom: 1.38em
}

i.fa-solid.fa-link {
    padding-left: 5px
}

.ErrorPage div#row0 {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/service-bg.png)no-repeat,linear-gradient(#040505,#161616,#120C0E);
    padding: 220px 0 120px;
    min-height: 380px
}

.ErrorPage div#page {
    min-height: 600px
}

div#ContactFormTitle {
    text-align:center;
    padding: 0 10px 40px;
}

.Contactform .radio div input {
    width: 20px;
    float: left;
    margin-top: 8px
}

.Contactform .radio label {
    width: 90%;
    line-height: 1.4
}

.Contactform form input,.Contactform form textarea {
    border: 1px solid #1C163B;
    background: #D0C7FF;
    color: #dfdfdf;
    padding: .89em;
    border-radius: 10px;
}

div#BlockHoldera77be9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #0A0B0B;
    position: relative;
    align-items: flex-start;
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
    padding: 60px 0;
    justify-content: space-between
}

.Contactform form input.submitbutton {
    color: #fff;
    background: #00ab9a;
    border: 0;
    width: 98%!important;
    padding: 24px 52px
}

.radio {
    padding-top: 10px
}

.radio label {
    width: 90%;
    line-height: 1.4;
    font-size: .8em
}

.Contactform form textarea {
    width: 94%
}

div#ContactFormTitle h3 {
    padding-bottom: 0;
    line-height: 1.2em
}

.Contact .content-image img {
    display: inline-block;
    width: 30px;
    padding-right: 20px;
    vertical-align: middle
}

div#EmailElementRow,div#PhoneElementRow {
    display: inline-block;
    width: 46.5%;
    vertical-align: top
}

div#PhoneElementRow {
    margin-left: 3%
}

.Contact .tagline h3 {
    line-height: 1.6
}

.tagline span {
    font-weight: 500
}

.contact-info .innerDiv {
    align-items: flex-start;
    justify-content: space-around
}

div#ContactInfo .innerDiv {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/co2analysis---google-maps.jpg)no-repeat;
    background-size: cover;
    padding: 80px 0;
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%);
    margin: 30px 0
}

.contact-address {
    flex-basis: 36%
}

div#ContactInfo .usoffice {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/co2analysis---google-mapsus.jpg)no-repeat;
    background-size: cover
}

.contact-info .title h3 {
    text-align: center
}

.contact-info h4 {
    font-size: 1.2em;
    color: #dfdfdf
}

.contact-info p,.contact-info a {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding: 10px 0
}

.contact-info i.fa-solid {
    margin-right: 10px
}

span.pageXOfY {
    color: #dfdfdf;
    margin: 0 10px
}

.pageLinks {
    margin-left: 130px
}

a.nextButton,a.previousButton {
    text-decoration: underline
}

a.goBack {
    color: #9d9d9d;
    margin-top: 20px;
    display: inline-block
}

a.goBack:hover {
    color: #dfdfdf
}

div#academicreporting {
    width: 24%;
    margin-left: 3%
}

div#RecentBlogPostSummariesBlog {
    width: 100%;

}
.feedItemContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
}
.feedItemImage img {
    border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
}

div#academicreporting .textBody div {
    border-bottom: 1px solid #9d9d9d;
    padding: 20px;
    background: #6a6a6a
}

div#academicreporting a {
    text-decoration: underline;
    color: #fff
}

div#academicreporting h3 {
    font-size: 1.3em;
    padding-top: 10px
}

div#academicreporting img {
    float: left;
    margin-right: 10px
}

div#academicreporting p {
    font-size: .85em
}

.blogPostBody .infoBox {
    background: #dfdfdf;
    padding: 10px;
    border: 3px solid #9e9e9e
}

.blogPostBody .infoBox h2 {
    color: #000
}

.blogPostBody .infoBox p {
    color: #000;
    font-size: .8em;
    padding-bottom: 10px;
    font-weight: 500
}

.SiteMap div#row0 {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/service-bg.png)no-repeat,linear-gradient(#040505,#161616);
    padding-bottom: 120px
}

div#SiteMap ul.level1 {
    visibility: visible!important
}

div#SiteMap ul li {
    list-style: inside;
    padding: 8px 0 0
}

.tcfd .textBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between
}

.tcfd .content {
    width: 60%;
    padding: 0
}

.tcfd .content-image {
    width: 29%
}

div#TCFDLongerterm {
    padding: 100px 0 60px
}

div#GreenInsightOtherBenefits,#GreenInsightLongerTerm {
    padding: 80px 0 0
}

div#GreenInsightLongerTerm {
    padding-bottom: 60px
}

.GreenInsight .solutions p span,#GreenInsightOutput p span {
    font-size: 1.3rem;
    font-weight: 500
}

.Savings h2 {
    padding: 0 60px;
    font-size: 1.6em;
    text-align: center
}

.outputDiv {
    flex-basis: 43%;
    background: #0A0B0B;
    display: flex;
    justify-content: space-between;
    margin: 40px 0;
    padding: 50px 30px;
    min-height: 265px
}

.outputDiv img {
    width: 160px;
    height: 160px
}

.outputDiv p {
    padding: 0 0 0 30px;
    font-size: .9em
}

.outputDiv p span {
    line-height: 1.4
}


.Services ul {
    padding-bottom: 1.38em
}

.Savings .tcfd {
    padding: 100px 0;
    position: relative
}

.Savings div#row0 {
    padding-bottom: 0
}

div#SavingsIntro .textBody {
    align-items: flex-start
}

div#SavingsIntro {
    padding: 0 0 40px
}

.Savings .tcfd:after {
    content: "";
    width: 300px;
    height: 220px;
    position: absolute;
    left: 25%
}

#SavingsIntro:after,#SavingsCuttingCosts:after,#SavingsTCFDCheck:after {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/savings-arrow-one.png)no-repeat
}

#SavingsExpectationVsReality:after,#SavingsNote:after,#SavingsTCFDChecklist:after {
    right: 25%;
    left: auto;
    background: url(//static.cloudbuy.com/library/co2-analysis/images/savings-arrow-two.png)no-repeat
}

#SavingsNote:after {
    left: 25%;
    bottom: -140px
}

#SavingsIntro:after {
    bottom: -140px
}

#SavingsTCFDCheck:after {
    bottom: -150px
}

#SavingsCuttingCosts:after,#SavingsTCFDChecklist:after {
    bottom: -100px
}

div#SavingsTCFDChecklist {
    padding-top: 210px
}

div#SavingsOutro:after {
    display: none
}

#SavingsExpectationVsReality:after {
    bottom: -60px
}

div#SavingsOutro {
    padding: 140px 0 100px
}

div#SavingsTCFDCheck {
    padding-top: 30px
}

#header #Googletags {
    position: absolute
}

.Index #header {
    height: 160px;
    background: #040505
}
#row0 {
    padding-top:0
}
.Index div#row0 {
    position: relative;
	padding-bottom: 0
}

.tagline h1 {
    font-size: 48px;
    color: #F5F5F5;
    font-weight: 500;
    line-height: 56px;
}


.tagline .textBody {
    border-radius: 20px;
    background-image: linear-gradient(326deg,rgba(96,87,60,.05) 0,rgba(96,87,60,.40)74%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5px);
    padding: 70px 10px;
    text-align: center
}

.content h1 {
    line-height: 1.4;
    padding: 0 0 30px;
    font-size: 2em;
    font-weight: normal;
    margin: 0 0 .5em
}

div#TakingAction .textBody,#CO2ASolution .textBody,.climate-change .textBody,#homePageContact .textBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content {
    padding: 30px;
    width: 44%;
	color: #dfdfdf;
    line-height: 2;
}

.content-image {
    width: 50%
}

a.btn {
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    padding: 18px 30px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

.row {
    padding: 80px 0
}

div#ClimateChange {
    padding: 60px 0 50px 0
}

.climate-change h2 {
    text-align: center;
    font-size: 36px;
    margin-bottom: 62px;
    color: #252525;
    font-weight: 400
}

.climate-change .landing-page-block {
    padding: 20px;
    margin: 15px;
    border-radius: 6px;
    box-shadow: 0 2px 8px #f5f5f5;
    background: #fff;
    width: 33.333%
}

.climate-change .landing-page-block p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    min-height: 80px
}

.climate-change .landing-page-block h3 {
    font-size: 23px;
    font-weight: normal;
    color: #222;
    margin-bottom: 20px
}

.climate-change h4 {
    width: auto;
    background: #4479cd;
    display: inline-block;
    padding: 4px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 50px;
    font-weight: 400
}

.plantingrate h4 {
    background: #769F2A
}

.details h4 {
    background: #f60
}

.climate-change img {
    max-width: 75%;
    margin: 0 auto;
    display: block
}

.contact-us p {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    padding-bottom: 10px
}

.contact-us a {
    color: #fff;
    font-weight: 600;
    font-size: 33px
}

div#homePageContact {
    padding: 20px 0
}

.contact-us {
    padding: 10px;
    width: 50%
}

.contact-us:nth-child(2) {
    text-align: right;
    border-left: 1px solid #fff
}

a.emailAddress {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0;
    padding: 12px 48px;
    margin-top: 0
}

div#CO2ASolution {
    padding: 50px 0
}

.scroll-btn img {
    width: auto
}

div#ToptoBottom {
    margin-top: 80px
}

.scroll-btn {
    display: inline-block
}

div#ContactSection .textBody,div#BestService .textBody,#LetsTalk .textBody,div#BestServiceTwo .textBody,div#WhyUs .textBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 135px;
    background: #0A0B0B;
    position: relative;
    align-items: center
}

.enquire .content-image {
    margin: 40px 0 40px -140px;
    position: relative;
    box-shadow: 0 3px 8px rgb(0 0 0 / 30%)
}

.content-image img {
    display: block
}

.enquire h2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    font-size: 3.6rem;
    text-transform: uppercase;
    left: 15%;
    font-weight: 900;
    line-height: 1.2
}

div#BestService .textBody,div#BestServiceTwo .textBody,div#WhyUs .textBody {
    margin-left: 0;
    background: transparent
}

#BestService .content-image,#WhyUs .content-image {
    margin-right: 90px
}

#BestServiceTwo .content-image {
    margin-left: 90px
}

.enquire .content p,.enquire a.btn {
    margin-left: 1.88em
}

.innerDiv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between
}


.outerDiv {
    padding: 30px 0
}

p.client-name {
    padding: 20px 0;
    font-size: 1.5rem
}

#LetsTalk .textBody {
    background: 0;
    margin-left: 0
}


.lets-talk .content {
    padding-left: 0
}



#BrandVideo img {
    display: block
}

.top-advert .textBody {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

video#vid {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    max-height: 888px;
    transform: translate(-50%,-50%);
    object-fit: cover;
    max-width: 100%
}

.vid-btn {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/pause-button.png)no-repeat;
    border: medium none;
    color: #fff;
    display: block;
    font-size: 0;
    cursor: pointer;
    left: 0;
    margin: 0 auto;
    padding: 8px 16px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 80px;
    height: 75px;
    z-index: 1;
    transform: translateY(-50%)
}

.vid-btn.active {
    background: url(//static.cloudbuy.com/library/co2-analysis/images/play-button.png)no-repeat
}

div#AIAward {
    padding: 100px 0 110px;
    text-align: center
}



div#AIAward .content {
    width: auto
}

div#AIAward .content-image {
    margin: 0 auto;
    width: 100%
}

div#AIAward .content-image img {
    display: inline-block;
    width: 20%;
    padding: 0 1% 20px;
    vertical-align: top
}

.service {
    padding-top: 110px
}

.service .content {
    padding: 30px 0
}

.benefits-image {
    width: 20%;
    display: inline-block;
    max-width: 100px;
    vertical-align: middle
}

div#Benefits .textBody {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-around
}

.benefits .outerDiv {
    flex-basis: calc(90% / 2);
    padding: 40px 0 0
}

.benefits {
    background: #0A0B0B;
    margin: 110px 0 0;
    padding: 30px 40px 40px
}

.benefits h3 {
    text-align: center
}

.benefit-content {
    display: inline-block;
    width: 72%;
    padding: 0 4%;
    vertical-align: middle
}

.benefit-content h3 {
    text-align: left;
    font-size: 1.3rem;
    padding-bottom: 0;
    font-weight: 500;
    line-height: 1.2
}

.barclays-award {
    padding-top: 80px;
    max-width: 1280px;
    margin: 0 auto
}


div#BestService {
    padding-top: 60px
}


.mm-hidden {
    display: none!important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu,.mm-panels,.mm-panels>.mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    -webkit-transition: -webkit-transform .4s ease;
    -moz-transition: -moz-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    -o-transition: -o-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-panel.mm-opened {
    -webkit-transform: translate3d(0%,0,0);
    -moz-transform: translate3d(0%,0,0);
    -ms-transform: translate3d(0%,0,0);
    -o-transform: translate3d(0%,0,0);
    transform: translate3d(0%,0,0)
}

.mm-panel.mm-subopened {
    -webkit-transform: translate3d(-30%,0,0);
    -moz-transform: translate3d(-30%,0,0);
    -ms-transform: translate3d(-30%,0,0);
    -o-transform: translate3d(-30%,0,0);
    transform: translate3d(-30%,0,0)
}

.mm-panel.mm-highest {
    z-index: 1
}

.mm-panels,.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit
}

.mm-panels>.mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

.mm-panels>.mm-panel.mm-hasnavbar {
    padding-top: 35px
}

.mm-panels>.mm-panel:before,.mm-panels>.mm-panel:after {
    content: '';
    display: block;
    height: 20px
}

.mm-vertical .mm-panel {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important
}

.mm-vertical .mm-listview .mm-panel,.mm-listview .mm-vertical .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after,.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after {
    border-color: transparent
}

.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel {
    display: block
}

.mm-vertical .mm-listview>li>.mm-next,.mm-listview>li.mm-vertical>.mm-next {
    height: 40px;
    bottom: auto
}

.mm-vertical .mm-listview>li>.mm-next:after,.mm-listview>li.mm-vertical>.mm-next:after {
    top: 16px;
    bottom: auto
}

.mm-vertical .mm-listview>li.mm-opened>.mm-next:after,.mm-listview>li.mm-vertical.mm-opened>.mm-next:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mm-navbar {
    text-align: center;
    line-height: 20px;
    height: 67px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.mm-navbar>* {
    display: block;
    padding: 15px 0
}

.mm-navbar a,.mm-navbar a:hover {
    text-decoration: none
}

.mm-navbar .mm-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.3em
}

.mm-navbar .mm-btn {
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    z-index: 1
}

.mm-navbar .mm-btn:first-child {
    padding-left: 20px;
    left: 0
}

.mm-navbar .mm-btn:last-child {
    text-align: right;
    padding-right: 20px;
    right: 0
}

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview,.mm-listview>li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.mm-listview a,.mm-listview a:hover {
    text-decoration: none
}

.mm-listview>li {
    position: relative
}

.mm-listview>li,.mm-listview>li:after,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before {
    border-color: inherit
}

.mm-listview>li>a,.mm-listview>li>span {
    text-overflow: ellipsis;
    color: #fff;
    display: block;
    font-size: 1em;
    padding: 15px 30px
}

.mm-listview>li>a.active {
    background: #e6007e
}

.mm-listview>li>a:hover,.mm-listview>li>span:hover {
    color: #444444
}

.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow {
    padding-right: 50px
}

.mm-listview>li:not(.mm-divider):after {
    content: '';
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mm-listview>li:not(.mm-divider):after {
    left: 0;
    display: none
}

.mm-listview .mm-next {
    width: 40px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2;
    height: 40px;
    margin: 0;
    margin-right: 20px
}

.mm-listview .mm-next:before {
    content: '';
    border-left-width: 0;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mm-listview .mm-next.mm-fullsubopen {
    width: 100%
}

.mm-listview .mm-next.mm-fullsubopen:before {
    border-left: none
}

.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span {
    padding-right: 50px;
    margin-right: 0
}

.mm-panels>.mm-panel>.mm-listview {
    margin: 20px -20px
}

.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview {
    margin-top: 0
}

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

.mm-listview .mm-inset>li {
    padding: 5px 0
}

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

.mm-listview .mm-spacer>.mm-next {
    top: 40px
}

.mm-listview .mm-spacer.mm-divider {
    padding-top: 25px
}

.mm-prev:before,.mm-next:after,.mm-arrow:after {
    content: '';
    border: 3px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: 0;
    border-bottom: 0;
    left: 23px;
    top: 18px
}

.mm-next:after,.mm-arrow:after {
    border-top: 0;
    border-left: none;
    right: 17px
}

.mm-menu {
    background: #0A0B0B;
    border-color: #fff;
    color: #dfdfdf
}

.mm-menu .mm-navbar>*,.mm-menu .mm-navbar a {
    color: #fff
}

.mm-menu .mm-navbar .mm-btn:before,.mm-menu .mm-navbar .mm-btn:after {
    border-color: #fff
}

.mm-menu .mm-listview {
    border-color: #a2a2a2
}

.mm-menu .mm-listview>li .mm-next:after,.mm-menu .mm-listview>li .mm-arrow:after {
    border-color: rgba(256,256,256,0.62)
}

.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    tap-highlight-color: rgba(255,255,255,0.5)
}

#CategoriesMobile li.hasChildren.level0 a.mm-next:hover,#CategoriesMobile li.noChildren.middle.level0 a.mm-next:hover {
    background-color: #4d4d4d
}

.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel {
    background: rgba(0,0,0,0.05)
}

.mm-menu .mm-divider {
    background: rgba(0,0,0,0.05)
}

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease
}

html.mm-opened {
    overflow-x: hidden;
    position: relative
}

html.mm-blocking {
    overflow: hidden
}

html.mm-blocking body {
    overflow: hidden
}

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3,2,1,0.65);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-blocking #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none
}

.mm-menu.mm-current {
    display: block;
    position: fixed
}

.mm-menu {
    display: none;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    -webkit-transform: translate(80%,0);
    -moz-transform: translate(80%,0);
    -ms-transform: translate(80%,0);
    -o-transform: translate(80%,0);
    transform: translate(80%,0)
}

@media all and (max-width: 175px) {
    html.mm-opening .mm-slideout {
        -webkit-transform:translate(140px,0);
        -moz-transform: translate(140px,0);
        -ms-transform: translate(140px,0);
        -o-transform: translate(140px,0);
        transform: translate(140px,0)
    }
}

@media all and (min-width: 550px) {
    html.mm-opening .mm-slideout {
        -webkit-transform:translate(440px,0);
        -moz-transform: translate(440px,0);
        -ms-transform: translate(440px,0);
        -o-transform: translate(440px,0);
        transform: translate(440px,0)
    }
}

.mm-menu.mm-top,.mm-menu.mm-bottom {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    -webkit-transform: translate(-80%,0);
    -moz-transform: translate(-80%,0);
    -ms-transform: translate(-80%,0);
    -o-transform: translate(-80%,0);
    transform: translate(-80%,0)
}

@media all and (max-width: 175px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform:translate(-140px,0);
        -moz-transform: translate(-140px,0);
        -ms-transform: translate(-140px,0);
        -o-transform: translate(-140px,0);
        transform: translate(-140px,0)
    }
}

@media all and (min-width: 550px) {
    html.mm-right.mm-opening .mm-slideout {
        -webkit-transform:translate(-440px,0);
        -moz-transform: translate(-440px,0);
        -ms-transform: translate(-440px,0);
        -o-transform: translate(-440px,0);
        transform: translate(-440px,0)
    }
}

html.mm-front .mm-slideout {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
    transform: none!important;
    z-index: 0!important
}

.mm-menu.mm-front,.mm-menu.mm-next {
    -webkit-transition: -webkit-transform .4s ease;
    -ms-transition: -ms-transform .4s ease;
    transition: transform .4s ease;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right {
    -webkit-transform: translate3d(100%,0,0);
    -moz-transform: translate3d(100%,0,0);
    -ms-transform: translate3d(100%,0,0);
    -o-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.mm-menu.mm-top {
    -webkit-transform: translate3d(0,-100%,0);
    -moz-transform: translate3d(0,-100%,0);
    -ms-transform: translate3d(0,-100%,0);
    -o-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0)
}

.mm-menu.mm-bottom {
    -webkit-transform: translate3d(0,100%,0);
    -moz-transform: translate3d(0,100%,0);
    -ms-transform: translate3d(0,100%,0);
    -o-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.mm-menu.mm-top,.mm-menu.mm-bottom {
    height: 50%;
    min-height: 140px;
    max-height: 680px
}

.bigfoot-footnote__button {
    position: relative;
    z-index: 5;
    top: -0.5em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    padding: 0;
    margin: 0 .1em 0 .2em;
    border: 0;
    cursor: pointer;
    background-color: transparent;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: .9rem;
    line-height: 0;
    vertical-align: middle;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    width: 18px;
    height: 18px;
    background: #00ab90;
    border-radius: 50%
}

.bigfoot-footnote__button:hover,.bigfoot-footnote__button:focus {
    outline: 0;
    background-color: rgb(0 171 144 / 32%)
}

.bigfoot-footnote__button:active {
    background-color: rgba(110,110,110,0.5)
}

.bigfoot-footnote__button.is-active {
    background-color: #00ab90;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.bigfoot-footnote__button:after {
    color: #fff;
    display: block;
    clear: both;
    position: absolute;
    content: "1";
    left: 5px
}

.bigfoot-footnote__button__circle {
    display: none
}

.bigfoot-footnote__button__circle:last-child {
    margin-right: 0
}

.bigfoot-footnote__container {
    display: inline-block;
    position: relative;
    text-indent: 0
}

@media not print {
    .footnote-print-only {
        display: none!important
    }
}

@media print {
    .bigfoot-footnote,.bigfoot-footnote__button {
        display: none!important
    }
}

.bigfoot-footnote {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 90%;
    margin: 1.96924em 0;
    background: #fafafa;
    opacity: 0;
    border-radius: .5em;
    border: 1px solid #c3c3c3;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    line-height: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transform: scale(0.1) translateZ(0);
    -ms-transform: scale(0.1) translateZ(0);
    transform: scale(0.1) translateZ(0);
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.bigfoot-footnote.is-positioned-top {
    top: auto;
    bottom: 0
}

.bigfoot-footnote.is-active {
    -webkit-transform: scale(1) translateZ(0);
    -ms-transform: scale(1) translateZ(0);
    transform: scale(1) translateZ(0);
    opacity: .97
}

.bigfoot-footnote.is-bottom-fixed {
    position: fixed;
    bottom: 0;
    top: auto;
    left: 0;
    right: auto;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 100%;
    margin: 0;
    border-radius: 0;
    opacity: 1;
    border-width: 1px 0 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: transform .3s ease
}

.bigfoot-footnote.is-bottom-fixed.is-active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper {
    margin: 0 0 0 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    max-width: 100%
}

.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__wrapper,.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__content {
    border-radius: 0
}

.bigfoot-footnote.is-bottom-fixed .bigfoot-footnote__tooltip {
    display: none
}

.bigfoot-footnote.is-scrollable:after {
    content: '';
    position: absolute;
    bottom: .3375em;
    left: .3375em;
    z-index: 14;
    display: block;
    height: .78125em;
    width: .625em;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTIgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pbllNaW4iPgogICAgPGcgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkFycm93IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjAwMDAwMCwgMS4wMDAwMDApIiBzdHJva2U9ImJsYWNrIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiPgogICAgICAgICAgICA8cGF0aCBkPSJNNSwwIEw1LDExLjUiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0wLjUsNy41IEw1LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lIj48L3BhdGg+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik00LjUsNy41IEw5LjAyNzY5Mjc5LDEyLjAyNzY5MjgiIGlkPSJMaW5lLTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDcuMDAwMDAwLCAxMC4wMDAwMDApIHNjYWxlKC0xLCAxKSB0cmFuc2xhdGUoLTcuMDAwMDAwLCAtMTAuMDAwMDAwKSAiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPgo=");
    -webkit-background-size: cover;
    background-size: cover;
    opacity: .8;
    transition-properties: opacity;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease
}

.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before,.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    z-index: 12;
    left: 0
}

.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:before {
    top: -1px;
    height: 1.1em;
    border-radius: .5em .5em 0 0;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fafafa),to(rgba(250,250,250,0)));
    background-image: -webkit-linear-gradient(top,#fafafa 50%,rgba(250,250,250,0) 100%);
    background-image: linear-gradient(to bottom,#fafafa 50%,rgba(250,250,250,0) 100%)
}

.bigfoot-footnote.is-scrollable .bigfoot-footnote__wrapper:after {
    bottom: -1px;
    height: 1.2em;
    border-radius: 0 0 .5em .5em;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#fafafa),to(rgba(250,250,250,0)));
    background-image: -webkit-linear-gradient(bottom,#fafafa 50%,rgba(250,250,250,0) 100%);
    background-image: linear-gradient(to top,#fafafa 50%,rgba(250,250,250,0) 100%)
}

.bigfoot-footnote.is-scrollable ::-webkit-scrollbar {
    display: none
}

.bigfoot-footnote.is-fully-scrolled:after,.bigfoot-footnote.is-fully-scrolled:before {
    opacity: 0;
    -webkit-transition-delay: 0;
    transition-delay: 0
}

.bigfoot-footnote__wrapper {
    position: relative;
    z-index: 14;
    width: 22em;
    display: inline-block;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    overflow: hidden;
    margin: 0;
    background-color: #fafafa;
    border-radius: .5em;
    line-height: 0
}

.bigfoot-footnote__content {
    position: relative;
    z-index: 8;
    display: inline-block;
    max-height: 15em;
    padding: 1.1em 1.3em 1.2em;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: #fafafa;
    border-radius: .5em;
    -webkit-font-smoothing: subpixel-antialiased;
    line-height: normal
}

.bigfoot-footnote__content img {
    max-width: 100%
}

.bigfoot-footnote__content *:last-child {
    margin-bottom: 0!important
}

.bigfoot-footnote__content *:first-child {
    margin-top: 0!important
}

.bigfoot-footnote__tooltip {
    position: absolute;
    z-index: 12;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: -0.65em;
    width: 1.3em;
    height: 1.3em;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fafafa;
    border: 1px solid #c3c3c3;
    -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
    border-top-left-radius: 0
}

.is-positioned-bottom .bigfoot-footnote__tooltip {
    top: -0.65em
}

.is-positioned-top .bigfoot-footnote__tooltip {
    bottom: -0.65em
}

.bigfoot-footnote__content p {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.title span {
    font-size: .85rem;
    letter-spacing: 5px;
    text-transform: uppercase
}

.title p {
    padding-bottom: 0
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
    width: 100%
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset 'UTF-8';.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'),url('./fonts/slick.woff') format('woff'),url('./fonts/slick.ttf') format('truetype'),url('./fonts/slick.svg#slick') format('svg')
}

.slick-prev,.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: auto;
    bottom: -50px;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    cursor: pointer;
    outline: 0;
    background: transparent;
    border: 1px solid #f5f5f5;
    border-radius: 50%;
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    color: transparent;
    outline: 0;
    background: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: FontAwesome;
    color: #f5f5f5;
    opacity: .75;
    font-size: 32px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.slick-prev:before {
    content: "\f104"
}

.slick-next:before {
    content: "\f105"
}

.slick-next {
    left: 0;
    z-index: 1;
    margin: 0 auto;
    right: -60px;
}

.slick-prev {
    left: -60px;
    z-index: 1;
    margin: 0 auto;
    right: 0;
}

.pageheader-section {
    display: none;
}
.blog-section.padding-tb.section-bg {
    border: none !important;
}

.wpforms-submit {
    border: 0;
    padding: 24px 52px;
    margin: 10px 0;
    cursor: pointer;
    z-index:0;
    margin-top: 20px;
    font-size: inherit;
}
/*
.wpforms-submit:hover {
    background: #1c1c1c;
}*/

input#wpforms-286-field_9_1 {
    width: auto;
    float: left;
    margin-right: 10px;
}

legend.wpforms-field-label.wpforms-label-hide {
    display: none;
}

label.wpforms-field-label-inline {
    width: 90%;
    line-height: 1.2;
}

li.choice-1.depth-1 {
    display: contents;
}

span.wpforms-required-label {
    color: #d85d31;
    font-size: 24px;
    vertical-align: text-top;
    padding-left: 5px;
}

.wpforms-field-number, .wpforms-field-email {
    display: inline-block;
    width: 47.2%;
    vertical-align: top;
    margin: 5px 10px 5px 0;
}

.wpforms-field-email.wpforms-field-email {
    margin-left: 10px;
}

div#ContactForm {
    padding: 0 10px;
    max-width: 70%;
    margin: 0 auto;
}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
  
input[type="number"] {
    -moz-appearance: textfield !important;
}
.wp-pagenavi {
    text-align: center;
    margin-top:20px;
}

.wp-pagenavi .pages {
    display: none;
}

.wp-pagenavi span, .wp-pagenavi a {
    margin: 5px;
    border: none;
    color: #ffffff;
}

.wp-pagenavi span.current {
    font-weight: normal;
}
.wp-pagenavi a:hover {
   color: #dfdfdf;
}
 .wp-pagenavi span.current {
    background: #43358B;
    color: #fff;
    padding: 10px 15px;
    border-radius: 100px;
    display:inline-block;
}

a.btn.book-now {
    display: block;
    width: 100px;
}

.Index div#row0 .rowContents {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0 10px;
}

div#Tagline p:last-child {
    padding-bottom: 0;
}

.Herotagline {
    width: 46%;
    padding-top: 80px;
}

.Herotagline span {
    font-weight: 600
}

.Herotagline h1 {
    font-size: 48px;
    color: #F5F5F5;
    font-weight: 500;
    line-height: 56px;
}

span.info-bar {
    display: inline-block;
    color: rgba(224, 221, 219, 0.80);
    font-size: 12px;
    margin-bottom: 16px;
    border-radius: 40px;
    border: 1px solid #43358B;
    padding: 10px 20px;
    line-height: 24px;
}

span.info-bar img {
    vertical-align: middle;
    padding-right: 8px
}

#HeroImage {
    width: 54%
}

a.btn.primary, .wpforms-submit {
    color: #fff;
    margin-right: 4%;
    border-radius: 40px;
    background: rgba(0, 0, 0, 0.30);
    box-shadow: 0px 4px 5.1px 0px rgba(0, 17, 15, 0.16);
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    margin-bottom: 48px;
}
a.btn.primary.hero-btn {
    margin-bottom:0
}
a.btn.primary:hover, .wpforms-submit:hover {
    transform: scale(1.02);
}
a.btn.primary:after, .wpforms-submit:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 320px;
    height: 320px;
    background-image: url(../images/2025/button-bg.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: -1;
    animation: rotate-animation 10s linear infinite;
}

/* Add this keyframes block */
@keyframes rotate-animation {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
a.btn-link {
    color: #E0DDDB;
text-decoration-line: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: auto;
text-decoration-thickness: 9%; /* 1.62px */
text-underline-offset: 25%; /* 4.5px */
text-underline-position: from-font;
position: relative
}
a.btn-link:hover {
    opacity:0.8
}
a.btn-link:after {
    content: "";
    position: absolute;
    background: url(../images/2025/arrow.png);
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%)
}
em.wpforms-error {
    color: #ffab2c;
    font-weight: 500;
}
div.wpforms-hidden {
    display: none;
}
.wpforms-error-container p, .wpforms-error-container span{
   color: #fff;
   font-weight:500;
   display:block;
   padding:10px 0 10px 10px;
   margin-bottom:10px;
   line-height:1;
   border: 1px solid #ffab2c;
}

/*New styles*/

img.trustedLogo {
    width: auto;
    margin-right: -13px;
}

p.trustedBy {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    color: rgba(224, 221, 219, 0.50);
    font-size: 16px;
    font-style: italic;
}

div#ChallengeAndSolution .textBody, #WhyItWorks .textBody, #WhyChooseUs .textBody, .content-block .textBody {
    display: flex;
    justify-content: space-between;
    align-items: start;
    position: relative
}
.content-block h2 {
    margin-bottom: 48px
}
#WhyItWorks .textBody {
    align-items:flex-end
}

.left {
    flex-basis: 40%;
}

.right {
    flex-basis: 50%;
}

img.icons {
    width: auto;
}

.row-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.column-wrapper {
    display: inline-flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-basis: 48%;
}

div#ChallengeAndSolution:after, .Index #row5:after, .Index #row8:after, .about-section:after {
    content: "";
    position: absolute;
    background: url(../images/2025/line-rhs.png) no-repeat;
    width: 50%;
    height: 22px;
    right: 0;
	opacity: 0.2;
}
.Index #row5, .Index #row8, .about-section {
    position: relative
}
.Index #row5:after {
    top:20%
}
.Index #row8:after {
	top:12%
}
.about-section:after {
    top:15%;
	opacity: 0.2;
}
.step {
    border-radius: 100%;
    border: 1px solid #D2D2D2;
    box-shadow: 0px 15px 7.9px 0px rgba(0, 0, 0, 0.25);
    width: 170px;
    height: 170px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step h4 {
    text-align: center;
}

.process .row-wrapper {
    margin-top: 100px;
    justify-content: center;
    flex-wrap: wrap;
}

div#CTA {
    width: 90%;
    margin: 0 auto;
    max-width: 1022px;
}

.Index div#row4 {
    background: url(../images/2025/CTA-bg.png) no-repeat center;
    padding: 200px 0;
    background-size: cover;
    min-height: 490px;
}

.logo-marquee {
    overflow: hidden;
    padding: 4rem 0;
    white-space: nowrap;
  position: relative;
  width: 100%;
  border-bottom: 1px solid #2f2f2f;
  }
  .logo-marquee:before, .logo-marquee:after {
    content:"";
    position: absolute;
    width: 80px;
    height: 200px;
    z-index: 3;
    top: 0;
}
.logo-marquee:before {
    left: 0;
    background: linear-gradient(to right, #060606, rgba(255, 255, 255, 0));
    }
.logo-marquee:after {
right: 0;
background: linear-gradient(to left, #060606, rgba(255, 255, 255, 0));
}
  .logo-track {
    display: flex;
    width: max-content;
  animation: scroll 80s linear infinite;
  }
  
  .logo-marquee .logo-track:hover {
    animation-play-state: paused;
  }
  .logo {
    flex: 0 0 auto;
    margin: 0 20px;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 8px;
  }
  
  .logo img {
    max-height: 60px;
    vertical-align: middle;
  }
  
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  
  .Index #row1 .rowContents {
    max-width: 100%;
    padding:0;
}
.clients h3:before, .clients h3:after {
    content: "";
    position: absolute;
    width: 40%;
    height: 1px;
    background: #2f2f2f;
    top: 50%;
}
.clients h3:before {
    left: 0;
}
.clients h3:after {
    right: 0;
}
.clients h3 {
    position: relative;
}

  .accordion-item {
    border-bottom: 1px solid rgb(210 210 210 / 20%);
  }

  .accordion-header {
    padding: 20px 0;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
  }

  .accordion-header span {
    flex-grow: 1;
    margin-left: 10px;
    text-align: left;
  }

  

  .accordion-content {
    max-height: 0; 
    overflow: hidden;
    transition: max-height 0.3s ease;
    padding: 0 20px 0 25px;
    font-size: 18px;
    color: #bdbdbd;
    max-width: 86%;
    line-height: 24px;
  }

  .accordion-item.active .accordion-content {
    max-height: 200px; 
    padding-bottom: 40px;
  }

  .caret {
    transition: transform 0.3s ease;
    color: #f5f5f5;
  }

  .accordion-item.active .caret {
    transform: rotate(180deg);
  }
  i.fa-solid.fa-chevron-down {
    font-size: 20px;
}
.testimonial-slider {
    max-width: 60%;
    margin: 48px auto;
    text-align: center;
}

.client-info {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 40px;
}

.client-info p {
    margin-left: 32px;
    padding-bottom:0
}
div#Testimonials {
    border-radius: 21px;
    border: 1px solid #D2D2D2;
    padding: 60px 0;
}
.award-image img {
    max-width: 240px;/*162*/
    filter: grayscale(100%);
    transition: filter 0.4s ease;
    /*margin: 0 10px 10px;*/
	border-radius: 14px;
}
.award-image img:hover {
    filter: grayscale(0%);
}
.award-image {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top:100px;
	gap: 20px;
}

.cta {
    max-width: 70%;
    margin: 0 auto;
    z-index: 1;
    position: relative;
    padding: 40px 0;
}
div#bottom-cta-row {
    background: url(../images/2025/bottom-cta-bg.avif)no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
div#WhyItWorks {
    padding-top: 80px;
}

div#Awards {
    padding-bottom: 80px
}

.footer-top {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: baseline
}

.footer-top .col {
    width: 30%;
}
.location .textBody div{
    margin-bottom: 20px
}
div#SocialLinks {
    text-align: right;
}
.certified {
    margin-top: 105px;
}
.location p, #Copyright p {
    font-size: 16px;
}
.location img {
    vertical-align: middle;
    padding-right: 8px
}
.footer-top h4 {
    margin-bottom: 48px;
}
.mid-col {
    width: 31%;
    margin-left: 5%;
}

.scroll-content {
    opacity: 0;
    transform: translateY(80px);
    transition: all 0.6s ease-out;
  }
  
  .scroll-content.visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* Stagger delay */
.scroll-content[data-delay="1"] {
    transition-delay: 0.2s;
  }
  
  .scroll-content[data-delay="2"] {
    transition-delay: 0.4s;
  }
  
  .scroll-content[data-delay="3"] {
    transition-delay: 0.6s;
  }
  .scroll-content[data-delay="4"] {
    transition-delay: 0.8s;
  }
  
  .scroll-content[data-delay="5"] {
    transition-delay: 1s;
  }


  .feedback:before{
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
}

.feedback {
    position: relative;
    min-height: 124px;
}
.feedback:before {
       left: 0;
       /* top: -20px; */
       background: url(../images/2025/quotes-open.png) no-repeat;
}

.feedback:after {
        right: calc(100vw - 64%);
        background: url(../images/2025/quotes-close.png) no-repeat;
        bottom: -20px;
}

.feedback p {
    padding-top: 40px;
    width: 85%;
    margin: 0 auto;
}

.feedback p {
    margin-top: 20px;
}

.bg-video {
    width: 100%;
    object-fit: cover;
  }

.hero-bg-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 680px;
    overflow: hidden;
}
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 680px;
    background: linear-gradient(180deg, rgba(6, 6, 6, 0.00) -64.81%, #060606 85.42%);
    z-index: 0;
    pointer-events: none;
  }

  .services-grid {
    display:grid;
    text-align: center;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    background: url(../images/2025/service-bg.png) no-repeat center;
    padding: 60px 0;
    background-size: contain;
  }

  .process-grid {
    display:grid;
    padding: 60px 20px 0;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    background: url(../images/2025/service-bg.png) no-repeat center;
    background-size: contain;
  }

  .process-item {
    position: relative;
    align-items: center;
    height: 100%;
    padding: 1rem 3rem;
}
.process-grid .vertical-line {
    background-image: linear-gradient(180deg, #ffffff1f, #fff0);
}
  .service-item img {
    width: 40px;
    margin-bottom: 20px;
  }
  
  .service-item p {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
  }
.service-item:hover img, .service-item:hover p {
    transform: scale(1.1);
}
  .horizontal-line {
    background-image: linear-gradient(270deg, #fff0, #ffffff14 24%, #ffffff12 48%, #ffffff14 76%, #fff0);
    width: 100%;
    height: 1px;
    grid-area: span 1 / span 3 / span 1 / span 3;
}
.vertical-line {
    background-image: linear-gradient(0deg, #ffffff1f, #fff0);
    width: 1px;
    height: 100%;
    position: absolute;
    inset: 0% 0% 0% auto;
}
.vertical-line.line2 {
    background-image: linear-gradient(#ffffff1f, #fff0);
}
.service-item {
    position: relative;
    align-items: center;
    height: 100%;
    padding: 2rem;
}
.horizontal-line.is-2 {
    margin-top: 140px;
}
.process-item span.pink {
    font-family: Poppins;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.process-item h4 {
    margin-bottom: 30px;
}

.Index h4 {
    margin: 1em 0;
}
.cf-schedule {
    padding-bottom: 80px
}  
.output-container {
    display: flex;
    gap: 30px;
    margin: 0 auto;
    flex-wrap: wrap;
}
  
.output-info {
    flex: 1 1 30%;
    background: linear-gradient(180deg, rgb(67 53 139) 0%, rgb(67 53 139 / 0%) 100%);
    border-radius: 20px;
    padding: 40px;
    color: #fff;
    max-width: 396px;
}
  
.output-info h2 {
    margin-bottom: 20px;
}
  
.output-grid {
    flex: 1 1 60%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}
  
.output-card {
    position: relative;
    background: #060606;/* base background */
    border-radius: 20px;
    padding: 24px;
    z-index: 1;
    overflow: hidden;
    transition: transform 0.3s ease;
  }
  
  /* Gradient border using ::before */
  .output-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px; /* creates the border effect */
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
    pointer-events: none;
  }
  
  /* Gradient overlay using ::after */
  .output-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background:  linear-gradient(180deg, rgb(67 53 139) 0%, rgb(67 53 139 / 0%) 100%);
    opacity: 0.1; 
    z-index: 0;
    pointer-events: none;
  }
   
.output-card:hover {
    transform: translateY(-5px);
}

.output-card h4 {
    display: inline-flex;
    margin-bottom: 32px;
    line-height: 1.3;
}
.output-card h4 img {
padding-right: 16px;
height: 40px;
}

#AnnualTCFD, .stage-3 {
    padding-bottom: 80px;
}

.contactform-container, #TCFDCheckCover {
    position: relative;
    background: #060606;
    padding: 40px 2%;
}

.contactform-container::before, #TCFDCheckCover::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
    pointer-events: none;
}

.contactform-container::after, #TCFDCheckCover::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(67 53 139) 0%, rgb(67 53 139 / 0%) 100%);
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

.wpforms-submit-container {
    text-align: center;
}

div#ContactForm input, div#ContactForm textarea {
    color: #000;
}

li#menu-item-231 {
    display: none;
}
#MainMenu li#menu-item-723 {
    display: none;
}
li.menu-item-723 a {
    border-radius: 40px;
    background: #E0DDDB;
    box-shadow: 0px 4px 5.1px 0px rgba(0, 17, 15, 0.16);
    padding: 15px 30px;
    color: #000;
    font-weight: 500;
    transition: backgropund 0.3s ease-in-out;
    margin: 20px;
}

.ThankYou div#PageBody:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 1px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 2;
    pointer-events: none;
}

.ThankYou div#PageBody:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: linear-gradient(180deg, rgb(67 53 139) 0%, rgb(67 53 139 / 0%) 100%);
    opacity: 0.1;
    z-index: 0;
    pointer-events: none;
}

.ThankYou div#PageBody {
    position: relative;
    padding: 40px;
}

.Event-Speakers div {
    line-height: 28px;
    font-size: 0.9em;
    margin-top: 10px;
}

.BlogPostBlog .Event-Speakers ol li {
    background: #43358B;
    padding: 20px 4%;
    border-radius: 8px;
    list-style: none;
    margin: 0;
	line-height: 36px;
}
.Event-Topics, .Event-section, .Event-Details, .Event-Agenda, .Event-Speakers {
    border-bottom: 1px solid #181818;
    padding: 40px 0;
}

.Event-section, .Event-Topics {
    border-top: 1px solid #181818;
    padding-top: 20px;
}

.Event-Overview {
    padding-top: 30px;
}
.blogPostBody div.bg-card {
    background-color: #000000;
    display: flex;
    flex-direction: column;
    padding: 20px 2%;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #5d5a6a;
}
.blogPostBody div.bg-card div {
    padding-bottom: 0;
}
svg.calender-icon {
    color: #fff;
    vertical-align: bottom;
    margin-right: 10px;
}

.event-info h3 {
    font-size: 0.8em;
    color: #bbb3e1;
}

.event-info {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 20px 0;
}

.event-info div {
    padding: 0;
    margin: 0;
}

.event-info p {
    padding-bottom: 0;
}

p.event-time {
    font-size: 0.75em;
}

.Event-Agenda.bg-card ul li {
    border-left: 5px solid #43358B;
    margin-bottom: 20px;
    list-style: none;
}

.Event-Agenda.bg-card ul li:nth-child(even) {
    border-color: #857fa1;
}

.Event-Speakers ol {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 20px 0;
    margin: 0;
}

.Event-Speakers.bg-card {
    margin-top: 30px;
}

svg.clock-icon {
    vertical-align: bottom;
    margin-right: 10px;
}

svg.users-icon {
    margin-right: 10px;
    vertical-align: bottom;
    color: #f5f5f5;
}

.Event-Details .bg-card {
    background: #43358B;
}

.Event-Speakers > div {
    color: #f5f5f5;
    font-size: 1.3em;
}

.bg-card > div {
    font-size: 1.3em;
}
.blogPostBody .speaker-box img {
    width: 120px;
    border-radius: 999em;
}

.Event-Speakers .speaker-name {
    margin-top: 0px;
    font-size: 1.1em;
    margin-left: 20px;
}

.Event-Speakers .speaker-box {
    margin: 0;
    display: flex;
    align-items: center;
}
.resource-pills {
    display: flex;
    gap: 12px;
    margin: 60px 0 40px;
    flex-wrap: wrap;
}

.resource-pills .pill {
    padding: 8px 18px;
    border-radius: 50px;
    border: 1px solid #bdbdbd;
    text-decoration: none;
    transition: 0.3s ease;
}

.resource-pills .pill:hover {
    background: #000;
    color: #fff;
}

.resource-pills .pill.active {
    background: #000;
    color: #fff;
}

.BlogPostBlog {
    padding-top: 40px;
}

.blogSidebar {
    flex: 1;
    padding: 20px;
    background: #111114;
    border-radius: 20px;
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, 0.04);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25);
    
}
.blogSidebar h3 {
    font-size: 18px;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
    color: #ffffff;
}
.relatedItem {
    padding: 8px 0;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.relatedItem:last-child {
    border-bottom: none;
}
.relatedItem a {
    display: flex;
    font-size: 15px;
    line-height: 1.5;
    color: #dbdbdb;
    text-decoration: none;
    transition: all 0.25s ease;
}

.relatedItem a:hover {
    color: #ffffff;
    transform: translateX(4px);
}
.relatedLink {
    display: flex;
    gap: 14px;
    align-items: center;
    text-decoration: none;
}

.relatedThumb img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 8px;
}

.relatedContent {
    display: flex;
    flex-direction: column;
}

.relatedTitle {
    display: block;
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #dbdbdb;
    margin-bottom: 4px;
    transition: 0.25s ease;
}

.relatedDate {
    font-size: 13px;
    color: #888;
}

.BlogPostBlog #row0 .rowContents {
    display: flex;
    gap: 30px;
    align-items: start;
}

.moreResources {
    margin-top: 20px;
}

.moreResourcesBtn {
    display: inline-block;
    padding: 10px 16px;
    font-size: 14px;
    color: #ebebeb;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 40px;
    transition: all 0.25s ease;
}

.moreResourcesBtn:hover {
    background: rgba(255,255,255,0.08);
    border-color: rgba(255,255,255,0.4);
}

hr {
    border-color: rgba(255, 255, 255, 0.08);
    margin-bottom: 30px;
}

.Event-Launch-Speakers .speaker-box {
    display: flex;
    align-items: start;
}
.Event-Launch-Speakers div {
    line-height: 28px;
    font-size: 16px;
    padding: 10px 0;
}

.Event-Launch-Speakers .speaker-name {
    margin-top: 0px;
    font-size: 1.1em;
    margin-left: 20px;
}

.Event-Launch-Speakers ol li {
    list-style:none;
    margin: 0;
}

.Event-Speakers .speaker-name strong:nth-child(3) {
    font-size: 0.7em !important;
    font-style: italic;
}

.BlogPostBlog ol li {
    font-size: 18px;
    line-height: 1.8;
    padding: 10px;
}

.blogPostBody iframe {
    max-width: 100%;
}
.blogPostBody figcaption {
    color: #bdbdbd;
    font-weight: 600;
    font-style: italic;
    padding: 7px 0;
    position: absolute;
    bottom: 6px;
    left: 10px;
}

.blogPostBody figure {
    position: relative;
}
a.downloadPDF {
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;
}
div#popmake-856 {
    background: #0b0a11;
    border: 1px solid #48484e;
    border-radius: 20px;
}

.pum-content input {
    border: 1px solid #1C163B;
    background: #D0C7FF;
    color: #000000;
    padding: .5em 0.8em;
    border-radius: 10px;
}

.pum-content .wpforms-field-row.wpforms-field-medium {
    display: flex;
}

.pum-content legend.wpforms-field-label {
    color: #bdbdbd;
}

.pum-content input[type="email"] {
}

.pum-content .wpforms-field-email {
    width: 100%;
    margin-left: 0;
}

.pum-content label.wpforms-field-sublabel.after {
    display: none;
}

.pum-theme-default-theme .pum-content + .pum-close {
    background-color: transparent;
    color: #bdbdbd;
    margin-right: 10px;
}

.pum-theme-default-theme .pum-title {
    color: #ebebeb;
    padding: 10px 0;
    margin-bottom: 20px;
}

.pum-content .wpforms-submit {
    padding: 12px 24px;
    margin-bottom: 20px;
}

.pum-content .wpforms-submit-container {
    text-align: left;
}

.pum-content span.wpforms-required-label {
    font-size: medium;
}
.pum-theme-default-theme {
    background-color: rgba(0, 0, 0, 0.9);
}
button.popmake-856.pum-trigger {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 80px;
    height: 57px;
    bottom: 0;
    border: none;
    background: none;
    display: block;
    padding: 0;
}

.video-gate {
    position: relative;
}

button.popmake-856.pum-trigger img {
    width: inherit;
    height: auto;
}

.video-gate img {
    max-width: 760px;
}

.video-gate:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
}

div#actual-video, .video-gate {
    margin-bottom: 30px;
}

.error_page h1 {
    font-size: 2.5em;
    margin-bottom: 0;
}

.error_page h2 {
    font-size: 1.8em;
}

.error_page .textBody {
    text-align: center;
}

.error_page img{
    max-width: 400px;
}

.error_page a {
    text-decoration: underline;
}
/*Customer page styles*/
.Customers div#row4 {
    padding-top: 10px;
}

.Customers div#row0 {
    padding-bottom: 20px;
}
.Customers div#Tagline {
    margin: auto;
    text-align: center;
}
.customer-grid {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 0;
}
.customer-grid .service-item {
    padding: 1rem;
    display: flex;
    justify-content: center;
    height: 110px;
}
.customer-grid .service-item img {
    width: 100%;
    max-width: 160px;
    margin-bottom:0
}

.customer-grid .service-item:hover img {
    transform: scale(1);
}

/*BLogs fixes*/
.blogPostBody div {
    color: #bdbdbd;
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 2em;
}

.blogPostBody table td {
    border: 1px solid;
    padding: 5px 10px;
}

.blogPostBody table tr:first-child {
    font-weight: 600;
}
.blogPostBody div.toc {
    border: 1px solid;
    padding: 10px 20px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.blogPostBody div.toc div {
    padding-bottom: 10px;
}

.blogPostBody a:hover {
    color: #a4c2ed;
}

.blogPostBody div.blog-info-box {
    background-color: #000000;
    padding: 20px 2%;
    color: #fff;
    border-radius: 8px;
    border: 1px solid #5d5a6a;
}

a.downloadCaseStudyBtn {
    display: inline-block;
    padding: 8px 16px;
    margin: 15px 0 0;
    background: #e6007d;
    color: #fff;
	text-transform: capitalize;
    text-decoration: none;
}

a.downloadCaseStudyBtn:hover {
    color: #fff;
    background: #a5005a;
    text-decoration: none;
}