:root {
--clr-green: #82AD41;
--clr-darkgreen:#506C25;
--clr-lightgreen:#F3F8FA;
--clr-xlightgreen:#D4E5BA;
--clr-lightblue:#00B6F2;
--clr-lightblue2: #00ACE5;
--clr-blue:#006B90;
--clr-blue2:#006C91;
--clr-darkgrey:#242424;
--clr-black:#000000;
--clr-white:#FFFFFF;
--clr-grey:#A4A4A4;
--clr-lightgrey:#F8F9FA;	
--bg-lightgrey:#f8f8f8;
--bs-breadcrumb-divider: '>';
}

.modal-backdrop {
--bs-backdrop-bg:#E5F0D6DB !important;	
}

html,body {
font-family: 'Montserrat', sans-serif !important;	
}

main {
min-height:100%;	
}

h1 {
font-size:40px;
line-height:1.4;
}

h2 {
font-size:32px;
line-height:1.3;	
font-weight:600;
font-family:'Montserrat';
}


h3 {
font-size:28px;
line-height:1.2;
font-weight:600;	
}


h4 {
font-size:24px;
line-height:1.4;	
}

h5 {
font-size:20px;
line-height:1.4;	
}

p {
font-size:16px !important;
line-height:1.5;
font-weight:400;
margin-bottom:0;	
}

 a {
color:var(--clr-darkgrey);
text-decoration:none;
 }
 
a:hover,a:active {
color:var(--clr-black);	
		
}

/* .btn {
text-transform:uppercase;	
} */

.btn-blue {
background-color:var(--clr-blue);
color:var(--clr-white);
width:240px;
height:56px;
border-radius:48px;
border:1px solid var(--clr-white);	
font-size:16px;
line-height:1;
font-weight:600;
display:flex;
align-items:center;
justify-content:center;
}
@media (min-width: 576px) {
.btn-blue:hover {
background-color:var(--clr-darkgrey);
color:var(--clr-lightblue);	
}


.btn-green:hover {
background-color:var(--clr-white);
color:var(--clr-darkgreen);	
}

.btn-green:active {
background-color:var(--clr-lightgreen);
color:var(--clr-darkgreen);	
border:1px solid var(--clr-darkgreen);
}
}

.btn-green {
background-color:var(--clr-darkgreen);
color:var(--clr-white);
width:240px;
height:56px;
border-radius:48px;
border:1px solid var(--clr-white);	
font-size:16px;
line-height:1;
font-weight:400;
display:flex;
align-items:center;
justify-content:center;
font-family: 'Montserrat';
}



header {
background-color:transparent;
border-bottom: 0;
padding:32px;	
}

footer {
color:#000;
	z-index: 0;
  position: relative;
  border-top-left-radius:284px;
  background-color:var(--bg-lightgrey);
  margin-top:72px;
}

.header {
background-color: var(--clr-darkgreen);
border:0;
border-radius:52px;
}


.searchbtn,.langitem {
border:1px solid var(--clr-blue);
border-radius:50%;
width:40px;
height:40px;
align-items:center;
justify-content:center;	
}

.bggrey {
background-color: var(--bg-lightgrey);	
}
#carouselhome {
  height: 655px;
}

b {
font-family: 'Montserrat';
  font-weight: 500;	
}

.h-60 {
height:60%;	
}
.ptb-80 {padding-top:80px;
padding-bottom:80px;}
.ptb-90 {padding-top:90px;
padding-bottom:90px;}
.ptb-30 {padding-top:30px;
padding-bottom:30px;}
.ptb-15 {padding-top:15px;
padding-bottom:15px;}
.ptb-35 {padding-top:35px;
padding-bottom:35px;}
.pl-30 {padding-left:30px;}
.pr-30 {padding-right:30px;}
.mb-50 {margin-bottom:50px;}
.mb-24 {margin-bottom:24px;}
.mt-24 {margin-top:24px;}
.mt-48 {margin-top:48px;}
.mt-15 {margin-top:15px;}


.topbar {
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #C4C4C4;
}

.topbar .headercontact a span {margin-right:0.25rem;margin-left:1rem;}
.bgdark{
background-color:#262626;	
}



.topbar span {
width:fit-content;
display:inline-block;	
}

header a.nav-link,.topbar span a{
text-decoration:none;	
}

header .nav-link.active
{
  color: var(--clr-white);
  background-size: 100% 100%;
}

header .nav-link {
color:var(--clr-white);	
}

header .nav-item {
margin-right:24px;	
}

.footer-widget {
list-style:none;	
border-left: 1px solid #000;	
padding-top: 12px;
padding-bottom: 12px;
}

.footer-widget li:not(:last-of-type) {
margin-bottom:14px;

}

.footer-widget a {
color:#000;
text-decoration:none;
font-weight:500;
font-size:16px;	
}

.footer-info p.fbase {
font-size:20px !important;	
font-weight: 500;
font-family: 'Montserrat';
}

.footer-info .phone a {
color:var(--clr-green);
font-size:40px;	
font-weight:600;
}

.footer-info .email a{
color:var(--clr-green);
font-size:24px;		
}

.footnav {
color:var(--clr-blue);
font-size:16px;	
}

h1.title {
/*font-size:64px;*/
line-height:1.2;	
}

h1.title b {
font-weight:600;
color:var(--clr-darkgreen);	
}


.footercopy {
padding:30px 0;
color:#000;	
}

.footdivider {
border-top:1px solid #fff;
width:100%;	
padding-top:48px;
padding-bottom:24px;
position:relative;
}

.footdivider .phone {
font-weight: 600;
font-size:40px;
font-family:''
}

.footdivider .phone a,.footdivider .email a {
color:var(--clr-blue);
}



.footdivider .email {
font-weight: 400;
font-size:24px;
}

.totop {
  width: 40px;
  height: 40px;
  background-color: var(--clr-green);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: -24px;
  right: 48px;
}

#totop {
color:#fff;	
}

.phonebtn {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--clr-darkgreen);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-bottom: 12px;
}

.locationbtn {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: var(--clr-green);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 32px;
}

.contactbuttons {
  width: 64px;
  height: 144px;
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2;
}

.navbar-brand {
margin-left:50px;	
}
/* .slide {
height:655px;
overflow:hidden;
width:100%;	
} */

.slide img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;
/*filter: saturate(0%);	*/
}

.sliderparallax video {
height: 100%;
  object-fit: cover;
}

.category {
position:relative;	
height:962px;
margin-top:72px;
margin-bottom:96px;
}

.catname {
align-self: start;
  color: var(--clr-blue);	
}


.catcontainer {
position:relative;
height:100%;	
}
.catcontainer:after{
background-color:var(--clr-blue);
width:1072px;
height:962px;
display:block;
position:absolute;
content:'';	
/*clip-path: inset(0 0 0 0 round 0 50% 50% 50%);*/
border-radius:0px 487.5px 487.5px 487.5px;
top:0;
right:0;
z-index:-2;
}
.catcontainer:before{
background-color:var(--bg-lightgrey);
width:1276px;
height:787px;
display:block;
position:absolute;
content:'';	
/*clip-path: inset(0 0 0 0 round 0 50% 50% 50%);*/
border-radius:0px 487.5px 487.5px 487.5px;
top:50%;
left:0;
transform:translateY(-50%);
z-index:-1;
}

.catimgcontainer {
width: 100%;
max-height: 736px;
border-radius: 487.5px 0 0 487.5px;
opacity: 0px;
background-color:#fff;
overflow:hidden;
display:flex;
align-items:center;
justify-content:start;
  padding:50px;
	
	
}

.catimg {
width: 100%;
  background-color:#fff;
  border-radius:50%;
background: linear-gradient(0deg, rgba(0, 132, 177, 0.1), rgba(0, 132, 177, 0.1)),
linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
position:relative;
}

