@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


:root { 
    --btn-primary:#479AC6;
    --bs-blue:#004368;
    --bs-green:#8EC59D;
    --bs-greenlight:#f0fff4;
    --bs-gray:#2D2F30;
    --font-size15:15px;
    --font-size16:16px;
    --font-size18:18px;
    --font-size19:19px;
    --font-size21:21px;
    --font-size26:26px;
    --font-size28:28px;
    --font-size29:29px;
    --font-size31:31px;
    --font-size45:45px;
    --font-size50:50px;
    --font-size55:55px;
  }


body { font-family: 'Montserrat'; font-weight: normal; font-size: 19px; padding: 0; margin: 0;  }
.container { max-width: 1530px; padding-left: 15px; padding-right: 15px;  margin: 0 auto; }
* { outline: none;  }
p { color:#2D2F30;  }
h1,h2,h3,h4,h5,h6 { padding: 0; margin: 0 0 20px 0;  }
h1 { font-size:var(--font-size55);  font-weight:800; }
h2 { font-size:var(--font-size45);  font-weight:800; }
h3 { font-size:var(--font-size31);  font-weight:600; }
.greenlightbg { background-color: var(--bs-greenlight); border-radius: 30px;  }
.greenlightbg2 { background-color: #F0FFF4;}
.GrayLight {background-color:#f6fcfc;}
.greenlight {background-color:#f0fff4;}

.btn-primary { background-color: var(--btn-primary);  }
.btn {padding:16px 40px 16px 40px; font-weight: 600; border: none; gap:10px; border-radius: 3px; display: inline-block; font-size:var(--font-size16); color:#fff;  cursor: pointer; text-decoration: none; background-color: var(--btn-primary);  }
/*.btn:after {
    background: url(../images/arrowicon.svg) no-repeat;
    content: "";
    margin: -4px 0 0 5px;
    transform: rotate(3deg);
    position: absolute;
    font-weight: normal;
    width: 20px;
    height: 20px;
    right: 10px;
}*/
.btn:hover { background-color:#8EC59D; color:#fff;  }
.btn-success { background-color: var(--bs-green); margin-right: 15px; }
.btn.btn-outline-primary { border: solid 1px var(--btn-primary); background-color: transparent; color: var(--btn-primary); }
.btn.btn-outline-primary:hover { border: solid 1px var(--btn-primary); background-color:var(--btn-primary); color:#fff; }

.Space100 { padding-top:50px;  }
.SpaceMargin100 { margin-top:60px;  }
.Space80 { padding-top:50px;  }

.blueDarkBg { background-color: var(--bs-blue);  }
/***** header start ****/ 
header { position:fixed; left: 0; right: 0; width: 100%; top: 0; padding: 35px 0; z-index: 99; }
header.sticky { background-color:#004368; z-index: 99999 }
header .header { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
header .header .logo { max-width: 175px; width: 100%;}
header .header .logo img {width: 100%;}
header .header .Header-right {
    display: flex;
    
}
header .header .HeaderIcon { display: flex; align-items: center; margin-left: 20px;}
header .header .HeaderIcon .Cart-icon { margin:0 0px 0 26px; position: relative;}
header .header .HeaderIcon .Cart-icon span.count {
    position: absolute;
    background:#8EC59D;
    width:15px;
    height:15px;
    border-radius: 50px;
    text-align: center;
    font-size: 10px;
    color: #004368;
    line-height:15px;
    top: -4px;
    right: -8px; font-weight: 600;
}
.ListProject {
    margin-left: 26px;
    width: 100%;
    max-width: 210px;
}
.ListProject .btn {
    padding:11px 17px 11px 17px;
    width: 100%;
    display: flex;
    align-items: center;
    gap:10px;
}
.ListProject .btn svg { margin-left: 0;   } 
.ListProject path {
    stroke-width: 3px;
}
/*.btn svg {
    margin-left: 10px;
}*/
.btn svg path {
    stroke-width: 3px;
}

/***** header End ****/
section.MainBanner .homebanner video {
    width: 100%;
    object-fit: contain;
}


section.MainBanner:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;

}
section.MainBanner .homebanner .Banner-text {position: absolute; top: 0; display: flex; align-items: center; height: 100%; width: 100%; }
section.MainBanner .homebanner .Banner-text1 { color:#fff; width:100%; max-width: 660px;  }
section.MainBanner .homebanner .Banner-text1 h1 { margin-bottom: 0px; }
section.MainBanner .homebanner .Banner-text1 p {color:#fff; font-size: var(--font-size19);  font-weight: 500;    line-height: 1.75; margin-bottom: 34px; margin-top:34px; } 
section.MainBanner.InnerBanner.carbon-footprint-calculator .homebanner p {
    margin-bottom: 0px;
}
section.MainBanner.InnerBanner.carbon-footprint-calculator .homebanner .Banner-text1.widthfixed {
    width: 100%;
    max-width: 736px;
}


section.MainBanner .homebanner .Banner-text1 span {  font-style: italic; color: var(--bs-green); font-weight:900 !important; } 


section.MainBanner {position: relative;line-height: 0;}
section.MainBanner.InnerBanner .Banner-text1 { margin-top: 0; width:100%;  }
section.MainBanner.InnerBanner .homebanner { overflow: hidden; position: relative; }
section.MainBanner.InnerBanner .homebanner {
    padding-bottom: 38%;
}
section.MainBanner.InnerBanner.testimonialsbanner .Banner-text1.widthfixed { max-width: 670px; padding-top: 50px;  }
section.MainBanner.InnerBanner.testimonialsbanner .homebanner { padding-bottom: 48%;  }
section.MainBanner.InnerBanner .Banner-text1 h1 { font-size:70px; line-height: 72px; color: var(--bs-green); font-weight: 700;  }
section.MainBanner.InnerBanner .Banner-text1 h2 { font-size: var(--font-size50);  }
section.MainBanner.InnerBanner .Banner-text1 h3 { font-size: var(--font-size28);  }
section.MainBanner.InnerBanner .Banner-text1.widthfixed { width: 62%; padding-top:0;  }
.page-offset section.MainBanner .homebanner .Banner-text1 {
    max-width: 100%;
}
.page-offset section.MainBanner.InnerBanner .Banner-text1 h2 {
    font-weight: 700;
}
/***** banner End ******/

.heading {  width: 100%; margin: 0 auto; text-align: center;  }
section.BestGreenhouse { background-color:#EDF5F9; padding-top: 112px; margin-bottom: 88px; }
.map img { width: 100%; }
.heading h2 { color:var(--bs-blue); font-weight:700; line-height: 1; margin-bottom: 28px;  }
.heading p { font-weight: 500; font-size: var(--font-size19); color: var(--bs-gray);line-height: 1.75; }
section.BestGreenhouse h2 { max-width: 800px; margin: 0 auto 28px;}
/***** tabs Start ****/

.bluebg {  background-color:#edf5f9; }
.bluebg2 {  background-color:#F6FCFC; }
.mediumgraybg {  background-color:#F6FCFC!important; }
.CalculateFootprint { margin: 0 0 40px 0; border-radius: 30px; padding: 48px 0 42px 0;}
.CalculateFootprint h2 { font-weight: 700;  line-height:45px; color: var(--bs-blue);margin-bottom: 28px; }
img.footprintimg { width: 100%; border-radius: 30px;  }
.footprint-icon { margin-bottom:28px; }
.CalculateFootprint p {
    padding-bottom: 30px;
    margin-bottom: 0;
    line-height: 1.75;
}

/****** Project Categories Start *****/
.ProjectCategories h6 {
    margin: 0;
    color: var(--bs-green);
    padding-bottom: 14px;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}
section.ProjectCategories h2 {
    color: #004368;
    font-weight: 700;
    margin: 0;
}
section.ProjectCategories .row {
    align-items: flex-end;
    margin: 0;
}
.ProjectCategories .ProjectBox { position: relative;}
.ProjectCategories .Projectimg img { width: 100%;  }
.ProjectCategories .Projectimg:before {
    content: "";
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 61.03%);
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.ProjectCategoriesBox { padding-top: 75px;   }
.ProjectCategories .ProjectText { position: absolute; bottom: 0; padding: 29px 29px 29px 26px; color:#fff; }
.ProjectCategories .ProjectText h3 { font-size: var(--font-size29); color:#FDFDFF; font-weight: 600; margin-bottom: 10px; line-height: 1.11; }
.ProjectCategories .ProjectText p { color:#FDFDFF ; font-size: var(--font-size16); font-weight: 500;margin-bottom: 0; line-height: 1.45; }
.ViewAllProjects { text-align: center; padding: 65px 0 0 0; }
.CalculateFootprint .row {
    margin: 0 -27px;
}
.CalculateFootprint .col-sm-6 {
    padding: 0 27px;
    margin: 0;
}
.ProjectCategoriesBox .remove-spece {
    padding: 0 5px;
}

section.EfficientProjects { padding:135px 0 79px; position: relative; margin-top:98px; overflow: hidden; } 
section.EfficientProjects .objects {
    opacity: 0.30;
    right: -97px;
    top: -40px;
}
.Registries { margin-bottom: 95px;  }
.Registries .paddingright { padding-right: 49px;   }
.Registries .paddingLeft { padding-left: 49px;  }

.objects { position: absolute; right: 0; top: -5px; width: 200px;}
.objects img { width: 100%; }
.headinglogo { margin-bottom: 20px;  }
.EfficientProjects h2 { color:#fff; margin-bottom:28px; font-weight: 700; }
.EfficientProjects span.tag { margin-bottom: 27px; display: inline-block;  }
.MostProjectsImg img { width: 100%; height:335px; }
.MostProjectsbox { border-radius:5px; overflow: hidden;  }
.MostProjectsText { padding: 17px 24px 17px; background-color:#fff;  border:solid 1px #E8E8ED; height:275px;  position:relative;  }
.MostProjectsText h4 {
    height: auto;
    margin-bottom: 6px;
}
.MostProjectsText h4 a { text-decoration: none; color: var(--bs-blue); font-weight: 700;  font-size: var(--font-size21); }
.MostProjectsText h4 a:hover { color:var(--bs-green) ;  }
.MostProjectsText p { color:#2D2F30; margin: 0 0 6px 0;}
.MostProjectsText a.btn { width: 80%; display: flex; align-items: center; justify-content: center; }
.Price { font-weight: 700; font-size: var(--font-size26); color: var(--btn-primary); }
.Price span {  color:#9B9B9B ; font-size:var(--font-size15); }
.MostProjectsText a.btn { height: 44px;  }
.MostProjectsText a.btn.btn-success { width: 20%; padding: 0px 0 0 0; font-size: 25px; margin-right: 0; }
.MostProjectsText a.btn.btn-success:hover { background-color: var(--btn-primary);  }
.MostProjectsText .btn:after { display: none; }
.ViewProject { margin-top: auto; display: flex; justify-content: space-between; gap: 0 10px; }
.MostProjects {  padding-top:55px; }
.MostProjectsTitle{ cursor:pointer !important }














.MostProjectsText2{
   position:absolute;
   bottom:0;
   width:90%;
   ;margin-bottom:10px;
   left:0;
   margin-left:17px;
   margin-right:17px; 
}


















/****** Project Categories End *****/

.AboutGreenhouse { padding:107px 0 60px 0;  }
.AboutGreenhouse .CalculateFootprint { margin:79px 0 0 0;  }
.AboutGreenhouse .heading { width: 80%; }
.AboutGreenhouse .heading span { color:var(--bs-green); display: block;  }


/***** Sign Up Start ******/
section.MainSignUpStart { background:#EFFEE5 url(../images/footer-newsletter-bg.jpg) no-repeat center bottom; padding:90px 0; min-height:655px; background-size: 100%; }
.SignUpStart { width:50%; margin: 0 auto; }
.SignUp { text-align: center; }
.SignUp { color:var(--bs-blue) ;  }
.SignUp span { color:var(--bs-green); font-style: italic;  }
.SignUp p {color:var(--bs-gray); font-weight: 500; line-height: 33px; font-size: var(--font-size19); 
padding-bottom: 40px; margin-bottom: 0;}
.form-control { padding:15px 20px; color:var(--bs-gray); font-weight: 500; line-height: 33px; font-size: var(--font-size15); border: none; width:100%; }
.SignupBox {display: flex; justify-content: space-between; position: relative; }
.SignupBox .form-control { height: 56px; width: 80%; border-radius: 0; }
.SignupBox .btn { position: absolute; right:0; top: 0; height: auto; padding:16px 40px 16px 40px; }
/***** Sign Up End ******/ 

/***** footer Start ******/
footer { background:#004368 url(../images/footerbg.png) repeat center bottom; padding:107px 0 50px 0; width: 100%; float:left;   }
footer .MainFooter {justify-content: space-between; display: flex; flex-wrap: wrap; }
footer .MainFooter .column { width:19%; }
footer .footerbox h5 { line-height: 20px; margin-bottom: 24px; font-weight: 600; font-size: var(--font-size18); color:#fff;  }
footer .columncontent p {  opacity: 0.62; color:#FDFDFF; font-size: var(--font-size16); font-weight: 400; line-height: 30px;}
footer .footerlogo { margin-bottom: 11px; }
footer .footerbox ul { line-height: normal; padding: 0; margin: 0; list-style: none;   } 
footer .footerbox ul li { padding-bottom: 12px; }
footer .footerbox ul li a {     opacity: 0.8; line-height:24px; font-weight: 400; font-size: var(--font-size16); color:#FDFDFF; text-decoration: none; }
footer .footerbox ul li a:hover { color: var(--bs-green);  }
footer .footerbox.Contactus ul li { display: flex; align-items: center;  }
footer .footerbox.Contactus ul li span { width: 30px; }
footer .CopyRight { opacity: 0.62;text-align: center; float: left; width: 100%; margin:92px 0 0px 0; border-top: solid 1px #2F779F; padding-top: 28px; color:#FDFDFF; font-size: var(--font-size16); font-weight: 400; }
.Socialmedia ul { display: flex; list-style: none; padding:20px 0 0 0; margin: 0; }
.Socialmedia ul li { margin-right:12px;   }
.Socialmedia ul li a { line-height:23.88px; font-weight: 400; font-size:24px; color:#FDFDFF; text-decoration: none;  }
.Socialmedia ul li a:hover { color:var(--bs-green) ;  }

.inactive-links {
    color:white;
}

.inactive-links:hover{
    color:#8ec59d;
    cursor: pointer;
}


/***** footer End ******/


.breadcrumb { display: flex; justify-content: center; margin:0px 0 0 0; position: absolute; bottom: 0;  left: 0;  right: 0; }
.breadcrumb ul { background-color:#fff; display: flex; justify-content: center; list-style: none; padding:10px 19px 10px 19px; margin: 0; border-radius:10px 10px 0px 0px  }
.breadcrumb ul li { font-size: var(--font-size15); font-weight: 700;  opacity: 0.7; }
.breadcrumb ul li.Spacebox { margin: 0 5px;   }
.breadcrumb ul li a { color:var(--bs-gray); font-size: var(--font-size15); font-weight: 500; text-decoration: none; none; opacity: 0.7;  }

.SearchForm { margin-bottom:30px;   }
.SearchForm input.form-control {height: 56px; border-radius: 3px; border: solid 1px #919191; } 
.SearchForm .btn {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
}
.SearchForm .btn:after {display: none;}
.paddingtopno { padding-top: 0 !important;  }
.bluerightbg { background-color:#EDF5F9;  }
section.Space100.AboutOffsets .Divwidth {
    padding: 0 0;
}
.RecentProjects { padding:60px 0 30px 0;  }
.RecentProjects .MostProjectsbox { margin-bottom: 57px;  }
.Divwidth { padding:0 65px; }
.Number { font-size: 95px; font-weight: 700; color:var(--btn-primary); line-height: 95px; }
.Number.greenfont { color: var(--bs-green);  }
.GraphicalImg { margin-bottom:20px;  }
.Readydive { padding:121px 0 150px 0; position: relative; overflow: hidden;  }
.Readydive .heading { width:90%;   }
.Readydive .heading h2,.Readydive .heading p { color:#FDFDFF; ;  }
.Readydive .objects.lefticon {
    bottom: 7px;
    left: -10px;
    top: auto;
    width: 150px;
    opacity: 0.4;
}
section.blueDarkBg.Readydive h2 {
    max-width: 1075px;
    margin: 0 auto 35px;
}
section.blueDarkBg.Readydive p {
    margin: 0;
    padding: 0 0 35px 0;
    opacity: 0.7;
    line-height: 1.65;
}
.Readydive .objects {
    right: -70px;
    top: -5px;
    width: 150px;
     opacity: 0.4;  
}
section.SearchForm.Space100 {    padding-top: 119px; margin-bottom: 0;}
section.SearchForm.Space100 h3 {
    margin-bottom: 24px;
}
section.SearchForm.Space100 p {
    margin-bottom: 33px;
}
section.EfficientProjects.paddingtopno {
    padding: 0;
    margin: 0;
}
section.EfficientProjects.paddingtopno .MostProjects {
    padding-top: 64px;
}
section.RecentProjects.bluerightbg {
    margin-top: 94px;
    padding-top: 101px;
    padding-bottom: 58px; position: relative;
}
section.RecentProjects.bluerightbg .heading {
    max-width: 800px;
}
section.RecentProjects.bluerightbg .heading h2 {
    margin-bottom: 36px;
}
section.RecentProjects.bluerightbg .heading p {
    margin: 0;
}
section.RecentProjects.bluerightbg .MostProjects {
    padding-top: 58px;
}
.MainCalculator { padding:0px 65px 65px 65px; border-radius: 30px; margin-bottom:107px; overflow: hidden; }
.FormTitle { display: flex; align-items: center;  margin-bottom:30px; margin-top: 85px;}
.FormTitle .formicon1 { margin-right: 14px;  }
.FormTitle h4 { margin: 0; padding: 0; color: var(--bs-blue); font-size:var(--font-size26); font-weight: 700;  }
.form-group .labelbox {
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 1.75;
    font-size:15px;
}
.form-group select {
    background-image: url(../images/select_arrow.svg);
    background-repeat: no-repeat;
    background-position: 96% 63%;
    background-size: 20px 42px;
}
.btnCalculate { margin-top: 50px;  }

.TestimonialsBox {
    padding: 38px 35px;
    border-radius: 30px;
    margin-bottom: 50px;
}
.TestimonialsBox p { margin-bottom: 20px; line-height:30px; }
.TestimonialsBox .quoteicon { margin-bottom:20px;  }
.TestimonialsBox .quoteicon img {   max-width: 50px;  }
.TestimonialsBox h3 { color: var(--bs-blue); font-weight: 700;  font-size: var(--font-size31); line-height: 30px;  }
.TestimonialsBox .MainPhotos {display: flex; }
.TestimonialsBox .MainPhotos .Photosimg { margin-right: 20px; border-radius: 50px; overflow: hidden;  width: 63px; }
.TestimonialsBox .MainPhotos p { margin: 0; padding: 0; font-size: var(--font-size18); }
.TestimonialsBox .MainPhotos p.Name { font-weight: 700; color: var(--bs-gray); }

.worldsystemsimg img { width: 100%; margin-bottom: 15px; }
span.tag { padding: 10px; border-radius: 10px; background-color:#C6F5FD; color: var(--bs-blue); font-weight: 500; font-size: var(--font-size29); font-style: italic; }
section.ClimateAction { margin-top: 80px;  }
section.ClimateAction .CalculateFootprint {margin: 0; border-radius: 30px; padding:82px 55px 18px 55px; }
section.ClimateAction .CalculateFootprint h2 { margin-bottom: 27px;  }
section.ClimateAction .CalculateFootprint p { opacity: 0.7; line-height: 32px;  }

.Registries h2 { color: var(--btn-primary);  }
.Registries span.tag { background:#0C547B; color:#80B5D2; font-weight: 500; font-size: var(--font-size29);  }
.Registries p { color:#FDFDFF; opacity: 0.7; line-height: 31px; }

.footprintDivicon { position: relative;  }
.footprintDivicon img { position: relative;  }
.footprintDivicon:before {
    content: "";
    background: url(../images/ellipse45.png) no-repeat;
    width: 316px;
    height: 316px;
    display: inline-block;
    position: absolute;
    top: -81px;
    right: -10px;
}
section.WhatWeDo {padding-top: 68px; }
section.WhatWeDo h2 { font-weight: 700; line-height: 45px; margin-bottom: 32px;  }
section.WhatWeDo span.tag { margin-bottom: 20px; display: inline-block;  }
section.WhatWeDo .worldsystemsimg { padding:0 10px 0 0;  }
section.WhatWeDo .WhatWeDocontent { padding: 0 0 0 10px;  }
section.WhatWeDo .WhatWeDocontent p { opacity:0.70; line-height: 33px; font-weight: 500; margin-bottom: 0;  }
.padding-top60 { padding-top:60px;  }
.MainPros {
    padding: 0 71px;
}

section.Advantage { background-color:#edf5f9; padding-top: 94px; padding-bottom:83px; } 
section.Advantage .col-sm-4 { padding: 0 17px;  }
section.Advantage h2 { color: var(--btn-primary); font-weight: 700; margin-bottom:10px;  }
section.Advantage .headingtext { margin-bottom: 60px;  }
section.Advantage .row { padding-left: 71px; padding-right: 71px;  }
section.Advantage .headingtext p { color: var(--bs-blue); font-weight: 500; font-style: italic; line-height: 32px;  }
.DiversePortfolios {background-color:#fff; padding:40px 40px 30px 40px; margin-bottom: 33px; min-height:93%; border-radius: 11px; }
.DiversePortfolios h4 { font-weight: 700; font-size: var(--font-size21); margin-bottom: 15px; color:var(--bs-blue) ;  }
.DiversePortfolios p { font-weight:400; font-size:17px; line-height:28px; color:#2D2F30; opacity: 0.7; }
.DiversePortfolios p b { font-weight: 500;  }
.diverseicon {
    background: #EDF5F9;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    border-radius: 30px;
    padding: 32px;
    margin: 0 auto 27px auto;
}

.DiversePortfolios .greencolor { background-color:#E8FDEE;  }


.Sustainability { background-color: var(--bs-greenlight); padding-top: 110px; padding-left: 55px; padding-right: 55px; border-radius: 30px; padding-bottom: 66px; margin-bottom: 131px; margin-top: 114px; position: relative; z-index: 1; }
.Sustainability h2 { font-weight: 700; color: var(--bs-blue); margin-bottom: 31px; }
.Sustainability span.tag { margin-bottom: 25px; display: inline-block;  }
.Sustainability p { opacity: 0.7; font-weight: 500; line-height: 33px;  }
.SpaceforMap { padding-top: 258px; font-weight: 500; font-size: var(--font-size55); padding-bottom: 401px;}
section.MainSustainability {
    position: relative;
    width: 100%;
    display: inline-block;
}
section.MainSustainability .objects {
    right: auto;
    left: -30px;
    top: -35px;
    opacity: 0.30;
}
section.MainBanner.InnerBanner.greenhouse_gasses_banner .homebanner {
    padding-bottom: 0;
}
section.MainBanner.InnerBanner.greenhouse_gasses_banner .homebanner .Banner-text1 {
    max-width: 100%;
}
section.MainBanner.InnerBanner.greenhouse_gasses_banner .homebanner .Banner-text1 h1 {
    margin: 0;
}
section.MainBanner.InnerBanner.greenhouse_gasses_banner .homebanner .Banner-text1 h2 {
    margin: 5px 0 10px 0;
}
section.MainBanner.InnerBanner.greenhouse_gasses_banner .homebanner .Banner-text1 p {
    margin: 0;
    max-width: 970px;
}
section.Space100.AboutOffsets {
    padding-top: 107px;
}
section.MainBanner.InnerBanner.carbon-footprint-calculator .homebanner {
    padding-bottom: 0;
}



/*=====new Css=====*/


section.Platform { padding-top: 121px; padding-bottom: 120px; }
section.Platform .headingtext h2 { color: var(--bs-green); font-weight: 700; margin-bottom:20px;  }
section.Platform .headingtext { width: 50%; margin: auto;margin-bottom: 50px;  }
section.Platform .headingtext p { color: var(--bs-blue); font-weight: 500; font-style: italic;  }
.circlebox { width: 171px; height: 171px; text-align: center; background-color: var(--btn-primary); border-radius:100px; display: flex; align-items: center; justify-content: center; }
.Maincirclebox { content: ""; width:191px; height: 191px; border:dashed 1px var(--btn-primary); border-radius: 100px; display:flex; align-items: center; justify-content: center; margin: 0 auto  31px auto; }
.MainExplore { text-align: center; position: relative; }
.MainExplore h4 { font-weight: 700; font-size: var(--font-size21); color: var(--bs-blue); margin-bottom:10px;  }
section.Platform .MainExplore p { font-size:17px; font-weight: 400; color: var(--bs-gray); line-height: 28px; opacity: 0.7; }
section.Platform .MainExplore p b { font-weight: 500; }
.MainExplore.greenbox .Maincirclebox {  border:dashed 1px var(--bs-green);  }
.MainExplore.greenbox .Maincirclebox .circlebox { background-color:var(--bs-green);  }
section.Platform .borderbox { position: relative;  } 
section.Platform .borderbox:before {
    content: "";
    background: url(../images/border.svg) no-repeat center center;
    width: 100%;
    height: 47px;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    top: 70px;
}
.arrowbox:before {
    background: url(../images/arrowright.png) right center;
    content: "";
    position: absolute;
    right: -30px;
    width: 30px;
    height: 30px;
    margin-top: 35px;
}
.MainExplore.greenbox .arrowbox:before { margin-top:-46px;  } 
.MainExplore.arrowbox3 .arrowbox:before { margin-top:40px;  } 

section.ProsOffset { padding-top: 98px; background:var(--bs-blue) url(../images/prosbg.png) no-repeat center top; background-size: cover; object-fit: cover; padding-bottom: 148px; }
section.ProsOffset .Offset h2 {  color:#fff; font-weight: 700; padding-bottom: 76px; margin-bottom: 0;  }
section.ProsOffset .Prosbox { background-color:#EFFEE5; padding:37px 41px 20px 41px; border-radius: 20px; }
section.ProsOffset .Prosbox h2 { font-weight: 700; color: var(--bs-green); margin-bottom: 38px; line-height: 40px;  }
section.ProsOffset .Prosbox.ConsRed h2 {
    color: #9D3733;
}
section.ProsOffset .Prosbox ul { list-style: none; padding: 0; margin: 0;   }
section.ProsOffset .Prosbox ul li {  background: url(../images/checkright.svg) no-repeat left top; padding-left: 47px; padding-bottom: 33px; }
section.ProsOffset .Prosbox ul li h5 {font-weight: 700; font-size:var(--font-size21);color: var(--bs-blue); margin-bottom: 8px }
section.ProsOffset .Prosbox ul li p { margin-bottom: 0; opacity: 0.70;  font-size:17px; font-weight: 400; color: var(--bs-gray); opacity: 0.7; }
section.ProsOffset .Prosbox.ConsRed { background-color: #FFEBEB;  }
section.ProsOffset .Prosbox.ConsRed ul li {background: url(../images/closeicon.svg) no-repeat left top;}
section.ProsOffset .Prosbox.ConsRed ul li p b { color:#097827; font-weight: 600; }

section.MainTableContents { margin-top: 101px; margin-bottom: 146px;  }
.TableContents { width: 60%; margin-left:auto; margin-right:auto;  }
.TableContents .TableContentsDiv { border-radius: 30px 30px 0px 0px; background-color: var(--btn-primary); padding:40px 52px 45px 52px; font-weight: 700; font-size: 37px; color:#fff; }
.TableContents ul { list-style: none; padding: 0;margin: 0; border:1px solid #A8A8A8;  border-radius:0px 0px 30px 30px; overflow:hidden; }
.TableContents ul li { padding:31px 52px 31px 52px; border-bottom: solid 1px #D9D9D9; font-size: 20px; font-weight: 500; color:var(--bs-blue); align-items: center; display: flex; }
.TableContents ul li a { color:#004368; text-decoration: none;    }
.TableContents ul li a:hover { color:#8EC59D;    }
.TableContents ul li span { font-weight: 700; font-size:37px; color: var(--btn-primary); margin-right: 27px; }

section.Introduction { padding-bottom:0; padding-top:100px ;  }
.box { padding:85px 51px 71px 51px; margin:0 0 30px 0; background-color: #fff; border-radius: 30px; }
.Introduction .circleimg {
    border: 2px #479AC6 dashed;
    display: inline-block;
    border-radius: 50%;
    content: ""; max-width: 536px; max-height: 536px; width: 100%; height: 100%;
    padding: 19px; position: relative;
}
.Introduction .circleimg img { max-width: 498px; max-height: 498px;  border-radius: 50%; }
span.tagbox {
    padding: 10px;
    border-radius: 10px;
    background-color: #C6F5FD;
    color: var(--bs-blue);
    font-weight: 500;
    font-size: var(--font-size29);
    font-style: italic; 
    margin-bottom: 30px;
    display: inline-block;
}
.Numberbox {
    background: #479AC6;
    width: 153px;
    height: 153px;
    border-radius: 50%;
    justify-content: center;
    display: flex;
    align-items: center;
    position: absolute; left:30px; top: -20px; font-size: 66px; font-weight: 700; color:#fff;
    box-shadow: 0px 4px 34px 0px #00000040;
}
.divpadding { padding-left:85px; padding-right: 85px;  }
.OffsetCredits h2 { color:var(--bs-blue); font-weight: 700; margin-bottom: 30px; }
.OffsetCredits p { opacity: 0.70; font-size: 33px; font-weight: 500; font-size: var(--font-size19);   }
section.GlobalImperative span.tagbox { background-color:#CCEED5;   }
section.GlobalImperative .Numberbox { background-color:#8EC59D; left: auto; right: 0;  }
section.GlobalImperative .circleimg { border-color:#8EC59D;  }
section.GlobalImperative {  padding-bottom: 0;  } 
section.Introduction.AchievingBalance { padding-bottom: 0;  }
section.Introduction.AchievingBalance .box {padding-bottom:30px;  }
.AchievingBalance .Numberbox { position: relative; margin: 0 auto  10px auto; }
section.Introduction.AchievingBalance p { margin-bottom: 30px;  }
.balance-img1 { border: 2px #479AC6 dashed; padding:10px; border-radius: 10px; margin-bottom: 41px; }
.balance-img1 img { border-radius: 10px; width: 100%;  }


section.OffsetCredits.GreenContent .Numberbox {  background-color:var(--bs-green);  }
section.OffsetCredits.GreenContent span.tagbox {background-color:#CCEED5;}
.font-size { font-size: 25px; font-weight: 700;  }

.CarbonOffsets { background-color:#f6f6f6; height: 100%; border-radius: 11px; position: relative; }
.CarbonOffsetsbox { padding:68px 34px 38px 34px; height: 100%; }
.CarbonOffsetsbox h4 { font-size:var(--font-size21); font-weight: 700; color:var(--bs-blue); margin-bottom: 22px; }
.CarbonOffsetsbox p { opacity: 0.70; font-size:17px; font-weight: 400; line-height: 28px;}
.offsets-icon1 { margin-bottom: 22px;  }

.ComingSoon {
    position: absolute;
    background: var(--bs-green);
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 0px 0px 20px 20px;
    padding: 3px 0;
    display: inline-block;
    max-width: 200px;
}
.CreditsIndustry .OffsetCredits p { margin-bottom: 41px;  }
section.Introduction.CreditsIndustry .box { padding-bottom:30px;  }

.bluebg {background-color:#f0f7f7; border-radius: 30px; padding:55px 49px ;  }
.bluebg.bluebox { margin-bottom: 91px;  }
.bluebg.bluebox .container { padding: 0;  }
.ProjectsMap { padding-bottom:30px; text-align: center;  }
.headerblue { background-color: var(--bs-blue);  }
.MainTitleb { padding:172px 0 0 0; text-align: center; }
.MainTitleb h1 {font-weight: 700; font-size: 70px; color:#8EC59D; margin-bottom: 0px;}  
.MainTitleb .breadcrumb { position: relative;   }

.MainCart {
    padding-top: 80px; padding-left: 145px; padding-right: 145px;
}
.antonio-guterres img { width: 100%; }
.MainCart table { width: 100%; }
.MainCart table th {font-size: var(--font-size21); color:#004368; font-weight: 700;}
.MainCart table th,.MainCart table td {border-bottom:solid 1px #CACACA;padding:20px 10px;}
.MainCart table td { font-weight: 400; font-size: 17px; color: var(--bs-gray); opacity: 0.7; vertical-align: text-top; }
.MainCart table td:last-child {
    opacity: 1;
    padding-right: 0;
    margin-right: auto;
    text-align: right;
}
.MainCart table th:last-child {
    margin-right: auto;
    text-align: right;
}
.Edit { color:var(--bs-green); text-decoration: none;  }
.Subtotalbox {
    display: flex;
    justify-content: space-between;
    padding:39px 73px;
    border-bottom: solid 1px #CACACA;
}
.Subtotal strong { font-weight: 700; color: var(--bs-blue); font-size: var(--font-size21);  }
.ProceedToCheckout .btn { padding: 11px 17px 11px 17px; }
.antonio-guterres { padding-top: 166px; padding-bottom: 150px;  }
.PortfolioTableList .btn { border-radius: 3px; padding: 11px 17px 11px 17px;   }
section.MainBanner.InnerBanner.how_it_works h1 {
    margin: 0 0 13px 0;
}
.MainPros .row {
    margin: 0 -26px;
}
.MainPros .row .col-sm-6 {
    padding: 0 26px;
}
section.PortfolioTableList { margin-bottom: 88px;  }


.search_block .open_search {
  background-color: #479AC6;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  position: relative;
  z-index: 20; width: 100%
}
.open_search.times { display: none;  }
.search_block .form-control { border-radius: 3px 0px 0px 3px;  }
.search_block button.search_icon.btn {
    border-radius: 0 3px 3px 0;
}
.search_block {
    
  opacity: 0;
  text-align: center;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin-top:0;
  margin-left:0;
  &.visible{
    opacity: 1;
    height: auto;
    width: 100%;
    .search_box {
      opacity: 1;
      top: 0;
      transform: scale(1);
    }
  }
}

.search_block .search_box {
  background-color:#000;
  box-shadow: 2px 10px 20px rgba(0, 0, 0, 0.5);
  display: inline-block;
  opacity: 0;
  padding: 10px;
  position: relative;
  text-align: center;
  top: -120px;
  transform: scale(1.05);
  transition: all 0.4s ease 0s;
  z-index: 9999; width: 100%;
  .inner {
    display: flex;
    max-width: 610px;
    margin: 0 auto;
  }
.search_block .search_input {
    border: 3px solid #fff;
    box-sizing: border-box;
    display: inline-block;
    height: 60px;
    line-height: 2;
    min-width: 300px;
    outline: medium none;
    padding: 10px 10px 10px 43px;
    width: 320px;
    transition: all 0.45s ease 0s;
    -webkit-appearance: none;
    border-radius: 0;
    &.typing {
      border: 3px solid #000;
    }
  }
.search_block .search_icon {
    background-color: transparent;
    border: medium none;
    color: #111;
    font-size: 16px;
    left: 20px;
    line-height: 1;
    padding: 8px;
    position: absolute;
    top: 24px;
  }
}

.search_block .overlayer {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; z-index:999; display: none;
}
.search_block.visible .overlayer { display: block; }
.paddingbox { padding: 55px 49px; }
section.Mainsectionbox {
    padding: 0 !important;
    margin: 80px 0 0 0 !important;
}
.DivMainsectionbox { margin:0px 0 50px 0 !important;  }
.paddingtopno { padding-top: 0 !important  }
.paddingbottomno { padding-bottom: 0 !important  }
.PaddingBox1 { padding:0px 0 30px 0;  height: 100%;}
.divbox {  padding: 0px 50px 0px 50px; }
.FindBestMapView ul.tabs-nav {
    display: inline-block;
    list-style: none;
    padding: 3px;
    margin: 0 15px 0 0;
    background: #fff;
    border-radius: 200px;
    width: 242px;
}
 .FindBestMapView ul.tabs-nav li { display: inline-block; margin-right: 20px  }
 .FindBestMapView ul.tabs-nav li:last-child{ margin-right: 0; }
 ul.tabs-nav li a { padding:0 18px; height: 34px; background-color:#fff; color:#479AC6; font-size: 14px; font-weight: 600; text-decoration: none; line-height: 34px;  border-radius:200px; display: inline-block;  }
ul.tabs-nav li.active a { background-color:#479AC6; color:#fff;    }


.UserType select.form-select,.SearchProject input.form-control { border: solid 1px #00436880; height: 39px; font-size: 14px;  color:#004368; border-radius: 200px;outline: none;    }
.UserTypeBox {display: flex;}
.Maintabsbox { flex-direction: row-reverse; display: flex; width: 100%; text-align: left; justify-content:space-between;}
.Maintabsbox .UserTypeBox { display: flex; width: 81.8%; justify-content: space-between; }
.UserType { width: 90%; float:right; margin-right:15px;}
.Maintabsbox .SearchProject {position: relative; width: 100%; }
.Maintabsbox .SearchProject span { position: absolute; top: 7px; left: 24px;  color:#479AC6; font-weight: normal;  }
.SearchProject input.form-control { padding-left: 50px; font-weight: 600;  }
.form-control::-webkit-input-placeholder {
  color:#479AC6;
}

.MainProgress .progress-bar-wrap {
   padding:23px 0 65px 0;
}
p.SelectCreditsize { margin-bottom: 7px; color:#004368; font-size: 14px; font-weight: 600;   }
.MainProgress .progress {
   background-color:#fff;
   border-radius: 8px;
   position: relative;
   margin: 0;
   height: 10px;
   width: 100%;
   max-width: 100%;
   overflow: inherit;
}

.MainProgress .progress-done {
   background:#8EC59D;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   width: 0;
   opacity: 0;
   transition: 1s ease 0.3s;
   position: relative;
}

.MainProgress .progress-value {
   position: absolute;
   right:-8px;
   top: 100%;
   color:#004368;
   font-size:14px;
   line-height:20px;
   padding-top:10px;
   font-weight: 400;
}


.MainProgress .progress-thumb {
    position: absolute;
    width: 24px;
    height: 24px;
    right: -12px;
    border-radius: 50%;
    background-color: #8EC59D;
    border: 1px solid #fff;
    box-shadow: 0px 4px 15px 0px #97808040;
}
.FindBestMapView {
    padding-top: 50px;
}

ul.Carbonlist { list-style: none; padding: 0; margin: 0; float: right; }
ul.Carbonlist li {position: relative; font-size: 14px; font-weight: 600; color:#004368; display: inline-block; align-items: center; padding-left: 30px; margin-bottom: 7px; padding-right:15px; margin-top:-10px; }

ul.Carbonlist li.green:before { opacity:90%; content: ""; background-color:#43701B; border-radius: 50px; width: 22px; height: 22px; display: inline-block; position: absolute; left:0;  }
ul.Carbonlist li.green:after { opacity:90%; content: ""; background-color:#EDF5F9; border-radius: 50px; width:10px; height:10px; display: inline-block; position: absolute; left:6px; margin-top: 6px; }

ul.Carbonlist li.blue:before { opacity:90%; content: ""; background-color:#096491; border-radius: 50px; width: 22px; height: 22px; display: inline-block; position: absolute; left:0;  }
ul.Carbonlist li.blue:after { opacity:90%; content: ""; background-color:#EDF5F9; border-radius: 50px; width:10px; height:10px; display: inline-block; position: absolute; left:6px; margin-top: 6px; }

ul.Carbonlist li.orange:before { opacity:90%; content: ""; background-color:#EF8C29; border-radius: 50px; width: 22px; height: 22px; display: inline-block; position: absolute; left:0;  }
ul.Carbonlist li.orange:after { opacity:90%; content: ""; background-color:#EDF5F9; border-radius: 50px; width:10px; height:10px; display: inline-block; position: absolute; left:6px; margin-top: 6px;  }

.page-cart header {
    background-color: #004368;
}

/****** List View *****/
.MainListView {
    background: #fff; 
    clear: both;
    padding:15px 8px 16px 16px;
    
}

.ListViewbox {
    display: flex;
    padding:0 16px 16px 0;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: solid 1px #D9D9D9;
    margin-bottom: 18px; 
}


.ViewImg { 
    max-width: 400px; 
    width: 100%; 
    margin-right: 11px;   
}
.ViewImg img { 
    width: 100%;
    margin-bottom: 10px;
}


.ListViewContent { 
    max-width: 705px; 
    width: 100%;  
    margin-right: 34px; 
}
.ListViewContent h3 {
    margin-bottom: 12px;
}
.ListViewContent h3 a { 
    color:#004368;
    font-size: 22px; 
    line-height: 32px; 
    font-weight: 600;
    text-decoration: none;
 }
 .ListViewContent h3 a:hover {
    color:#8ec59d; 
 }
.ListViewContent .Prices {
    color:#8EC59D;
    font-weight: 700;
    font-size: 26px;
    line-height: 32px;
    margin-right: 19px; 
}
.ReviewsBox {
    display: flex;
    margin-bottom: 7px; 
}

.CreditsBox{
    margin-top:5px;
    display: flex;
    justify-content:space-between;
}

.CreditsBox h4 {
    color:#8fc59d;
    font-weight:bold;
    font-size:18px;
}


.CreditsBox span {
    color:black;
    
}

.Star a { 
    color:#ffc037; 
}
 .Star span { 
    color:#2D2F30;
    font-size: 17px;
    font-weight: 500;
    line-height: 33px;
    opacity: 0.7;
    margin-left:12px; 
 } 
.MethaneCredits {
    color:#2D2F30;
    font-size: 17px;
    font-weight: 500;
    line-height: 33px;
    margin-left: 21px; 
}
.MethaneCredits span {opacity: 0.7;}
.ListViewContent p { 
    color:#2D2F30;
    font-size: 17px;
    font-weight: 500;
    line-height: 33px;
    opacity: 0.7;
    margin: 0;
}
.ListViewBtn {
    display: flex;
    max-width: 460px;
    gap:0 22px;
    align-items: center;
}
.ListViewBtn .btn { 
padding: 11px 17px 11px 17px;
margin: 0;

}

.scrollbar
{
   margin-left: 0;
   height: 540px;
   width: 100%;
   overflow-y: scroll;
}

/*.force-overflow
{
   min-height: 450px;
}*/

#wrapper
{
   text-align: center;
   width: 100%;
   margin: auto;
}

/*
 *  STYLE 1
 */

#style-1::-webkit-scrollbar-track
{
   -webkit-box-shadow: inset 0 0 6px rgba(231,236,239,0.3);
   border-radius: 8px;
   background-color:#E7ECEF;
}

#style-1::-webkit-scrollbar
{
   width: 13px;
   background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
   border-radius:8px;
   -webkit-box-shadow: inset 0 0 6px rgba(71,154,198,.3);
   background-color:#479AC6;
}

.selectbox {
    border: solid 1px #919191; 
    height:56px;
    color:#479ac6;
}

#result { 
    display:none;
    background-color: #469ac5; 
    color: white; 
    padding: 15px; 
    margin-top: 20px; 
    border-radius: 5px; 
    font-size: 18px; 
} 


/****** Login Modal CSS *****/

#login-modal-logo{
    height:50px;
}

#login-modal-container {
    z-index:99999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    }

#login-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 70%;
    text-align: center;
}

#login-close-modal {
    cursor: pointer;
    color: #007BFF;
    float: right;
}

@media only screen and (max-width: 768px) {
    
    #login-modal-content{
        width:95%;
        }
    
    #login-modal-logo{
        height:25px;
    }
    
}

/****** standard Modal CSS *****/

#standard-modal-container {
    z-index:99999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
}

#standard-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    padding-bottom:60px;
}

#standard-close-modal {
    cursor: pointer;
    color: #007BFF;
    float: right;
    font-size:40px;
}



#standard-text {
    width: 100%;
    height: 90%; /* Adjust the height as needed */
}

@media only screen and (max-width: 768px) {
    
    #standard-modal-content{
        width:95%;
    }
    
    
}





/****** Project Modal CSS *****/

#project-modal-container {
    z-index:99999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
}

#project-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 80%;
    height:80%;
    text-align: center;
}

#project-close-modal {
    cursor: pointer;
    color: #007BFF;
    float: right;
}
#project-modalIframe {
    width: 100%;
    height: 90%; /* Adjust the height as needed */
}

#login-modal-logo{
    height:50px;
}

#login-modal-container {
    z-index:99999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    }

#login-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 70%;
    text-align: center;
}

#login-close-modal {
    cursor: pointer;
    color: #007BFF;
    float: right;
}

@media only screen and (max-width: 768px) {
    
    #login-modal-content{
        width:95%;
    }
    
    #login-modal-logo{
        height:25px;
    }
    
}

/****** Carbon Modal CSS *****/

#carbon-modal-logo{
    height:50px;
}

#carbon-modal-container {
    z-index:99999;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
    }

#carbon-modal-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 70%;
    text-align: center;
}

#carbon-close-modal {
    cursor: pointer;
    color: #007BFF;
    float: right;
}

@media only screen and (max-width: 768px) {
    
#carbon-modal-content{
    width:95%;
    }
    
#carbon-modal-logo{
    height:25px;
    }
}

/********* Mobile Banner ***************/


@media only screen and (max-width: 1366px) {
    
    .mobile-banner-setts{
        height:65vh ;
        background-size: cover !important;
    }
    
    .mobile-banner-setts .homebanner {
        height: 45vh ;
    }
}

@media only screen and (max-width: 600px) {
    
    .mobile-banner-setts .homebanner .Banner-text h1 {
        margin-top:-100px;
    } 
    
    .mobile-search-setts .Banner-text1 h1 {
         margin-top: -75px !important;
     }
    
    
    
    
    
    
}


@media only screen and (max-width: 768px) {

    section.MainBanner.InnerBanner {
     min-height:100px !important;

    }
    
    section.MainBanner .homebanner .Banner-text1 p {
        margin-top: 0px;
    }
    

    section.MainBanner .homebanner .Banner-text1 h1 {
        margin-bottom:0px !important;
     
    }
        
        
        
    .mobile-banner-setts{
        height:30vh !important;
        background-size: cover !important;
    }
    
    .mobile-banner-setts .homebanner {
        height: 45vh !important;
    }

    
    .mobile-banner-setts h1 {
        font-size: 25px !important;
    }
    
    .mobile-banner-setts .homebanner .Banner-text h1 {
        font-size: 25px !important;
    } 
    
        .mobile-banner-setts h2 {
        font-size: 25px !important;
    }
    

        
    section.MainBanner .mobile-banner-setts  .InnerBanner {
     min-height:100px !important;
     position:absolute;

    }

    
    .mobile-banner-setts .Banner-text1 p {
        margin-top: 0px;
    }
    

  .mobile-banner-setts .Banner-text1 h1 {
        margin-bottom:0px !important;
        margin-top:-50px;
     
    } 
    
    
    .mobile-search-setts{
        height:30vh !important;
        background-size: cover !important;
    }
    
    .mobile-search-setts h1{
        font-size: 25px !important;
    }
    
    
    .mobile-search-setts .homebanner {
        height: 45vh !important;
    }
    
     .mobile-search-setts .Banner-text1 p {
        margin-top: 0px;
    }
    

  .mobile-search-setts .Banner-text1 h1 {
        margin-bottom:0px !important;
        margin-top:-30px;
     
    } 
   
  
    section.MainBanner .mobile-search-setts  .InnerBanner {
     min-height:100px !important;
     position:absolute;
    }  
     
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    .mobile-carbon-setts{
        height:55vh !important;
        background-size: cover !important;
    }
    
    .mobile-carbon-setts h1{
        font-size: 25px !important;
    }
    
    
    .mobile-carbon-setts .homebanner {
        height: 55vh !important;
    }
    
     .mobile-carbon-setts .Banner-text1 p {
        margin-top: 0px;
    }
    

  .mobile-carbon-setts .Banner-text1 h1 {
        margin-bottom:0px !important;
        margin-top:50px;
     
    } 
   
  
    section.MainBanner .mobile-carbon-setts  .InnerBanner {
     min-height:100px !important;
     position:absolute;
    }  
  
  
    
   
    
}

/**************** Mobile project settings ********************/


.verification-setts{
    
    margin-right:-30px;
    float:right;
    color:#479AC6; 
    font-weight:bold;
    word-wrap: break-word;
    white-space: normal;
    font-size:25px;
}

.verification-setts-2 {
  float:left;  
}


@media only screen and (max-width: 881px) {
    
 .verification-setts{
    
    margin-right:0px;
    float:none;
    color:#479AC6; 
    font-weight:bold;
    font-size:25px;
}

.verification-setts-2{
  float:none; 
  margin-bottom:10px;
}   
    
}


@media only screen and (max-width: 768px) {
 .verification-setts-2{
  float:left; 
  margin-bottom:0px;
}   

.verification-setts{
  float:right; 
  margin-right:-30px;
 }
    
    
}


.project-container{
    padding:20px;
    padding-top:0px;
    margin: 0 0 30px 0;
    background-color: #fff;
    border-radius: 30px;
}


.project-box {
    padding:10px;
     padding-top:50px;
    padding-bottom:0px;
    margin: 0 0 0px 0;
    background-color: #fff;
    border-radius: 0px;
    height:375px;
    line-height: normal;
    overflow:hidden;
}




.project-box h2 {
 
  color:004368;font-weight:bold;  
}


.project-button button{
    float:right;
    margin-top:5px;
    width:90%;
    padding:10px !important;
  
}

.project-6-bottom-setts {
    height:100%;
    margin-bottom:60px !important;
}
    
    
    
.box-2{
    height:20%;
    padding: 85px 25% 71px 25%;
    margin-bottom:30px;
    background-color: #fff;
    border-radius: 30px;
    display: flex; 
    align-items:center;
}
    
.box-3 {
    height: calc(80% - 60px);
    padding-top:30px;
    margin: 0 0 -30px 0;
    background-color: #fff;
    border-radius: 30px;
    display: block; 
    align-items:center;
}


.box-3-top-div{
    height:100%;
    width:100%;
    margin-bottom:10px;
}
                        
.box-3-bottom-div {
    height:100%;
    margin-left:5%;
    margin-right:5%; 
}
    
    
.project-img {
    width:100%;
    margin-top: 0; 
    margin-bottom:0;
    margin-left:auto;
    margin-right:auto;
}

.project-text-top{
 margin-top:10px;
 font-size:17px;
    
}

@media only screen and (max-width: 1300px) {
    
    .project-text-top{
      font-size: 14px;   
    }
    
    
    
}


@media only screen and (max-width: 1400px) {

     .project-text-5{
      font-size: 14px;   
    }
       
    
}

@media only screen and (max-width: 1000px) {
    .box-3-bottom p{
        font-size:14px !important;
    }

}


@media only screen and (max-width: 768px) {
    
        
    .box-3-bottom {
        margin-top:30px !important;
        
        margin-bottom:150px !important;
    }
    
    
    .mobile-project-setts{
        padding-top:50px;
    }
    
    .project-box{
        height:100%;
    }

    .project-button{
        padding-bottom:20px ;
    }
    
        .project-button button{
            width:100%;
        }
            
    
    .box-2{
        margin-top:30px;
        
    }
    
    .box-3-bottom-div {
        
        margin-top:40px;
        margin-bottom:75px !important;
    }
    
    


}



/************************************/

.menu-active{
    color:#8fc59d !important;
}






@media only screen and (max-width: 768px) {

    .mobile-submenu{
        display: block !important;
    }    
    
    #myVideo {
        display: none !important;
    }
  
    #mobile-video{
        display:block !important;
    }
    
}

/**************** index css map  ********************/

.AllMapFilters {
    box-shadow:none ;
}

.BestGreenhouse ul.resp-map-list li{
   border-bottom: solid 1px #D9D9D9;
}

.Verification-Type{
    display:flex;
    justify-content:space-around;
    margin-right:20px;
}

.Verification-Type select.form-select,.SearchProject input.form-control {  border: solid 1px #00436880; height: 39px; font-size: 14px;  color:#004368; border-radius: 200px;outline: none;   }



@media only screen and (max-width: 768px) {
    .UserType{
        margin-right:0px;
    }

    section.Introduction{
        padding-top:15px !important;
    }
    
    .TableContents{
        width: 100%;
    }
    
    .BestGreenhouse ul.resp-map-list li {
        max-width: 85px !important;
    }
    
    .BestGreenhouse ul.resp-map-list li span{
        font-size: 25px !important;
    }  
    
    .BestGreenhouse ul.resp-map-list li h6 {
        font-size: 10px !important;
    }
    
    .mobile-dash-individual-img {
        max-height: 250px !important;
    }
    
    .dash-mobile-column-bottom {
            height: 310px !important;
    }
         
    .Verification-Type select.form-select,.SearchProject input.form-control{
        margin-bottom:10px; 
    }
    
}

/**************** dash css ********************/


.dash-bottom-section {
    align-items:center;
    margin-top:50px; 
}

.dash-top-div{
    padding-top:150px;
}

.dash-calendar{
    width:80%; 
    float:right;
    margin-top:-20px; 
    margin-bottom:10px;
}

.dash-img{
    width:90%;margin-top:10px;
}

@media only screen and (max-width: 768px) {

    .dash-top-div{
        padding-top:75px;
    }

    .dash-center{
        text-align:center;
        margin:0 auto;
    }

    .dash-calendar{
        width: 60%;
        float:revert;
    }

    .dash-mobile-column{
        height:revert;
    }

    .dash-mobile-column img{
        width: auto;
        height:80%;
    }

    .dash-img{
        width: auto;
        height:75%;
    }
         
    .dash-bottom-section{
        margin-bottom:100px;
        margin-top: 10px;
    }
    
}



@media only screen and (max-width: 650px) {
    section.BestGreenhouse {
        margin-bottom: 0px;
    }
}




/*************** what we do css *************************/

@media only screen and (max-width: 768px) {
    
    section.Advantage .row {
        padding-left:5%;
        padding-right:5%;
    }

}


/*************** how it works css *************************/

@media only screen and (max-width: 768px) {
    
    .MainPros {
        padding:10px;
    }

}

/*************** leaflet css ******************************/

.leaflet-container {
    background:none !important;
}




/******************* custom drop down css  *****************/

.custom-dropdown {
    padding-top: 8px;
    padding-left: 5px;
    position: relative;
    display: block;
    align-items:center;
    width :100%;
    border: solid 1px #00436880;
    height: 39px; 
    font-size: 14px; 
    color:#004368; 
    border-radius: 200px;
    outline: none;
    background-color: #fff;
}
    

 
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    padding: 8px;
    z-index: 1;
    width:360px;
    border-radius:5px;
}

    



/* The container */
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 15px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.custom-check {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eef5fa;
  border-radius:50%;
  border:7px solid #479AC6;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .custom-check {
  background-color: #479AC6;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom-check:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .custom-check:after {
  display: block;
  
  
}



/* Style the checkmark/indicator */
.check-container .custom-check:after {
  left: 0.5px;
  top: 0.5px;
  width: 10px;
  height: 10px;
  border: solid #FAC608;
  border-radius:50%;
  border-width: 5px 5px 5px 5px;
  
}

@media only screen and (max-width: 768px) {
    
    .custom-dropdown {
        margin-bottom:10px;
    }   
    
}




/******************* verification type css /index page css *****************/

.blue-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #479AC6; /* Blue color */
    margin-left:20px;
    margin-top: 5px;
    text-decoration: none;
}


.blue-circle-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #479AC6; /* Blue color */
    margin-left:20px;
    margin-top: 4px !important;
    text-decoration: none;
}



.question-mark {
    font-size: 12px;
    color: #fff; /* White color */
    font-weight: bold;
    font-family: Arial, sans-serif;
    
}





/**********************************************************/