.catimg2 {
	position: absolute;
  bottom: 38px;
  right: 0;
}

.catimg img {
object-fit:cover;
object-position:center;
width:100%;
aspect-ratio:1;
border-radius:50%;
	
}

.catimg::after {
  background: linear-gradient(0deg, rgba(0, 132, 177, 0.1), rgba(0, 132, 177, 0.1)), linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.category h2,.category-3 h2 {
font-weight:700;	
margin-bottom:24px;
}

.category ul,.category-3 ul {
list-style:none;	
margin-left:72px;
}

.category li,.category-3 li {
	position:relative;
	margin-bottom:24px;
}

.category li:hover::before,.category-3 li:hover:before {
  content: '';
  width: 88px;
  height: 1px;
  background-color: var(--clr-blue);
  display: block;
  position: absolute;
  left: -110px;
  top: 15px;
  transform: translateY(-50%);
}

.category li::before,.category-3 li:before {
  content: '';
  width: 88px;
  height: 1px;
  background-color: var(--clr-darkgrey);
  display: block;
  position: absolute;
  left: -110px;
  top: 15px;
  transform: translateY(-50%);
}


.category-even {
margin-bottom:96px;	
}
.category-even .container {
width:100%;
max-width:99%;	
}
.cattitle {
  display: flex;
  flex-direction: column;
  max-width: 526px;
  margin-left: 48px;
  margin-right:72px;
  margin-top:144px;
}
.catcover {
display:block;
width:100%;
height:875px;
border-radius:64px;	
position:relative;
overflow:hidden;

}

.catcover:before {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
linear-gradient(0deg, rgba(0, 132, 177, 0.15), rgba(0, 132, 177, 0.15));
position:absolute;
top:0;
left:0;
width:100%;
height:100%;	
content:'';
}

.catcover img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;	
}

.catinfo {
position:absolute;
bottom:72px;
left:72px;	 
 right: 72px;
color:#fff;
}

.catinfo h2 {
font-size:32px;
font-weight:700;
line-height:1;
text-transform:normal;	
}
.productcarousel {
margin-top:24px;
padding-bottom: 48px;	
}

.prelatecarousel {
padding-bottom:72px;
margin-bottom:96px;	
}

.category a.acattitle, .category-3 a.acattitle {
font-size:24px;
font-weight:600;
font-family:'Montserrat';	
}



.productcarousel .item,.prelatecarousel .item {
display:flex;
flex-direction:column;
border:0;
border-radius:64px;
height:100%;	
overflow:hidden;
}

.odd .cproductinfo {
min-height:120px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
  padding: 24px;
  text-align: justify;
background-color:var(--clr-white);  
color:var(--clr-black);
position: absolute;
  bottom: 0;
  border-radius: 0 64px 64px 64px;
}

.even .cproductinfo {
min-height:120px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
  padding: 24px;
  text-align: justify;
background-color:var(--clr-white);  
color:var(--clr-black);
position: absolute;
  top: 0;
  border-radius: 0 64px 0 0;
}

.odd .productimg {
height:496px;
aspect-ratio:1;
border-bottom-right-radius:64px;
overflow:hidden;
position:relative;	
}

.even .productimg {
height:572px;
aspect-ratio:1;
border-bottom-right-radius:64px;
overflow:hidden;
position:relative;	
}

.odd .productimg::after,.even .productimg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.3);
}

.odd .serviceno {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--clr-green);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: -18px;
  left: 24px;
}

.even .serviceno {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--clr-green);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -18px;
  left: 24px;
}



.category-3 {
height:873px;	
margin-bottom:72px;
}

.catimg3 {
height:100%;
width:100%;	
position:relative;
}

.catimg3:before {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
content:'';	
}

.catimg3 img {
object-fit:cover;
object-position: 80% top;
width:100%;
height:100%;
clip-path: ellipse(95% 100% at -0.46% 37.32%);	
}

.bluearr {
position:relative;	
padding:24px;
}
.bluearr * {
	
z-index:3;
}
.bluearr:after{
background-color:var(--clr-blue);	
clip-path: ellipse(100% 100% at -0.46% 37.32%);
width:100%;
height:100%;
position:absolute;
top:0;
left:50%;
content:'';
z-index:1;
}
.bluearr:before{
background-color:var(--bg-lightgrey);	
clip-path: ellipse(95% 100% at -0.46% 37.32%);
width:100%;
height:100%;
position:absolute;
top:0;
left:40%;
content:'';
z-index:2;
}

.catimg3:after {
clip-path: ellipse(95% 100% at -0.46% 37.32%);
position:absolute;
right:0;
top:0;
width:100%;
height:100%;
content:'';
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
linear-gradient(0deg, rgba(0, 132, 177, 0.15), rgba(0, 132, 177, 0.15));
}

.companyslogan {
height:820px;
background-color:var(--clr-lightgreen);	
clip-path: ellipse(100% 55% at 50.88% 56.16%);
}

.cstitle b {
color:var(--clr-green);
font-weight:700	
}

.cstitle *{
font-size:48px !important;	
}

.companycarousel .slide {
height:1013px;	
}

.companyslogan p {
color:#000;
font-weight:400;
text-align:center;	
}

.companycarousel {
background-color:var(--clr-lightgreen);
padding-bottom:	120px;
}

.companycarousel h2,.aboutusinfo h2{
font-weight:700;
color:var(--clr-darkgreen);
font-size:32px;
margin-bottom:24px;	
}




.aboutusinfo {
padding-top: 72px;
padding-left: 72px;	
}


.certcarousel {
background-color:var(--bg-lightgrey);
padding:95px 72px;	
clip-path: ellipse(100% 55% at 48% 44%);		
}

.certimg {
position:relative;
border:1px solid var(--clr-blue);
border-radius:64px;
height:636px;
aspect-ratio:1;	
overflow:hidden;
}

.certimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;	
filter: grayscale(100%);
}

.riacert{
position: absolute;
  top: 0;
  left: 0;
  padding: 20px 20px 10px 20px;
  background: #fff;
  border-top-right-radius: 64px;
  text-align: center;	
}

.riacert img {
width:226px;
height:128px;	
}

#certcarousel .carousel-indicators button {
background-color:var(--clr-white);	
}

.certimg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.30);
  display: block;
  z-index: 1;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 91px;
  height: 56px;
  background: 50%/100% 100% no-repeat;
    background-image: none;
  background-image: none;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='91' height='56' viewBox='0 0 91 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle id='Ellipse 1' cx='28' cy='28' r='27.5' transform='rotate(-180 28 28)' stroke='%23000000'/%3E%3Cpath id='Arrow 1' d='M27.6464 27.6464C27.4512 27.8417 27.4512 28.1583 27.6464 28.3535L30.8284 31.5355C31.0237 31.7308 31.3403 31.7308 31.5355 31.5355C31.7308 31.3403 31.7308 31.0237 31.5355 30.8284L28.7071 28L31.5355 25.1716C31.7308 24.9763 31.7308 24.6597 31.5355 24.4645C31.3403 24.2692 31.0237 24.2692 30.8284 24.4645L27.6464 27.6464ZM91 27.5L28 27.5L28 28.5L91 28.5L91 27.5Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='91' height='56' viewBox='0 0 91 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle id='Ellipse 1' cx='63' cy='28' r='27.5' stroke='%23000000'/%3E%3Cpath id='Arrow 1' d='M63.3536 28.3536C63.5488 28.1583 63.5488 27.8417 63.3536 27.6465L60.1716 24.4645C59.9763 24.2692 59.6597 24.2692 59.4645 24.4645C59.2692 24.6597 59.2692 24.9763 59.4645 25.1716L62.2929 28L59.4645 30.8284C59.2692 31.0237 59.2692 31.3403 59.4645 31.5355C59.6597 31.7308 59.9763 31.7308 60.1716 31.5355L63.3536 28.3536ZM-4.37114e-08 28.5L63 28.5L63 27.5L4.37114e-08 27.5L-4.37114e-08 28.5Z' fill='%23000000'/%3E%3C/svg%3E%0A");
}

.carouselnav {
width: 100%;
  height: 56px;
  margin-top: 24px;
position:relative;  
}

/* .carouselnav::after {
  content: '';
  height: 1px;
  width: calc(100% - 420px);
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
} */

.carouselnav .progress {
position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% - 420px);
  transform:translateX(-50%);
  --bs-progress-bar-bg: var(--clr-blue);
}

.news {
padding-top:96px;
padding-bottom:96px;	
}

.news ol {
list-style-type: none;
	counter-reset: li;	
padding-left:0;
}

.news li {
display:inline-flex;
border-bottom:1px solid #000;
padding:12px 0;	
width:100%;
}

.news li:before {
counter-increment: li;
content: counter(li, decimal-leading-zero);
margin-right: 0.25em;  
}

.news li a {
display:flex;
align-items:center;	
width:100%;
justify-content:space-between;
}
.newsshape {
position:relative;	
width:100%;
height:651px;
}
.newsshape::after {
  background-color: var(--clr-black);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  content: '';
  clip-path: inset(0 0 0 0 round 0 50% 50% 50%);
  border-radius: 0px 487.5px 487.5px 487.5px;
  top: 0;
  right: 0;
  z-index: -2;
}

.news .catimgcontainer {
height:499px;	
margin-left: 72px;
  position: relative;
  top: 72px;
}

.newsshape img {
  object-fit: cover;
  object-position: center;
  width: 430px;
  aspect-ratio: 1;
  border-radius: 50%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.news .newsimg {
background: #0084B126;
width:430px;
position:relative;
overflow:hidden;
border-radius:50%;
}

.news .newsimg:before {
background: #0084B126;
	z-index:2;
position:absolute;
top:0;
left:0;
content:'';
width:100%;
height:100%;
border-radius:50%;
}

.contactblock {
background-color:var(--bg-white);
padding:72px 0;
}

.contactblock h2 {
color:var(--clr-green);
font-weight:700;	
}

.contactblock b {
font-weight:600;
font-size:28px;	
}

.pmdetails {
	display:flex;
	width:100%;
	margin-top:24px;
	margin-bottom:24px;
	flex-direction:column;
	align-items:start;
}
.pmphone {
font-weight:600;
font-size:28px !important;		
	
}

.pmemail {
font-weight:400;
font-size:28px !important;	
font-family:'Montserrat'
}

.wtime {
display: flex;
  justify-content: space-between;
  width: 50%;
  align-items: start;	
  margin-top:12px;
  margin-bottom:12px;
}

.wtimetitle b {
font-size:20px !important;
}	

.wtimetitle {
margin-top:48px;	
}

.sectionheading{
margin-bottom:120px;	
}

.contactaddress h3 {
font-weight:600;
font-size:32px;
color:var(--clr-blue);
margin-bottom:24px;	
}

.mapnavigation{
color:var(--clr-blue) !important;
display:flex;
font-size:16px;	
}

.productmainimg {
height:636px;
width:636px;
border-radius:64px 64px 64px 0;
overflow:hidden;
	
}

.productmainimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;
}

.p-24 {
padding:24px;	
}

.mt-90{
margin-top:90px;	
}
.pt-80{
padding-top:80px;	
}



.contactbox {
margin-top:24px;
background-color:#F9F9F9;	
padding-top:48px;
padding-bottom:48px;	
}


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


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

.contactaddress .mdi {
font-size: 48px;
font-weight: 100;
border: 1px solid #000;
padding: 15px;
margin-right: 15px;
  border-radius: 50%;
}

#contactform .form-control,#requestform .form-control,#jobapplyform .form-control {
border:0;
border-bottom:1px solid #000;
border-radius:0;
padding-left:0;	
background-color:transparent;
	
}

#contactform .form-check-input,#requestform .form-check-input,#jobapplyform .form-check-input {
width: 24px;
height: 24px;
border: 1px solid #000;
border-radius: 50%;
margin-right: 15px;	
	
}

#contactform .form-check,#requestform .form-check,#jobapplyform .form-check {
min-height: 26px;
}

#contactform label,#requestform label,#jobapplyform label { 
font-size:16px;
padding:5px 0;
}

#contactform a,#requestform a,#jobapplyform a{
color:#000;	
text-decoration: underline;
}

#contactform .form-control::placeholder,#requestform .form-control::placeholder,#jobapplyform .form-control:placeholder {
color:#000;	
}

#contactform .form-check-input,#requestform .form-check-input,#jobapplyform .form-check-input {
  width: 18px;
  height: 18px;
  border: 1px solid #000;
  border-radius: 50%;
  margin-right: 0em;
}

#contactform .form-check-label,#requestform .form-check-label,#jobapplyform .form-check-label {
	padding:0;
}

#contactform,#requestform,#jobapplyform {
margin-top:30px;	
}

.form-check-input:checked {
  background-color: var(--clr-green);
  border-color: var(--clr-green);
}

.customfld {
border:0;
margin-bottom:24px;
border-bottom:1px solid var(--clr-black);
border-radius:0;
background-color:transparent;	
padding-left:0;
font-size:16px;
font-weight:300;
}

.customfld::placeholder{
color:var(--clr-grey);
font-size:16px;
font-weight:300;	
}


.form-control::file-selector-button {
display:none;	
}

.uploadbtn {
background-color:transparent;
border-radius:0;
border:0;
border-bottom:1px solid #000;

}

.aboutus {
margin-bottom:72px;	
margin-top: 96px;
}

.aboutusboxinfo {
  height: 662px;
  border-radius: 500px;
  background-color: var(--bg-lightgrey);
  display: flex;
  flex-direction: column;
  width:100%;
  position:absolute;
  top:0;
  left:0;
}

.abinner {
width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  margin-left: auto;
  position: relative;
  height: 100%;
  padding: 72px;
  text-align: justify;	
}

.abusimg {
height: 662px;
border-radius: 0 500px 500px 0;
width:50%;
z-index: 2;
  overflow: hidden;
  position:relative;
}

.abusimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;
filter:grayscale(100%);

	
}
.abusimg::after {
  content: '';
  position: absolute;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(0deg, rgba(0, 107, 144, 0.15), rgba(0, 107, 144, 0.15));
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

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

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

.breadcrumb-item a{
color:var(--clr-blue) !important;	
}
.breadcrumb-item.active {
color:#000;
}
.breadcrumb-item + .breadcrumb-item::before {
color:var(--clr-blue);	
}
.pageheader  nav {
z-index:2;	
margin-bottom:12px;
}

.owl-carousel {
position:relative;	
}

.owl-carousel .owl-stage{display: flex;}
.owl-carousel  .item {
    display: flex;
    flex: 1 0 auto;
}

.partnercarousel {
width:100%;
height:125px !important;	
}

.partnercarousel .swiper-wrapper {
  -webkit-transition-timing-function:linear!important; 
  -o-transition-timing-function:linear!important;
  transition-timing-function:linear!important; 
}
  .partnercarousel .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
	border-radius:24px;
	margin:0 24px;
    }
	
  .partnercarousel .swiper-slide img {
      display: block;
      width: 50%;
      height: auto;
      object-fit: cover;
    }

.productcarousel .item img,.prelatecarousel .item img {
object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
filter: grayscale(100%);  
}

.productcarousel .owl-dots {
	position: absolute;
  bottom: 24px;
  width: 100%;

}

.productcarousel .owl-dots .owl-dot span
{
 background: transparent;
  border: 1px solid #fff;
}


.productcarousel .owl-dots .owl-dot.active span, .productcarousel .owl-dots .owl-dot:hover span
{
  background: #fff;
}

.companyinfo {
padding-top:48px;
padding-bottom:48px;	
}

.accordion {
border-radius:0;	
--bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%235f6368'%3E%3Cpath d='M460-300h40v-160h160v-40H500v-160h-40v160H300v40h160v160Zm20.13 180q-74.67 0-140.41-28.34-65.73-28.34-114.36-76.92-48.63-48.58-76.99-114.26Q120-405.19 120-479.87q0-74.67 28.34-140.41 28.34-65.73 76.92-114.36 48.58-48.63 114.26-76.99Q405.19-840 479.87-840q74.67 0 140.41 28.34 65.73 28.34 114.36 76.92 48.63 48.58 76.99 114.26Q840-554.81 840-480.13q0 74.67-28.34 140.41-28.34 65.73-76.92 114.36-48.58 48.63-114.26 76.99Q554.81-120 480.13-120Zm-.13-40q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") !important;
--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 -960 960 960' width='48px' fill='%235f6368'%3E%3Cpath d='M300-460h360v-40H300v40Zm180.13 340q-74.67 0-140.41-28.34-65.73-28.34-114.36-76.92-48.63-48.58-76.99-114.26Q120-405.19 120-479.87q0-74.67 28.34-140.41 28.34-65.73 76.92-114.36 48.58-48.63 114.26-76.99Q405.19-840 479.87-840q74.67 0 140.41 28.34 65.73 28.34 114.36 76.92 48.63 48.58 76.99 114.26Q840-554.81 840-480.13q0 74.67-28.34 140.41-28.34 65.73-76.92 114.36-48.58 48.63-114.26 76.99Q554.81-120 480.13-120Zm-.13-40q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3E%3C/svg%3E") !important;
}

.accordion-button:not(.collapsed)::after
{
  transform: none;
  display: none;
}

.accordion-button::after
{
  transform: none;
  display: none;
}

.accordion-item {
border:0;	
}

.accordion-button:not(.collapsed) {
background-color:transparent;
border-bottom:0;
box-shadow: none;
}

.accordion-button.collapsed {

  border: 0;
}
.accordion-item:last-of-type .accordion-button.collapsed {
border-radius:0;	
}

.accordion button {
color: #000;
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 28px;	
  padding-left: 0;
  padding-right: 0;
}

.accordion-body {	
  padding-left: 0;
  padding-right: 0;	
}
.accordion-button:not(.collapsed) {
color:#000;	
}

.printicon {
width: 56px;
  height: 56px;
  border: 1px solid var(--clr-blue);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 48px;
margin-right:1rem;  
}

.productinfo a:hover .printicon {
  border: 1px solid var(--clr-black);	
}

.filterform .form-select, .filterform .select2-selection {
background-color: var(--bg-lightgrey);
border-top-left-radius: 144px !important;
border-top-right-radius: 144px !important;
border-bottom-right-radius: 144px !important;
border-bottom-left-radius: 144px !important;
margin-bottom:.5rem !important;
  border:0;
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected="true"] {
  color: #fff;
  background-color: var(--clr-blue);
  border-radius: 144px;

}

.select2-dropdown {
background-color: var(--clr-grey);	
  margin-top: 4px;
  padding-bottom: 10px;  
  font-family:'Montserrat';
  font-weight:500;
  border:0;
}

.select2-selection__rendered {
  font-family:'Montserrat';
  font-weight:500;	
}

.filterform{
margin-bottom:24px;	
}

.certificates {
margin-top:72px;
margin-bottom:96px
}

.pcertimg {
border:1px solid var(--clr-blue);
border-radius:64px 64px 64px 0;
overflow:hidden;
height:416px;
aspect-ratio:1;	 
 padding: 96px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.certificates .swiper-wrapper {
padding-bottom:72px;	
}

.catalogimg {
border:1px solid var(--clr-blue);
border-radius:64px 64px 64px 0;	
padding:72px;	
}

.catalog {
margin-bottom:72px;	
}

.cataloginfo{
margin-left:24px;	
}

.certificateinfo p small {
color:var(--clr-blue);	
}

.certinfoimg {
border-radius:64px;	
overflow:hidden;
width:636px;
height:636px;
}

.certinfoimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;	
}

.companyhistory {
background-image: url('./assets/company/history1.jpg');
background-repeat:no-repeat;
background-size:cover;
background-position:center;
height:863px;
position:relative;
display:flex;
flex-direction:column;
align-items:center;
color:#fff;
z-index:2;
}

.companyhistory:after {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
linear-gradient(0deg, rgba(0, 107, 144, 0.15), rgba(0, 107, 144, 0.15));	
position:absolute;
content:'';
width:100%;
height:100%;
z-index:1;
}
.companyhistory:before {
position:absolute;
content:'';
width:100%;
height:100%;
z-index:1;
}

.companyhistory div.container-fluid {
	
	backdrop-filter:grayscale(100%);	
	
}

.timelineinfo
.companyhistory p, .companyhistory ol li a {
color:#fff;	
font-size:32px;
font-weight:700;
z-index:2;
}

.timelineinfo {
	overflow:hidden;
}

.aboutus .catimg2 {
z-index: 2;
  left: 35%;
  bottom: -30px;	
}

.timeline {
list-style:none;
padding: 0 72px;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  position: relative;	
}

.timeline::before {
  content: '';
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 0%;
  transform: translateY(-50%);
}

.timeline li.active {
  position: relative;
  width: auto;
  height: 100%;
  display: block;
}

.timeline li.active::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  background-color: var(--clr-blue);
  z-index: 2;
  left: 50%;
  top: 0%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 50%;
}

.timelineinfo .item {
display:none;
width:34%;
margin:24px auto;	
}

.timelineinfo .item.active {
display:block;	
}
.timelineinfo .item  p {
font-size:16px !important;
font-weight:400;	
}

.pagedescription{
padding-top:48px;
padding-bottom:48px;	
}

.careers {
background-color:var(--bg-lightgrey);	
clip-path: ellipse(100% 55% at 50.88% 56.16%);
padding:235px 72px 96px 72px;
margin-top:96px;
	
}

.joblist {
list-style:none;
padding-left:0;	
}

.joblist li {
margin-bottom:24px;	
}


.joblist li a {
display: flex;
  height: 88px;
  position: relative;
  padding-left: 120px;
  align-items: center;
  color:#a4a4a4;
  font-size:24px;
  font-weight:500;
  line-height:1.2;
}

.joblist li a.active {
color:var(--clr-blue);	
}

.joblist li a:before {
background-image:var(--job-icon-inactive);
background-size:88px 88px;
background-position:center;
background-repeat:no-repeat;	
width:88px;
height:88px;	
position:absolute;
top:0;
left:0;
content:'';
display:inline-block;
}

.joblist li a.active:before {
background-image:var(--job-icon-active);

}

.jointeam {
padding:72px 0 96px 0;	

}

.jointeam ul {
padding-left:0;
list-style-position: inside;	
}

.jtimg {
border-radius:64px;	
overflow:hidden;
width:100%;
height:875px;
display:flex;
flex-direction:column;
}

.jtimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;
}

.jobapplication {
padding-top:72px;
padding-bottom:96px;	
}

.jobapplyform {
	width: 65%;
  margin: 0 auto 0 0;
}

.jobapplyimg {
border-radius:64px;	
overflow:hidden;
width:100%;
aspect-ratio:1;
display:flex;
flex-direction:column;	

position:relative;
	
}
.jobapplyimg:before {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(0deg, rgba(0, 107, 144, 0.15), rgba(0, 107, 144, 0.15));
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:2;
}
.jobapplyimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;
filter:grayscale(100%);	
}


.jointeam li, .jointeam p {
  margin-bottom: 24px;
}

.contactheader {
height: 655px;
  margin-top: -128px;
  filter:grayscale(100%);
  position:relative;
  clip-path: ellipse(100% 55% at 48% 44%);
}

.contactheader:before {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
linear-gradient(0deg, rgba(0, 107, 144, 0.15), rgba(0, 107, 144, 0.15));
content:'';
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
z-index:2;	
}

.baseimg {
height:636px;
aspect-ratio:1;
overflow:hidden;
border-radius:64px;	
}

.baseimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;	
}

.companybase {
padding-top:72px;
padding-bottom:96px;	
}

.companybase h2 {
color:var(--clr-blue);
font-size:32px;
font-weight:	600;
}

.worktime {
margin-bottom:96px;
font-weight:600;	
	
}

.searchheader {
height: 655px;
  margin-top: -128px;
  position:relative;
  clip-path: ellipse(100% 55% at 48% 44%);
  margin-bottom:152px;
}

.searchheader:before {
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
linear-gradient(0deg, rgba(0, 132, 177, 0.15), rgba(0, 132, 177, 0.15));
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
content:'';	
}

.searchheader div {
backdrop-filter:grayscale(100%);	

}

#searchbtn {
border-radius: 64px;
border: 0;	
}

#search .input-group {
background: #fff;
  overflow: hidden;
  border-radius: 64px;
  border: 0;	
}

.searchresult {
margin-top:72px;
margin-bottom:96px;	
}

.errorblock {
padding-top:72px;
padding-bottom:96px;	
}

.errorimg {
width:500px;
height:500px;
margin:0 auto;	
}

.errorimg img {
object-fit:cover;
object-position:center;
width:100%;
height:100%;	
}


.form-control:focus {
border:0;
border-bottom: 1px solid #000;
box-shadow:none;
background-color: transparent;	
}

em.valid {
display:none !important;	
}

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


.ptb-48 {
padding-top:48px;
padding-bottom:48px;	
}

@media (min-width: 768px) {
  .modal .modal-dialog.modal-top-right {
    top: var(--mdb-modal-top-right-top);
    right: var(--mdb-modal-top-right-right);

  }
}

@media (min-width: 992px) {
	header a.nav-link:hover,.topbar span a:hover{
	animation: qode-background-size .7s cubic-bezier(.16,.48,.36,1);
  background-size: 100% 100%;	
}
  .modal .modal-side {
    position: absolute;
    width: 100%;
    margin: 0;
  }
}
.modal.fade.right:not(.show) .modal-dialog {
  transform: var(--mdb-modal-fade-right-transform);
}

.modal.fade.left:not(.show) .modal-dialog {
  transform: var(--mdb-modal-fade-left-transform);
}


 .modal-backdrop {
--bs-backdrop-opacity: 0.8;	 
 }
.modal {
  --mdb-modal-top-left-top: 0px;
  --mdb-modal-top-left-left: 0px;
  --mdb-modal-top-right-top: 0px;
  --mdb-modal-top-right-right: 0px;
  --mdb-modal-bottom-left-bottom: 0px;
  --mdb-modal-bottom-left-left: 0px;
  --mdb-modal-bottom-right-bottom: 0px;
  --mdb-modal-bottom-right-right: 0px;
  --mdb-modal-fade-top-transform: translate3d(0, -25%, 0);
  --mdb-modal-fade-right-transform: translate3d(25%, 0, 0);
  --mdb-modal-fade-bottom-transform: translate3d(0, 25%, 0);
  --mdb-modal-fade-left-transform: translate3d(-25%, 0, 0);
  --mdb-modal-side-right: 10px;
  --mdb-modal-side-bottom: 10px;
  --mdb-modal-non-invasive-box-shadow: 0 2px 6px -1px rgba(var(--mdb-box-shadow-color-rgb), 0.07), 0 6px 18px -1px rgba(var(--mdb-box-shadow-color-rgb), 0.04);
  --mdb-modal-non-invasive-box-shadow-top: 0 -10px 20px 0 rgba(var(--mdb-box-shadow-color-rgb), 0.05);
  --mdb-modal-zindex: 1055;
  --mdb-modal-width: 500px;
  --mdb-modal-padding: 1rem;
  --mdb-modal-margin: 0.5rem;
  --mdb-modal-color: var(--mdb-surface-color);
  --mdb-modal-bg: var(--mdb-surface-bg);
  --mdb-modal-border-color: var(--mdb-border-color-translucent);
  --mdb-modal-border-width: var(--mdb-border-width);
  --mdb-modal-border-radius: 0.5rem;
  --mdb-modal-box-shadow: var(--mdb-box-shadow-sm);
  --mdb-modal-inner-border-radius: calc(0.5rem - (var(--mdb-border-width)));
  --mdb-modal-header-padding-x: 1rem;
  --mdb-modal-header-padding-y: 1rem;
  --mdb-modal-header-padding: 1rem 1rem;
  --mdb-modal-header-border-color: var(--mdb-divider-color);
  --mdb-modal-header-border-width: 2px;
  --mdb-modal-title-line-height: 1.6;
  --mdb-modal-footer-gap: 0.5rem;
  --mdb-modal-footer-bg: ;
  --mdb-modal-footer-border-color: var(--mdb-divider-color);
  --mdb-modal-footer-border-width: 2px;
}

@media (min-width: 576px) {
  .modal {
    --mdb-modal-margin: 1.75rem;
    --mdb-modal-box-shadow: var(--mdb-box-shadow);
  }
}

#filtermodal .list-group-item {
border:0;
padding-top: 0;
  padding-bottom: 0;	
}

#filtermodal .form-check-input:checked[type="checkbox"]
{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
#filtermodal .form-check-input:checked
{
  background-color: #fff;
  border-color: #fff;
}

#filtermodal .form-check-input{
border:0;	
}

#filtermodal .modal-header,#requestmodal .modal-header {
border:0;	
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow:none;
}

.mainfilter {
list-style-type: none;
padding: 0;
}

.filterparent {
padding:5px 0;	
}

.mainfilter .accordion-button.collapsed {
  border-bottom: 0;
}

#filterresult {
width:auto !important;
}

.accordion-button:focus {
  z-index: 3;
  border-color: #fff !important;
  outline: 0;
  box-shadow: none !important;
}

#accordionfilter .form-check-reverse {
  padding-right: 3em;
  max-width:300px;
}
.paginations {
margin-top:48px;	
}

.paginations .page-item {
margin-right:1rem;	
}
.paginations .page-item:not(.active) .page-link {
color:#000 !important;	
}
.paginations .page-item > .page-link {
border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;	
}

.paginations .active > .page-link {

  background-color: #42787d;
border:1px solid #42787d;  
}

.paginations .active > .page-link:hover {

  background-color: #6B427D;
border:1px solid #6B427D;  	
}

.btn-filter,.btn-filter:hover
{
  border-radius: 24px;
  background-color: #C4C4C4;
  color: #fff;
}

.contactinfo
{
font-weight:500;
font-size:16px;
color:var(--clr-blue);
display: flex;
  justify-content: space-between;
}

.mdi-circle {
width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 1px solid var(--clr-blue);
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;	
}

.contactinfo a{
text-align: justify;
font-family: "Montserrat";
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color:var(--clr-blue);	
display:flex;
align-items:center;
}

.contactinfo h5{
font-family: "Montserrat";
font-size: 25px;
font-style: normal;
font-weight: 500;
line-height: 32px; 	
}

.productinfo .btn {
font-family: "Montserrat";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;	
}

.productinfo h5.price {
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 26px; 	
}

.productinfo h5.price b {
font-family: "Montserrat";
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 26px; 	
	
}

.newscategory {
list-style:none;
padding-left:0;
display:flex;	
justify-content:space-between;

}



.item {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.top-header-global-msg {
background-color:#6B427D;
color:#fff;
padding-left: 24px;
padding-right: 24px;
position:relative;
height:48px;	
overflow:hidden;
display: flex;
align-items:center;
white-space: nowrap;
width: 100%;
}
.top-header-global-msg div.marquee {
position:absolute;
width:100%;
}
@keyframes marquee{
          0% {
             left: 100%;
          }        
          100% {
             left: 0;
             transform: translateX(-100%);
          }
        }
		
		 @media (prefers-reduced-motion: no-preference) {
            .top-header-global-msg div.marquee{
                animation: marquee 25s linear infinite;
            }
        }
		
.homebanners div[class^="col-md"]:nth-child(2) .banneritem{
margin-top:48px;	
	
}
.homebanners div[class^="col-md"]:nth-child(3) .banneritem{
margin-top:24px;	
	
}

.reviewitem img {
width:164px;
height:164px;
border-radius:50%;	
}

.reviews {
padding-top:48px;
padding-bottom:48px;	
}

.reviewdescription {
margin-top:24px;	
}

#filtermodal .btn-close:hover,#privacymodal .btn-close:hover,#requestmodal .btn-close:hover {
position: absolute;
  right: -72px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;	
  background: #D9D9D9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity:1;
    margin: 0;
  padding: 0;
}


#filtermodal .btn-close,#privacymodal .btn-close,#requestmodal .btn-close {
position: absolute;
  right: -72px;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;	
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity:1;
    margin: 0;
  padding: 0;
}

#filtermodal .modal-content,#requestmodal .modal-content {
height:100vh;	
}

.filterparent {
font-weight:700;	
}

#popup .modal-content {
border-radius:24px;	
}

#popup .btn-close:hover {
position: absolute;
 right: -56px;
  top:0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;	
  background: #D9D9D9 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity:1;
    margin: 0;
  padding: 0;
}


#popup .btn-close {
position: absolute;
 right: -56px;
  top:0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;	
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity:1;
    margin: 0;
  padding: 0;
}

.cc-btn {
border-radius:24px;	
width: 240px;
flex: initial !important;
margin: 0 auto;
background-color:#42787D !important;
}
.cc-compliance {
padding: 0 15px 15px 15px;	
}
.cc-window {
border-radius:24px;	
}
.fw-700 {
font-weight:700;	
}

.fs-20 {
font-size:20px;	
}
.mb-48 {
margin-bottom:48px;	
}

.text-justify{
text-align:justify;	
}

.cc-message a {
color:#fff;	
text-decoration:underline;
}

.cc-message a:hover {
color:#fff;
text-decoration:underline;	
}

.cc-btn:hover {
  background-color: #6B427D !important;
}

.fw-200,.material-symbols-outlined {
font-weight:200;	
}

.spinner-border {
width:1.2rem;
height:1.2rem;	
}

.sectiontitle .letter {
  opacity: 0;
}

 svg#plane{
            width: 15rem;
            height: 15rem;
            position: absolute;
            bottom: -5rem;
            left: 2rem;
            z-index: 3;
            transform: rotateZ(-30deg);
        }
		 svg#plane path{
            stroke-dasharray: 0;
            stroke-dashoffset: 0;
            stroke-width: 1.4;
            stroke: black;
            fill: none;
            transition: stroke-dashoffset 0.1s, fill 1s;
        }

.swiper-pagination {
bottom:72px !important;
}	

.swiper-pagination-bullet-active {
   background: var(--clr-green) !important;
}

.swiper-pagination-bullet {
background-color: var(--clr-green);
  opacity: 1;
  width: 19px;
  height: 8px;
  border-radius: 4px;	
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: var(--clr-green);
  opacity: 1;
  width: 8px;
  height: 8px;
  border-radius: 4px;	
}
a span.material-symbols-outlined {
  transition: margin 0.3s ease-out;
  color:#fff;
}

a:hover span.material-symbols-outlined {
  margin-left:4px;
}

.homeparallax{
position:sticky;
top:160px;
}

.fade-up {
  opacity: 0;
  transform: translateY(100px);
  will-change: transform, opacity;
  transition-property: opacity, transform;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.fade-up.animate {
  transform: translateY(0);
  opacity: 1;
}


#result .card {
  transition: 0.5s;
  transition-delay: 0.2s;
  position: relative;
  overflow: hidden;
  height:100%;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--clr-blue);
  border-radius: 64px;

}

#result .card img {
  /*transform: scale(1.3);*/
  transition: transform 0.5s;
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
} 

#result .animating .card {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  visibility: visible;
  transform: skewY(0);
}

#result .animating img {
  transform: scale(1);
  transition: transform 0.5s;
}

#result .productimg {
position:relative;	
}

#result .newsdate {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--clr-blue);
  border-top-right-radius: 24px;
  color: #fff;
  width: 72px;
  font-family: 'Montserrat';
  font-weight: 600;
  text-align: center;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.newscategory .active {
  font-weight: 600;
  color: var(--clr-blue);
}

.reveal {
display:flex;
height:100%;	
flex-direction:column;
}

.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M180-393.846v-30.77h600v30.77H180Zm0-141.538v-30.77h600v30.77H180Z' fill='%23fff'/%3E%3C/svg%3E");
  --bs-navbar-color: #fff;
}

@media (max-width: 575.98px) {
.topbar {
display:none;
}	

.navbar {
position:relative;	
}

.navbar-brand {
  margin-left: 15px;
}

header {
  background-color: transparent;
  border-bottom: 0;
  padding: 32px 0;
}

.navbar-collapse {
position: absolute;
  top: 60px;
  background-color: var(--clr-green);
  left: 0px;
  padding: 15px;	
  overflow: auto;
  width:100%;
}

.nosmenu {
padding-left:24px;
}

.slide {
  height: 100%;
  /*overflow: hidden;*/
  width:100%;
}

.slide .carousel-caption {
  top: 40% !important;
  transform: translateY(-50%);
  text-align: left;
  z-index: 2;
}

.homesubtitle {
display:none;	
}

#carouselhome h3 {
font-size:1.3rem !important;	
}

.sectiontitle {
  position: relative;
  width: auto;
  font-size: 2rem;
}

.sectiontitle::after {
  position: absolute;
  content: '';
  right: 0px;
  top: -5px;
  background-image: url('./assets/images/icons/titlestar.svg');
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32pxм
}

.contactaddress a {
  color: #000;
  text-decoration: none;
  font-size: 1rem;
}
.contactaddress div:not(.wtime) {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  font-size: 1rem;
  flex: 1 1 auto;
  flex-direction:column;
}

.wtime {
width:100%;	
}

.certimg {
width:100%;
height:100%;	
}

.aboutusinfo {
padding:72px 12px;
}
	
.bigleaf img {
width:100%;
animation:none !important;
}	
	.abcontainer {
padding-right:calc(var(--bs-gutter-x) * .5) !important;		
	}
	
	#carouselpaidservices .carousel-inner {
  height: 100% !important;
}
.paidservicedescription h3 {
font-size:1.5rem;	
}

.paidservicedescription {
  height: 402px !important;
  padding-left: 24px !important;
    padding-right: 24px !important;
}

.paidservicedescription.pseven {
border-top-right-radius: 64px !important;
border-bottom-left-radius: 64px !important;	
}

.paidservicedescription.psodd {
border-top-left-radius: 64px !important;
  border-bottom-right-radius: 64px !important;	
}

#carouselpaidservices img {
height:290px;	
}

#carouselpaidservices .carousel-indicators {
bottom:-36px;	
}

.companyslogan p,.companyslogan b {
  font-size: 1.5rem !important;
}

.companyslogan {
  height: 205px !important;
}

#filtermodal .btn-close, #privacymodal .btn-close,#popup .btn-close {
  position: relative !important;
  right: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  color: #fff;
  font-size: 24px;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity: 1;
  margin: 0;
  padding: 0;
}	

#popup .btn-close:hover,#filtermodal .btn-close:hover,#privacymodal .btn-close:hover {
position: absolute;
 right: 0;
  top:0;
  width: 48px;
  height: 48px;
  border-radius: 0;
  color: #fff;
  font-size: 24px;	
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  opacity:1;
    margin: 0;
  padding: 0;
}

	.pageheader h1 {
  z-index: 2;
  margin-top: 2rem;
  font-size:1.5rem;
}
	
	.navbar {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='M180-393.846v-30.77h600v30.77H180Zm0-141.538v-30.77h600v30.77H180Z' fill='%23fff'/%3E%3C/svg%3E");
}

.navbar-toggler {
  border: none !important;
}

.menuclose .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 -960 960 960' width='48'%3E%3Cpath d='m252.846-230.846-22-22L458-480 230.846-707.154l22-22L480-502l227.154-227.154 22 22L502-480l227.154 227.154-22 22L480-458 252.846-230.846Z' fill='%23fff'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: none;
}

.productinfo h5.price {
margin-top:24px;	
}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: var(--bs-navbar-active-color);
  background-image: none;
  font-weight: 500;
}

.accordion button {
font-size:1rem !important;	
}


.banneritem img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  transition: transform .5s;
  width: 100%;
}

/* .sectionparallax2 {
height:100% !important;	
} */
.garbagebin img.trashbin {
  margin-top: -100px !important;
}
..fallgarbages{
height:400px !important;	
}

.garb {
	max-width:50px !important;
}

h1.title {
font-size: 1.8rem !important;
  margin-bottom: 24px;

}

.modalcontactblock {
  background-color: var(--clr-darkgreen);
  border-top-right-radius: 64px !important;
  border-bottom-left-radius: 64px !important;
  color: #fff;
  height: 100%;
  padding: 48px 24px !important;
}

#sendcontact .btn-close {
  position: absolute;
  right: 24px;
  top: 24px;
  border: 1px solid #fff !important;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  --bs-btn-close-color: #fff !important;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}

#sendcontact .modal-content {
  border-top-right-radius: 64px;
  border-bottom-right-radius: 64px;
  border-bottom-left-radius: 64px !important;
  background-color: var(--clr-lightgreen);
}

.mbody {
  padding-left: 0;
  height: 100%;
  padding-right: 0;
}

#sendrequest .modal-body {
  padding: 0;
  background-color: var(--clr-lightgreen);
  border-radius: 64px;
  height: 100% !important;
}

#sendrequest img {
  border-radius: 0 0 64px 64px !important;
  filter: grayscale(100%);
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}

#sendrequest .btn-close {
	right:24px !important;
border:1px solid #000 !important;
  --bs-btn-close-color: #000 !important;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");	
}

footer {
border-top-left-radius: 64px !important;	
}

}




@media all and (min-width: 992px) {

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
  
  .nav-link {
	 border-bottom: 1px solid #C4C4C4 ;
  }
  
.navbar .has-megamenu .megamenu.show {
max-height:100vh;
   opacity: 1;
   visibility:visible;
}

.navbar .has-megamenu .megamenu.show .container{
padding:0;
margin:0;	
}

.navbar .has-megamenu .megamenu.show a.smenu {
padding-left:24px;	
}

header .nav-item {
  margin-right: 0px;
}

/* .slide .carousel-item::after {
  content: '';
  position: absolute;
  width: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
} */

.sliderparallax {
position:relative;	
height:220px !important;
}

}

.slide .carousel-caption {	
top:50%;
transform:translateY(-50%);	
text-align:left;
z-index:2;
bottom: initial !important;
}

#carouselhome .carousel-item::after,#companycarousel .carousel-item:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
linear-gradient(0deg, rgba(0, 132, 177, 0.15), rgba(0, 132, 177, 0.15));
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
}

#carouselhome .carousel-item {
transform-style:preserve-3d;
clip-path: ellipse(100% 55% at 48% 44%);	
}
.sectionparallax2 {
	--progress: 0;
	--spacing: 1rem;
	--header-height: 68px;
/*position: sticky;
top: calc(var(--header-height) + var(--spacing));
top:0;*/
/*font-size: var(--font-size);*/
opacity: calc(1 - var(--progress));
will-change: opacity;
height: calc(100vh - 132px);
/*padding-bottom: 2rem;
min-height: calc(var(--vh, 1vh) * 100 - var(--header-height) - var(--spacing) * 5);	*/
}

.noscroll {
overflow:hidden;	
}

#carouselhome h3 {
font-size:48px;
font-weight:700;	
}

.bg-white {
background-color:#fff;	
}

section {
position:relative;	
}

.topbar a {
font-weight:200;	
}

.carousel-indicators [data-bs-target] {
width: 8px;
height: 8px;	
border-radius:50%;
background-color: var(--clr-darkgreen);
border:0 !important;
opacity:1;
}


.showmoreinfo {
height: 100px;
  overflow-y: hidden;
  position:relative;
}
.showmoreinfofull {
  height: 100% !important;
  overflow-y: hidden;
}
.showmoreinfofull:before {
  display: none;
}

.showmoreinfo::before {
  content: '';
  position: absolute;
  height: 80px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0.5) 100%);
  bottom: 0;
  left: 0;
  width: 100%;
}

.banneritem .overlay {
display:none;	
}

.banneritem:hover .overlay {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;	
color: #fff;
  background-color: rgba(0,0,0,0.5);
  z-index: 10;

  
}
.banneritem .overlay span {
  font-size:36px;	
}
.dropdown-menu {
padding: 32px 36px 64px 36px;
  width: 320px;
  border-bottom-left-radius: 64px;
border-top-left-radius:0;
border-top-right-radius:0;
border-bottom-right-radius:0;
border:0;
  height: 393px;
  background: #F8F8F8;
}

/* .dropdown-menu li {
position: relative;

} */
.dropdown-menu li:not(:last-of-type) {
margin-bottom:24px;

}
.dropdown-item {
white-space:wrap !important;	
}

.dropdown-item:hover {
color:var(--clr-blue);

}

.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: 0;
border-bottom-left-radius:0;
border-bottom-right-radius:64px;
border-top-left-radius:0;
border-top-right-radius:0;
border-left:1px solid var(--clr-blue);
}
.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}
.dropdown-submenu.show {
display: block;
}

.filterinfo {
width:100%;
background-color:var(--bg-lightgrey);
border:1px solid var(--clr-blue);
display:flex;
flex-direction:column;	
border-radius:24px;
padding:15px;
margin-bottom:24px;
}
.nav-link.active {
position:relative;	
color: var(--clr-white) !important;
}
.nav-link.active::after,.nav-link:hover::after {
  content: '';
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: var(--clr-white);
  bottom: -3px;
  left: 50%;
  border-radius:50%;
}

.nav-link:hover {
	position:relative;
color:var(--clr-white) !important;	
}


.secttitle {
font-size:28px;	
}


.animate {
  --delay: 0.1s;
  --speed: 1;
  --delay-modifier: 0.3s;
  transition: .5s ease calc(var(--delay)*var(--speed));
}
.animate--3 {
  --delay: calc(var(--delay-modifier) + 0.2s);
}

div.lazyload:not(.lazyloaded) .animate-opacity {
  opacity: 0;
}

.animate__delay-10s{
	
	--animate-delay: 10s;
}

.animate__delay-500ms {	
--animate-duration: 0.5s;	
}
.animate__delay-600ms {	
--animate-duration: 0.6s;	
}
.animate__delay-700ms {	
--animate-duration: 0.7s;	
}
.animate__delay-800ms {	
--animate-duration: 0.8s;	
}

.swipehand {
  animation-duration: 1.3s;
  animation-name: swipe;
  animation-iteration-count: infinite;
  position: absolute;    
  bottom: 0;
  left: 20px;
  z-index: 10;
  display:block !important;
}

@keyframes swipe {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.searchterm {
padding-left:24px;	
}

.paidsservice,.regions {
padding-top:72px;
padding-bottom:72px;	
}

.paidsservice h2,.regions h2 {
font-weight:700;
margin-top:8px;
color:var(--clr-darkgreen);	
}

.paidservicedescription.psodd {
border-top-left-radius: 318px;
  border-bottom-right-radius: 318px;
  background-color: var(--clr-lightgreen);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 48px;
  padding-right: 48px;	
}

.paidservicedescription.pseven {
border-top-right-radius: 318px;
  border-bottom-left-radius: 318px;
  background-color: var(--clr-lightgreen);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 48px;
  padding-right: 48px;	
}

.paidservicedescription h3 {
padding-left: 48px;
position:relative;	
}

.paidservicedescription h3::before {
  content: '';
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: var(--clr-green);
  border-radius: 50%;
  margin-right: 24px;
  left: 0;
}

.regions {
background-color:var(--clr-lightgreen);
border-top-right-radius:318px;	
	
}

.accordion-button:not(.collapsed) .regiontitle{
color:var(--clr-black);
font-weight:600;
font-size:28px;	
}

.regiontitle {
color:var(--clr-grey);
font-weight:600;
font-size:28px;	
position:relative;	
}

.subregions {
list-style-position: inside;
  padding-left: 0;
  list-style-type: disc;
  }

.regions ul:not(.subregions) {
list-style-position: inside;
  padding-left: 0;	
}

li.mainregion.active::marker,.accordion-button:not(.collapsed) .regiontitle:before{
color:var(--clr-green);
content: '\f111';
  font-family: FontAwesome;
  padding-right: 12px;
}
li.mainregion::marker,.accordion-button.collapsed .regiontitle:before{
color:var(--clr-grey);
content: '\f111';
  font-family: FontAwesome;
  padding-right: 12px;
  font-size:32px;
}

.mainregion.active span {
color:var(--clr-black);	
}
.mainregion span {
color:var(--clr-grey);
padding-left:15px;	
}

.imp-shape-spot-pin::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  height: 32px;
  width: 32px;
  animation: pulsate 2s linear;
    animation-iteration-count: 1;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: var(--clr-green);
  border-radius: 100%;
  margin: -16px;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes pulsate{
  0% {
      -webkit-transform: scale(0);
      opacity: .05;
  }
  20% {
      -webkit-transform: scale(0.7);
      opacity: .1;
  }
  40% {
      -webkit-transform: scale(0.9);
      opacity: .2;
  }
  60% {
      -webkit-transform: scale(1.1);
      opacity: .3;
  }
  100% {
      -webkit-transform: scale(1.4);
      opacity: 0;
  }
}
@keyframes pulsate{
  0% {
      transform: scale(0);
      opacity: .05;
  }
  20% {
      transform: scale(0.7);
      opacity: .1;
  }
  40% {
      transform: scale(0.9);
      opacity: .2;
  }
  60% {
      transform: scale(1.1);
      opacity: .3;
  }
  100% {
      transform: scale(1.4);
      opacity: 0;
  }
}


.bigleaf {
position:absolute;
top:0;
left:0;
width:100%;
min-height:636px;
z-index:-1;	
}

.bigleafright {
position:absolute;
bottom:0;
left:0;
width:526px;
height:636px;
z-index:0;		
}

.bigleafleft {
position:absolute;
bottom:0;
left:0;
width:526px;
height:636px;
z-index:0;		
}

.smallleaf {
width: 145px;
  height: 145px;
  position: absolute;
  right: 10px;
  top: -75px;
  z-index: 1;
  }
  
  .smallleaf img {
	  position: absolute;
  right: 0;
  width: auto;
  height: 100%;
  animation: leafmove 5s infinite;
  }
  
  .abcontainer {
border-radius:64px;
background-color:var(--clr-lightgreen);
padding-right:0;
  }
  
  #carouselpaidservices .carousel-inner {
	 height:614px;
  }
  .carousel-indicators button:not(.active) {
  width: 19px;
  height: 8px;
  border-radius:4px;
}
  .fs-32  {
font-size:32px;	  
  }
  
  #sendrequest .modal-content {
border-radius:64px;
  }
 
 #sendrequest img {
border-radius:64px;	 
filter:grayscale(100%);
object-fit:cover;
object-position:center;
width:100%;
height:100%;
 }
 
 .mbody {
padding-left:0;
height:100%;
 }
 
#sendrequest .modal-body {
padding:0;	
background-color:var(--clr-lightgreen);
border-radius:64px;
/*height: 90vh;*/
}

.mtb-24 {
margin-top:24px;
margin-bottom:24px;	
}

.ptb-48 {
padding:48px 24px;	
}

#formsendreq {
margin-top:24px;	
}

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

.btn-close {
position: absolute;
  right: 48px;
  top: 24px;
  border: 1px solid #000;
  border-radius: 50%;
  width: 48px;
  height: 48px;	
}

.modalcontactblock {
background-color:var(--clr-darkgreen);
border-top-right-radius:263px;
border-bottom-left-radius:318px;
color:#fff;
height:100%;
padding: 48px 88px;	
	
}

#sendcontact .modal-body {
padding:0;	
}

#sendcontact .wtime {
width:100%;	
}

#sendcontact a {
color:#fff;	
}

#sendcontact .wtimetitle {
margin-top:24px;	
}

#sendcontact .modal-content {
border-top-right-radius: 64px;
  border-bottom-right-radius: 64px;
  border-bottom-left-radius: 318px;
background-color: var(--clr-lightgreen); 
}

#sendcontact .input-group {
border-bottom:1px solid #000;	
}

#sendcontact .input-group-text {
background-color: transparent;
  border: 0;
  color: var(--clr-grey);	
}

#atfile {
  background-color: transparent;
  border: 0;
  padding-left: 0;
}

.bigleaf img:first-of-type{
	animation: leafmove 5s infinite;
}

@keyframes leafmove {
  50% {transform: rotate(5deg);}
}

.garbagebin {
position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;	
}





.sectionparallax {
  --progress: 0;
  --spacing: 0rem;
  --header-height: 137px;
  position: sticky;
  top: calc(var(--header-height) + var(--spacing));
  opacity: calc(1 - var(--progress));
  transform: scale(calc(1 - var(--progress) * .05));
  will-change: opacity,transform;
  height: auto;
}  



.sectionparallax2 {
  --progress: 0;
  --spacing: 1rem;
  --header-height: 150px;
  position: sticky;
  top: calc(var(--header-height) + var(--spacing));
  opacity: calc(1 - var(--progress));
  transform: scale(calc(1 - var(--progress) * .05));
  will-change: opacity,transform;
  height: auto;
}  


.fallgarbages {
width: 30%;
  height: 650px;
  /**/overflow: hidden;
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
 /* bottom: -950px;
  border: 1px solid #000;*/
  left: 50%;
  transform:translateX(-50%);
  z-index:0;
}

.garbagebin img.trashbin {

margin-top:-200px;	

}

.garb {
  position: relative;
  color: #fca311;
 /* animation: falling 5s linear forwards;*/
 max-width:100%;
height:auto; 
 /*transform: translate(var(--x-position), var(--y-position));*/
}

/* @keyframes falling {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
  }

  80% {
    opacity: 1;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    transform: translateY(450px) rotate(360deg);
    opacity: 0;
  }
} */
.accordion {
--bs-accordion-bg: transparent;	
}

.sendcontact {
margin-top: 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  width: 170px;
height:41px;  
}